1. Интернет магазин: с чего начать?

Содержание:

Добавление корзины и товара на страницу

Первым делом установим (переместим) Виджет “Кнопка Корзина” на страницу.

1000001

Для того чтобы добавлять товар в корзину, нам необходимо создать карточку товара и разместить на ней информацию (Название товара, описание товара, цена товара, фото товара и кнопку которая будет добавлять товар в корзину)

Карточка товара

Создать карточку товара можно из виджета “Блок”.

Установим (переместим) виджет на секцию и в настройках виджета, установим роль: “Карточка товара”.

1000002

Фото товара

Разместим (переместим) изображение с помощью виджета “Картинка” в карточку товара.
Перейдём в настройки виджета “Картинка”, в вкладке Роль и установим роль: “Фото товара”.
1000003

Загрузить ваше изображение, вы сможете нажав на надпись в виджете и “загрузить изображение”.

Название, описание, цена товара

Установить Описание товара можно с помощью виджета текст.

Переместим виджет в карточку товара.
Роль для описания товара необходимо оставить как текст (в данном случае он не будет передаваться в корзину).

1000004

Установим еще 2 виджета “Текст” в карточку товара для “Названия товара” и “Цены товара”

(выбрав нужную нам роль для каждого виджета “Текста”)

Кнопка добавления товара в корзину

Установить кнопку можно с помощью виджета “Кнопка ссылка”.

Переместим кнопку в карточку товара.
В настройках кнопки (гаечный ключ), на вкладке “Действие” установить “Добавить в корзину”

00000007

Теперь после нажатия кнопки Купить, товар будет добавлен в корзину.

Примечание:

Установить 2 цены на 1 карточку товара можно с помощью двух виджетов “Текста”, на старой цене установим роль “Текст” и перечеркнем её, а на новой цене оставим роль “Цена товара”.

90

Таким образом у нас получится создать старую цену и новую (со скидкой), в корзину будет передаваться только та цена, в которой установлена роль “Цена товара”

91

Настройка корзины

 

Вызвать окно корзины можно нажав на установленный виджет “Корзина” в редакторе.

92

Для настройки корзины используются специальные виджеты, их можно найти в верхней части редактора, в разделе “Корзина”.

00000008

В Корзине имеется 2 вкладки:
Вкладка с товаром отображает страницу, как будет выглядеть корзина с добавленным товаром.

94

Пустая вкладка отображает как будет выглядеть корзина без товара.

95

Обе вкладки можно настроить под свой дизайн сайта и написать нужную вам информацию (Добавлять виджеты можно из верхней части редактора и из специальной вкладке Корзина).

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

1000005

Специальные виджеты из вкладке “Корзина” используются для показа информации о товаре и добавления некоторых функций (например, удалить товар, задать нужное кол-во, итоговую стоимость и т.д.)

1000006

После того как клиент добавит товар в корзину и оформит заявку, заявка попадёт в личный кабинет в раздел «Заявки», также вы можете подключить дополнительные уведомления на Email, телефон, telegram.

100093178

Пример использования корзины на странице – http://shoplp.plp7.ru

Была ли эта статья полезна?

Похожие статьи