status321 (12 Апрель 2024 - 15:55) писал:
Здравствуйте.
Зайдите в раздел Сайт --- Редактор шаблонов --- main.css и найдите код:
/* Категории */ .index .categories {display: flex;justify-content: center;align-items: center;flex-wrap: wrap;text-align: center;} .categories {display: flex;justify-content: flex-start;align-items: flex-start;flex-wrap: wrap;text-align: center;} .categories .item {display: inline-block;position: relative;margin: 0 15px 30px;text-align: center;width: {SETTINGS_GOODS_IMAGES_SIZE_CAT_MEDIUM | divide("2")}px;}
Замените его на:
/* Категории */ .index .categories {display: flex;justify-content: flex-start;align-items: center;flex-wrap: wrap;text-align: center;} .categories {display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: flex-start;text-align: center;border-top: 1px solid #E5E5E5;border-left: 1px solid #E5E5E5;margin-bottom: 20px;} .categories .item {display: inline-block;position: relative;padding: 0 15px 30px;text-align: center;width: 33.333%;border-bottom: 1px solid #E5E5E5;border-right: 1px solid #E5E5E5;} .index .categories .item {width: 25%;} @media all and (max-width: 1199px) { .categories .item, .index .categories .item {width: 50%;} } @media all and (max-width: 481px) { .categories .item, .index .categories .item {width: 100%;} }
Найдите данный код:
.products-grid {display: flex;justify-content: flex-start;align-items: flex-start;flex-wrap: wrap;text-align: center;} .products-grid .item {padding: 0 15px 30px;width: 33.333333%;}
Замените его на:
.products-grid {display: flex;justify-content: flex-start;align-items: flex-start;flex-wrap: wrap;text-align: center;border-top: 1px solid #E5E5E5;border-left: 1px solid #E5E5E5;} .products-grid .item {padding: 15px 15px 15px;width: 33.333333%;border-bottom: 1px solid #E5E5E5;border-right: 1px solid #E5E5E5;} @media all and (max-width: 1199px) { .products-grid .item {width: 50%;} .products-grid .item .item-inner {width: 100%;} } @media all and (max-width: 481px) { .products-grid .item {width: 50%;} }