Сообщений в теме: 2

[status321]

Доброе утро, Можно реализовать отображение товаров по 4 в ряд.

[metry]

Добрый день. Для внесения изменений зайдите  в раздел Сайт-->Редактор шаблонов-->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;}
} 

[status321]

Спасибо.