תגיות: WooCommerce
-
מאתתגובות
-
15/03/2015 בשעה 08:23 #18612
היי,
כמה שאלות:
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 #18615בוקר טוב,
ניתן לשלוט במידות מוצרי החנות ב > WooCommerce > הגדרות > מוצרים > תצוגה > תמונות מוצרים.
שם ניתן להגדיר את המידות שלהם לפי פיקסלים.
15/03/2015 בשעה 18:14 #18677היי,
שיניתי את הגדלים שם אך לא מתרחש כל שינוי בגודל.
ד"א יש לי את ה 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 #18681תוכל לקרוא את המדריך הבא, צריך לחתוך את התמונות מחדש כדי שתקבל את זה על תמונות ישנות
15/03/2015 בשעה 19:43 #18686פעלתי ע"פ המדריך. הגודל נשאר אותו דבר וחוץ מתמונות מפוקסלות כלום לא השתנה:
http://ahir.x10.mx/product-category/air_water_coolers/minicool/
15/03/2015 בשעה 22:50 #18689תוכל להביא לנו גישה זמנית (כתגובה פרטית) אל לוח הבקרה? זה אמור לעבוד חלק
16/03/2015 בשעה 08:08 #18694תגובה זו סומנה כפרטית.16/03/2015 בשעה 16:29 #18741טוב, כנראה לא לחצת על החיתוך מחדש של התמונות ולכן הן נשארו בגדלים הישנים שלהם
כרגע פשוט חתכתי אותם מחדש וזה עובד מעולה
18/03/2015 בשעה 11:16 #18790כן, הנה עכשיו זה עובד מצוין.
מה אני צריך לעשות במוצרים הבאים שאני אוסיף?
18/03/2015 בשעה 12:13 #18793מעכשיו כל תמונה שתעלה תחתך בגודל המתאים
אתה מוזמן לנסות ולהעלות מוצר חדש ותראה שזה עובד נהדר 🙂
19/03/2015 בשעה 12:37 #18877אוקיי, מעולה.
אני אנסה.טיפלנו ברזולוציה ובאיכות של התמונות אבל איך אני מקטין את אופציית תצוגת הגודל בקטגוריות המוצרים?
כרגע זה מראה לי אותם בצורה ממש גדולה ואני רוצה להקטין את התצוגה.http://ahir.x10.mx/product-category/air_water_coolers/minicool/
19/03/2015 בשעה 14:30 #18890הכנס את הקוד הבא ל-Live CSS:
body.rtl.woocommerce ul.products li.product, body.rtl.woocommerce-page ul.products li.product{width:200px;}
19/03/2015 בשעה 19:14 #18942עבד! מעולה, תודה.
עכשיו איך אני עושה את אותו הדבר בדף המוצר עצמו?
20/03/2015 בשעה 09:30 #18961במידה ואתה מעלה תמונה קטנה מידי, כמו בעמוד שצירפת, אז המערכת לא יכולה להתאים את זה לגודל
הייתי ממליץ לך להעלות תמונות בגודל של לא פחות מ 800*800 פיקסל, ככה התמונה תוצג כמו שצריך ותפתח יפה בלייטבוקס
20/03/2015 בשעה 14:21 #18965היי אריאל,
לא התכוונתי לרזולוציה ולאיכות התמונה אלא לגודל עצמו של התמונה המוצגת בדף המוצר.
בקטגוריות המוצרים שילבתי את הקוד הבא וזה עבד:
body.rtl.woocommerce ul.products li.product, body.rtl.woocommerce-page ul.products li.product{width:200px;}
20/03/2015 בשעה 17:06 #18969אתה פשוט רוצה לשנות את אזור התמונה בעמוד מוצר? זה מצריך קצת CSS
לאיזה גודל אתה רוצה לשנות?
20/03/2015 בשעה 22:49 #18975כן, אני רוצה לשנות את גודל התמונה.
לגודל: 200X200
תודה.
22/03/2015 בשעה 09:50 #18984נסה להכניס את הקוד הבא ל-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 #19036דבר אחרון, אחרי שהקטנו את כל הגדלים של התמונות, איך אני מקטין/שולט על גודל הכותרות של המוצרים?
בלינק רואים שאין התאמה בין הגודל של הכותרת לתמונת המוצר.תודה ושוב סליחה על כל השאלות.
23/03/2015 בשעה 11:03 #19051כדי להקטין קצת את כותרת המוצר ניתן להכניס את הקוד הבא:
.product_title { font-size: 2.2em; }
02/04/2015 בשעה 08:40 #19808היי,
זה שינה בדף המוצר עצמו את גודל הכותרת, אני התכוונתי לדף קטגוריות המוצרים. לדוגמא:
http://www.ahir.co.il/product-category/portable_air_conditioners/shevaeop/
02/04/2015 בשעה 11:20 #19815נסה להכניס את הקוד הבא:
.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 #19982עובד, תודה!
-
מאתתגובות
הפורום 'תמיכה' נסגר לדיונים ולתגובות חדשות.