התאמות נפוצות למוצרים קשורים

התאמות נפוצות

שינוי הרוחב של המשבצות של המוצרים הקשורים (…)

התאמה ידנית של מוצרים קשורים (הרחבה פונקציונלית לחנות)

רספונסיביות

התאמה רספונסיבית של 2 טורים למוצרים נפוצים (והוספת מרווח מהצדדים):

@media (max-width: 1000px) { /*-----ai---------Start Mobile-Full-Range-----------*/
.related.products {
 margin-right:20px;
 margin-left:20px;
}
.woocommerce .related ul.products li.product,
.woocommerce .related ul li.product, .woocommerce .upsells.products ul.products li.product,
.woocommerce .upsells.products ul li.product {
 width:48% !important;
 padding-right:1%;
 padding-left:1%;
}
} /*-----ai---------End Mobile-Full-Range-----------*/

שינוי מבנה מוצרים קשורים ל-5 מוצרים בשורה:

@media (min-width: 1001px) { /*-----ai---------Start Non-Mobile-Range-----------*/
.woocommerce .related ul.products li.product {
 clear:none !important;
}
.woocommerce .related ul.products li.product {
 width: 18% !important;
}
} /*-----ai---------End Non-Mobile-Range-----------*/