תגיות: WooCommerce
-
מאתתגובות
-
15/03/2015 בשעה 08:23 #18612
eitannorel
Participantהיי,
כמה שאלות:
1. כיצד ניתן לשלוט על גודל התמונות המוצגות בקטגוריות החנות?
http://ahir.x10.mx/product-category/air_water_coolers/minicool/2. כיצד ניתן לשלוט כיצד ניתן לשלוט על גודל התמונות המוצגות בדף המוצר עצמו?
http://ahir.x10.mx/our_products/%D7%9E%D7%A6%D7%A0%D7%9F-%D7%9E%D7%99%D7%9D-%D7%90%D7%95%D7%95%D7%99%D7%A8-minicool-m6/15/03/2015 בשעה 10:27 #18615Noa
Participantבוקר טוב,
ניתן לשלוט במידות מוצרי החנות ב > WooCommerce > הגדרות > מוצרים > תצוגה > תמונות מוצרים.
שם ניתן להגדיר את המידות שלהם לפי פיקסלים.
15/03/2015 בשעה 18:14 #18677eitannorel
Participantהיי,
שיניתי את הגדלים שם אך לא מתרחש כל שינוי בגודל.
ד"א יש לי את ה css המותאם הבא:
.padding {
padding: 4%;
}.padding-left {
padding-top: 5%;
padding-left: 4%;
}.border {
border-left: 1px solid #c0c0c0;
border-right: 1px solid #c0c0c0;
}.blue {
background-color: #00ADEF;
}.eeeeee {
background-color: #eeeeee;
}.f7f7f7 {
background-color: #f7f7f7;
}@media (min-width: 768px) {
.woocommerce div.product div.summary, .woocommerce-page div.product div.summary, .woocommerce #content div.product div.summary, .woocommerce-page #content div.product div.summary {width: 70%;}
.woocommerce div.product div.images, .woocommerce-page div.product div.images, .woocommerce #content div.product div.images, .woocommerce-page #content div.product div.images {width: 30%;}
}15/03/2015 בשעה 18:31 #18681Ariel
Participantתוכל לקרוא את המדריך הבא, צריך לחתוך את התמונות מחדש כדי שתקבל את זה על תמונות ישנות
https://pojo.co.il/topic/regenerate-thumbnails-wordpress-woocommerce
15/03/2015 בשעה 19:43 #18686eitannorel
Participantפעלתי ע"פ המדריך. הגודל נשאר אותו דבר וחוץ מתמונות מפוקסלות כלום לא השתנה:
http://ahir.x10.mx/product-category/air_water_coolers/minicool/
15/03/2015 בשעה 22:50 #18689Ariel
Participantתוכל להביא לנו גישה זמנית (כתגובה פרטית) אל לוח הבקרה? זה אמור לעבוד חלק
16/03/2015 בשעה 08:08 #18694eitannorel
Participantתגובה זו סומנה כפרטית.16/03/2015 בשעה 16:29 #18741Ariel
Participantטוב, כנראה לא לחצת על החיתוך מחדש של התמונות ולכן הן נשארו בגדלים הישנים שלהם
כרגע פשוט חתכתי אותם מחדש וזה עובד מעולה
18/03/2015 בשעה 11:16 #18790eitannorel
Participantכן, הנה עכשיו זה עובד מצוין.
מה אני צריך לעשות במוצרים הבאים שאני אוסיף?
18/03/2015 בשעה 12:13 #18793Ariel
Participantמעכשיו כל תמונה שתעלה תחתך בגודל המתאים
אתה מוזמן לנסות ולהעלות מוצר חדש ותראה שזה עובד נהדר 🙂
19/03/2015 בשעה 12:37 #18877eitannorel
Participantאוקיי, מעולה.
אני אנסה.טיפלנו ברזולוציה ובאיכות של התמונות אבל איך אני מקטין את אופציית תצוגת הגודל בקטגוריות המוצרים?
כרגע זה מראה לי אותם בצורה ממש גדולה ואני רוצה להקטין את התצוגה.http://ahir.x10.mx/product-category/air_water_coolers/minicool/
19/03/2015 בשעה 14:30 #18890Noa
Participantהכנס את הקוד הבא ל-Live CSS:
body.rtl.woocommerce ul.products li.product, body.rtl.woocommerce-page ul.products li.product{width:200px;}19/03/2015 בשעה 19:14 #18942eitannorel
Participantעבד! מעולה, תודה.
עכשיו איך אני עושה את אותו הדבר בדף המוצר עצמו?
20/03/2015 בשעה 09:30 #18961Ariel
Participantבמידה ואתה מעלה תמונה קטנה מידי, כמו בעמוד שצירפת, אז המערכת לא יכולה להתאים את זה לגודל
הייתי ממליץ לך להעלות תמונות בגודל של לא פחות מ 800*800 פיקסל, ככה התמונה תוצג כמו שצריך ותפתח יפה בלייטבוקס
20/03/2015 בשעה 14:21 #18965eitannorel
Participantהיי אריאל,
לא התכוונתי לרזולוציה ולאיכות התמונה אלא לגודל עצמו של התמונה המוצגת בדף המוצר.
בקטגוריות המוצרים שילבתי את הקוד הבא וזה עבד:
body.rtl.woocommerce ul.products li.product, body.rtl.woocommerce-page ul.products li.product{width:200px;}
20/03/2015 בשעה 17:06 #18969Ariel
Participantאתה פשוט רוצה לשנות את אזור התמונה בעמוד מוצר? זה מצריך קצת CSS
לאיזה גודל אתה רוצה לשנות?
20/03/2015 בשעה 22:49 #18975eitannorel
Participantכן, אני רוצה לשנות את גודל התמונה.
לגודל: 200X200
תודה.
22/03/2015 בשעה 09:50 #18984Noa
Participantנסה להכניס את הקוד הבא ל-Live CSS:
body.rtl.woocommerce div.product div.images, body.rtl.woocommerce-page div.product div.images, body.rtl.woocommerce #content div.product div.images, body.rtl.woocommerce-page #content div.product div.images{height:200px; width:200px;}23/03/2015 בשעה 00:02 #19036eitannorel
Participantדבר אחרון, אחרי שהקטנו את כל הגדלים של התמונות, איך אני מקטין/שולט על גודל הכותרות של המוצרים?
בלינק רואים שאין התאמה בין הגודל של הכותרת לתמונת המוצר.תודה ושוב סליחה על כל השאלות.
23/03/2015 בשעה 11:03 #19051Noa
Participantכדי להקטין קצת את כותרת המוצר ניתן להכניס את הקוד הבא:
.product_title { font-size: 2.2em; }02/04/2015 בשעה 08:40 #19808eitannorel
Participantהיי,
זה שינה בדף המוצר עצמו את גודל הכותרת, אני התכוונתי לדף קטגוריות המוצרים. לדוגמא:
http://www.ahir.co.il/product-category/portable_air_conditioners/shevaeop/
02/04/2015 בשעה 11:20 #19815Noa
Participantנסה להכניס את הקוד הבא:
.woocommerce ul.products li.product .inbox .caption .product-title, .woocommerce-page ul.products li.product .inbox .caption .product-title{font-size:1.5em;}07/04/2015 בשעה 21:09 #19982eitannorel
Participantעובד, תודה!
-
מאתתגובות
- הפורום 'תמיכה' נסגר לדיונים ולתגובות חדשות.
