Телефон заказа:
Как сделать конструктор пиццы в ZeroBlock в Tilda
Пепперони
Состав:
Колбаса пепперони, соус фирменный красный, моцарелла
>
Итоговая цена:
0₽
Добавить в корзину
Добавить начинки
Вес:
Карбонара
Состав:
Бекон, сыры чеддер и пармезан, моцарелла, томаты черри, красный лук
>
Добавить начинки
Добавить в корзину
Итоговая цена:
0₽
Вес:
Маргарита
Состав:
Моцарелла, томаты, итальянские травы, томатный соус
>
Добавить начинки
Добавить в корзину
Итоговая цена:
0₽
Вес:
Studio Headphones
SKU: 700.954.29
100
р.
Вес с начинкой:
Click to order

Как сделать конструктор пиццы в ZeroBlock в Tilda

1
Создали ZeroBlock
2
Добавили в него элементы:
2.1 Изображение продукта Shape с классом product_img
Загрузили в него первое изображение продукта
2.2 Название продукта Text с классом product_title
2.3 Подзаголовок под название Text product_subtitle
2.4 Итоговая цена Text с классом total__price
2.5 Вес Text с классом total__weight
2.6 Кнопку Button "Добавить в корзину" с классом add_tocart
2.7 Текст "Добавить начинки" Text с классом button__fillopen
2.8 Стрелку Image с классом arrow__dop
3
Добавили в него основную форму выбора опций с полями и задали ей класс form__main
3.1 - Выбор с картинками / Question with image answers
Заполнили его:
Input Sutitle 25,30,35
Variable Name option__Размер
Image Variants - добавили картинки и подписали их
Маленькая=500
Средняя=700
Большая=900

Номер по умолчанию - 1

3.2 Вопрос с ответами / Question with answers
Заполнили его:
Input Sutitle 400,600,750||350,550,700
Variable Name option__Тесто
Variants Традиционное Тонкое

3.3 Калькулятор / Calculations field
Заполнили его:
Variable Name pizza_price
Arithmetic expression option__Размер
4
Добавили в него форму для начинок с полями и задали ей класс form__filling
4.1 - Количество / Quantity (plus/minus buttons)
Заполнили его:
Input Title Сыр
Input Sutitle 35г , 79₽
Value 0

4.2 - Количество / Quantity (plus/minus buttons)
Заполнили его:
Input Title Помидоры
Input Sutitle 60г , 90₽
Value 0

4.3 - Количество / Quantity (plus/minus buttons)
Заполнили его:
Input Title Укроп
Input Sutitle 4г , 15₽
Value 0
... и т.д.
5
Добавили блок ST200
Включили в нём параметр:
Вес с начинкой - значение проставили 0
6
Добавили на страницу 2 блока Т123
Вставили первый код в первый блок, второй код - во второй блок