Стандартные блоки

Стилизация карточки товара ST205

Оформите карточку товара ST205: крупное изображение, аккуратное описание, выделенная цена и кнопка покупки в единой композиции.

Загружается конструктор…

Открыть демо на отдельной странице

Установка и использование

Для чего нужна модификация

Стилизация стандартной карточки товара ST205: изображение и информация объединяются в контейнер, описание располагается под названием, цена и кнопка покупки сохраняют штатную работу Tilda. В демо доступны галерея и добавление товара в корзину.

Как установить

  1. Добавьте стандартный блок магазина ST205 и заполните товар, изображения, описание и цену.
  2. В настройках блока задайте CSS-класс uc-aw__st205. Если Tilda уже показывает префикс uc-, введите aw__st205.
  3. Скопируйте полный код из демо выше и вставьте его в блок T123 после карточки товара.
  4. Для покупки используйте штатную корзину ST100 с вашими действующими настройками. Опубликуйте страницу и проверьте галерею, варианты товара и открытие корзины.

Что можно настроить

Выберите готовый стиль или настройте скругление, внутренний отступ, цвет карточки и акцент. Предпросмотр обновляется сразу, а кнопка «Скопировать код» выдаёт код с выбранными параметрами. Для проверки узкой карточки включите «Мобильный». Сброс возвращает исходные настройки. Товар, изображения, цену и описание редактируйте в стандартном блоке Tilda.

Совместимость

Код рассчитан на ST205 с разметкой .t762. Он не заменяет корзину и настройки оплаты. Демо содержит исходный тестовый товар; используйте его для проверки поведения, заказ отправлять не требуется.

Вопросы и решения

Подойдёт ли оформление для любого блока магазина?

Нет, код рассчитан на ST205 с разметкой .t762 и классом uc-aw__st205. Совместимость с другими карточками магазина не подтверждена.

Где менять фотографии, цену и описание?

В штатном содержимом ST205. Конструктор меняет оформление: акцент, фон, скругление и отступ. Изображения лампы в примере созданы для демонстрации, их не нужно переносить в свой товар.

Нужна ли отдельная корзина и что с оплатой?

Для покупки нужна штатная корзина ST100 с вашими действующими настройками. Модификация её не заменяет и не настраивает оплату. Проверены открытие/закрытие корзины и галерея демо; реальный заказ, оплата и варианты товара в текущем примере не проверены.

Как убрать стиль и сохранить товар с корзиной?

Удалите только установочный код оформления из T123, затем опубликуйте и перезагрузите страницу. Сохраняйте ST205, товар и ST100, если покупка должна продолжать работать.

Ещё модификации

Все модификации
Модификации и инструменты для Tilda.
Made on
Tilda