1.6Kпросмотров
88.4%от подписчиков
2 февраля 2026 г.
📷 ФотоScore: 1.8K
🦋 Раздел товара «Смотрите также» на всю ширину По просьбе коллег написала код для растягивания блока «Смотрите также» в карточке товара на всю ширину экрана. 🧡 Первый вариант модификации для карточек в ряд: <!--Code by khudova.design-->
<!--Раздел "Смотрите также" в один ряд на всю ширину-->
<style>
@media (min-width: 1200px) {
.t-storerelevantscontainer .t-container { max-width: calc(100% - 60px);
}
.t-storerelevantscontainer .t-col { margin: 0 !important;
}
.t-storerelevants-grid-cont .t-storecard { max-width: calc(25% - 20px) !important; margin: 0 10px !important;
}
}
</style> ❤️ Второй вариант для карточек в слайдере: <!--Code by khudova.design-->
<!--Раздел "Смотрите также" в виде галереи на всю ширину-->
<style>
@media (min-width: 1200px) {
.t-storerelevantscontainer .t-container:not(.t-sldsmain) { max-width: calc(100% - 60px);
}
.t-storerelevantscontainer .t-col { margin: 0 !important;
}
.t-storerelevants-grid-cont > .t-slds { width: 100%;
}
.t-sldsmain.t-container { max-width: 100% !important;
}
.t-sldsarrow.t-sldsarrow-right { left: unset !important; right: -15px !important;
}
.t-sldsarrow.t-sldsarrow-left { left: -15px !important; right: unset !important;
}
.t-storerelevants-grid-cont .t-store__card { max-width: calc(100% - 20px) !important; margin: 0 10px !important;
}
}
</style> ⭐️ Вставьте код в блок Т123 в шапку или подвал товара (карточка товара должна открываться как страница)
⭐️ Код работает только для десктопа от разрешения 1200рх
⭐️ Код растягивает блок с отступами по 40рх по бокам и с 20рх между товарами. Если вам нужны другие расстояния — поправьте соответствующие вычисления в коде. 💭 Если этот код конфликтует с вашими стилями по изменению внешнего вида карточек товаров — напишите мне в комментариях, попробую отдельно разобрать ваш случай. #тильда #модификации #магазин