Доброе утро, Можно реализовать отображение товаров по 4 в ряд.
0
Товары В Подкатегории
Автор status321, 15 февр. 2024 08:34
Сообщений в теме: 2
#1
Отправлено 15 Февраль 2024 - 08:34
#2
Отправлено 15 Февраль 2024 - 10:49
Добрый день. Для внесения изменений зайдите в раздел Сайт-->Редактор шаблонов-->main.css и в самый конец кода вставьте:
.products-grid.row:before, .products-grid.row:after {display:none;} .products-grid .item .product-image img {display: inline-block;max-width: 100%;width: auto;max-height: 250px;} .products-grid {display: grid;justify-content: flex-start;align-items: flex-start;flex-wrap: wrap;text-align: center;grid-template-columns: 1fr 1fr 1fr 1fr;grid-column-gap: 0px;grid-row-gap: 0px;grid-column-gap-val: 10px;grid-row-gap-val: 10px;} .products-grid .item .item-inner {position: relative;width: 100%;} .products-grid .item {position: relative;padding: 0px 5px 10px;text-align: left;}.products-grid .item {position: relative;padding: 0px 5px 10px;text-align: left;} .products-grid .item .product-image {line-height: 250px;} @media all and (max-width: 1200px) { .products-grid {display: grid; grid-template-columns: 1fr 1fr 1fr ;grid-column-gap: 0px;grid-row-gap: 0px;grid-column-gap-val: 10px;grid-row-gap-val: 10px;} } @media all and (max-width: 992px) { .products-grid .item .product-image img {display: inline-block;max-width: 100%;width: auto;max-height: 200px;} .products-grid {display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;} .products-grid .item .product-image {line-height: 200px;} } @media all and (max-width: 768px) { .products-grid {display: grid;grid-template-columns: 1fr 1fr 1fr;} } @media all and (max-width: 641px) { .products-grid {display: grid;grid-template-columns: 1fr 1fr;} } @media all and (max-width: 480px) { .products-grid {display: grid;grid-template-columns: 1fr 1fr;} .products-grid .item .product-image img {display: inline-block;max-width: 100%;width: auto;max-height: 200px;} }
#3
Отправлено 15 Февраль 2024 - 12:29
Спасибо.
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных