Добрый день. Для внесения изменений зайдите в Редактор шаблонов-->main.css и найдите:
.container .row{display:flex; flex-wrap: wrap;}
замените на:
.container .row{display:block;}
далее найдите:
.products-grid {display: flex;justify-content: flex-start;align-items: flex-start;flex-wrap: wrap;text-align: center;}
.products-grid .item {position: relative;padding: 10px 15px;}
замените на:
.products-grid {display: block;justify-content: flex-start;align-items: flex-start;flex-wrap: wrap;text-align: center;}
.products-grid .item {position: relative;padding: 10px 10px;display:inline-block;}
2. В main.css найдите:
.products-grid .item .item-inner {position: relative;margin-bottom: 35px;padding-bottom: 100px;widt : {SETTINGS_GOODS_IMAGES_SIZE_SMALL | divide("2")}px;}
замените на:
.products-grid .item .item-inner {position: relative;margin-bottom: 25px;padding-bottom: 70px;}
далее найдите:
.products-grid .item .product-image {position: relative;background: #fff;overflow: hidden;z-index: 0;padding: 0;border: 0;border-radius: 0;text-align: center;}
замените на:
.products-grid .item .product-image {position: relative;background: #fff;overflow: hidden;z-index: 0;padding: 0;border: 0;border-radius: 0;text-align: center;height:260px;}
далее найдите:
.products-grid .item .product-shop {position: absolute;background-color: #fff;padding: 15px 0 5px;transition: all 0.3s;left: 0;right: 0;bottom: 0;text-align: center;}
замените на:
.products-grid .item .product-shop {position: absolute;background-color: #fff;padding: 15px 0 5px;transition: all 0.3s;left: 0;right: 0;bottom: 0;text-align: center;height: 60px;}
далее найдите:
.products-grid .item .product-shop .product-name a {display: block;font-family: 'PT Sans Narrow';font-size: 19px;font-weight: 400;text-transform: capitalize;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
замените на:
.products-grid .item .product-shop .product-name a {display: block;font-family: 'PT Sans Narrow';font-size: 19px;font-weight: 400;text-transform: capitalize;text-overflow: ellipsis;height:45px;}
далее в конец кода main.css вставьте:
@media all and (max-width: 768px) {
.products-grid .item .product-shop {position: absolute;background-color: #fff;padding: 15px 0 5px;transition: all 0.3s;left: 0;right: 0;bottom: 0;text-align: center;height: 100px;}
.products-grid .item .item-inner {margin-bottom: 0;padding-bottom: 0;width: 230px;}
.products-grid .item .product-image {position: relative;background: #fff;overflow: hidden;z-index: 0;padding: 0;border: 0;border-radius: 0;text-align: center;height: 360px;}
}