-
תגובות
-
במובייל אני רוצה להגיע לשתי עמודות, מה שכבר פתרנו.
בדסקטופ אני רוצה להגיע לשלוש עמודות. אפשרי?כמובן שכל הבעיה היא בעמוד החנות ולא בעמוד הבית, שם יש לי שליטה דרך הוויג'ט. בעמוד החנות בדסקטופ אין לי שליטה על מספר העמודות וכרגע זה לא נראה טוב.
השאלה האחרונה מתייחסת לנראות בדסקטופ של עמוד החנות (קישור מצורף בפוסט האחרון שלי).
הנראות במובייל נפתרה.כמו כן, בדסקטופ בעמוד הבית, בחלק של הקטגוריות באמצע העמוד (ווידג'ט של הבילדר), הרווח בין הטקסט לתמונות יותר מדי מרווח. כשאני מנסה לתקן זאת ע"י שינוי גובה שורה בטיפוגרפיה של H3 זה משפיע ממש מעט ובשאר המקומות בעמוד של H3 הטקסט נחתך. כמו כן ניסיתי להוסיף ב LIVE CSS פרמטר של LINE HEIGHT אבל רק ערכים קיצוניים עוזרים מעט אבל אז יש שורות שעולות אחת על השניה.
יש פתרון אחר?
אין לי בעיה להשתמש בתמונה כדי לסמלץ קטגוריה ולוהוריד לגמרי את הווידג'ט (הבנתי שיש דריסות מכל מני הגדרות אחרות), הבעיה היא שוב במובייל, כשמוגדרות לי 2 תמונות אחת ליד השניה הוא מראה לי אותן כעמודה אחת…1. לגבי עמוד החנות – כאשר זה מוגדר על 30% בדסקטופ, זה אכן יורד שורה בגלל הגריד המובנה של עמוד החנות ב WooCommerce.
כך שלצערי אין אפשרות מובנית לפתור את זה, אך ניתן באמצעות כתיבת קוד בתבנית בת.
להלן קישור למדריך מתוך התיעוד הרשמי של WooCommerce:
https://docs.woothemes.com/document/change-number-of-products-per-row/
2. בהתאמה אישית > טיפוגרפיה > H3 > הגדרתי את הגובה שורה כ-0px ועכשיו זה נראה בסדר.
אברר זאת, תודה.
בקשר לטיפוגרפיה, ניסיתי את הפתרון שהצעת אבל כמו שכתבתי, הוא גורם לכל מה שיותר משורה אחת לעלות אחת על השניה (הטקסט של הטלפון בעמוד הדסקטופ ושמות הקטגוריות במובייל)
יש פתרון אחר? שוב, אני יכול במקום הווידג'ט של הקטגוריות להשתמש בתמונה לכל קטגוריה אבל אז שוב במובייל רואים עמודה אחת ולא שניים. מה הקוד שיראה שתי עמודות עבור רשימת תמונות במובייל?אם כך אתה יכול לנסות להכניס את הקוד הבא, שיגדיר את גובה השורה רק לעמוד הזה, ורק למוצרי WooCommerce:
.page-id-3258 .woocommerce ul.products li.product h3{line-height:0px;}שוב, הפתרון של הורדת גובה השורה לא טוב כי במובייל הטקסט עול אחד על השני.
אז תגדיר את הקוד בתוך
@media (min-width:992px) { }כדי שלא יוצג במובייל.
הפורום 'תמיכה' נסגר לדיונים ולתגובות חדשות.