1. Главная страница
  2. ››
  3. Документация
  4. ››
  5. О компоненте

Навигация

Разделы доки

Demo компонента

О компоненте

Для чего нужен

Бесплатный компонент «Товар с ценой зависимой от опции» предназначен для смены цены, размера скидки, веса и габаритов товара в зависимости от одного параметра товара. Компонет позволяет также менять картинку товара в зависимости от выбранной опции.

В примере ниже видно, как меняется заголовок и цена товара в зависимости от веса.

150 грамм

Клик по опции меняет значения параметров (15г грамм)

Клик по опции меняет значения параметров (15г грамм)

1,5 килограмма

Клик по опции меняет значения параметров (1,5 кг)

Клик по опции меняет значения параметров (1,5 кг)

Данные для выделенных красными рамками элементов передаются в карточку товара с помощью этого компонента.

Чтобы при смене цены менялась и картинка товара, вам необходимо подключить интеграцию со слаайдером Swiper — ещё одним нашим бесплатным компонентом. Как это сделать, рассмотрено в статье «Подключение интеграции для смены картинок».

Прежде чем читать инструкции далее, настоятельно рекомендуем просмотреть видеообзор по ссылке. Это займёт менее 15 минут, и вы получите общее представление о компоненте, его работе и о том, как вам подготовить данные для него.

Планы развития

В планах добавить адаптивность, чтобы можно было изменять размер элементов в зависимости от размера экрана.

Совместно используемые бесплатные компоненты

Компонент для расчёта цены в зависимости от четырёх опций

Если вам нужна рассчитывать цену в зависимости от нескольких параметров, вам подойдет платный компонент — Цена зависящая от нескольких опций. Смотрите его по ссылке.

Logo Upline Studio Creatium

Наша команда Uplinestudio разрабатывает сайты под разные потребности клиентов. Одним из ключевых направлений в нашей разработке является создание сайтов на Creatium.

Оставить заявку

Работает на Creatium