-
תגובות
-
היי חברים, יש לי בעיה בשינוי תצוגת המוצרים בשורה.
אני צריכה שיוצגו 3 מוצרים בשורה, ולכן הכנסתי לcss את הקוד הנ"ל.woocommerce ul.products li.product { width: 33.333%; }משום מה כפי שאפשר לראות בעמוד חנות, השורות קופצות הלאה ולא משלימות את המוצר שקפץ שורה, שנשאר לבד.
תודה.
סנדרההי,
ראי את ההסבר שלנו בנושא:https://pojo.co.il/topic/woocommerce-change-number-of-products-per-row/
בעמוד הבית את מכניסה את זה דרך ווידג'ט שבו את יכולה לקבוע את מספר העמודות.
הקוד שצירפתי מתייחס לעמודי החנות.וברור לי שאני יכולה לשחק עם הקלאסים ולהכניס את הקוד הנ"ל
.woocommerce .columns-4 .woocommerce ul.products li.product { width: 25%; }אבל זה לא פותר את הבעיה שהקוד שנתת לי משנה את כל ההגדרות באתר.
**עריכה – גם זה לא עובד.
זה מאוד מעצבן שאתם מפרסמים את התבניות שלכם "תומכות 100% ב woocommerce" אבל אין לכם אפילו פאנל אפשרויות תבנית שקשור לwoocommerce.
משהו כל כך בסיסי כמו קביעת מס' עמודות של מוצרים, חייב להיות דרך קוד, חייב להיות גורף על כל האתר.תודה על התגובה, מקווה שיש לזה פתרון אחר.
מצאתי את הטעות שלכם.
הקוד ששלחת לי
@media (min-width: 960px) { .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: 33.333%; } }הוא גלובלי על כל המוצרים באתר בגלל השורה
.woocommerce ul.products li.productברגע שמוחקים אותה, ומשאירים בקוד הנ"ל רק את
.woocommerce-page ul.products li.product
אז הקוד לא 'משתלט' על כל המוצרים (כולל הוויג'טים) אלה רק משפיע על העמוד חנות.
- הפורום 'תמיכה' נסגר לדיונים ולתגובות חדשות.