Web5X - Готовые сайты

Блог о создании сайта, конструкторе сайтов и Elementor

Woo-В корзину — виджет Elementor Pro

Вы сделали себе сайт, сайт-визитку, бизнес сайт, блог или Landing Page и даже не важно какая тематика сайта и направленность, но вдруг вам понадобилось продать один или несколько товаров. Далее вы создали красивый блок с текстом и с изображением товара, описали его преимущества и недостатки и даже установили плагин WooCommerce. А что дальше? А дальше все просто, нам достаточно использовать виджет который нам предоставил конструктор сайта.  Вот так это может выглядеть страница сайта или его отдельный блок.

пример - добавить в корзину - конструктор сайта

Виджет "Woo - В корзину" предназначен для создания возможности добавить товар в корзину посредством  одной кнопки. И не важно где вы ее разместите, на главной странице, в статье или в записи блога. Она выполнит свое предназначение, т.е после клика добавит в корзину магазина выбранный товар, который указан в настройках кнопки. Когда товар добавится в корзину, то рядом с кнопкой появится сообщение со ссылкой перехода в корзину.

добавить в корзину - конструктор сайта

Всего одна кнопка. И это виджет по умолчанию, как показана на изображении выше. В настройках выбирается просто товар, который мы добавляем в корзину, а в стилях доступны все свойства стилей стандартного виджета Кнопка. Рассмотрим настройки.

 

Содержимое

- Товар
Поле предназначено для выбора товара который будет добавляться в корзину магазина после нажатия на кнопку. Необходимо в поле начать вводить первые 2 символа товара, а далее появится список с выбором товара .

- Кнопка
Доступны все стандартные настройки для кнопки, а именно: тип кнопки, текст на ней, размер, иконка, позиция иконки и отступ от иконки. Т.е все то, что присуще виджету кнопка.

Стили

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

======================================================================
Список всех виджетов Elementor вы можете посмотреть на странице Виджеты
======================================================================

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Блог о создании сайта, конструкторе сайтов и Elementor.
Авторские права © 2017-2020 . Все права защищены.
Готовые сайты на web5x.ru
Политика конфиденциальности