Вы сделали себе сайт, сайт-визитку, бизнес сайт, блог или Landing Page и даже не важно какая тематика сайта и направленность, но вдруг вам понадобилось продать один или несколько товаров. Далее вы создали красивый блок с текстом и с изображением товара, описали его преимущества и недостатки и даже установили плагин WooCommerce. А что дальше? А дальше все просто, нам достаточно использовать виджет который нам предоставил конструктор сайта. Вот так это может выглядеть страница сайта или его отдельный блок.
Виджет "Woo - В корзину" предназначен для создания возможности добавить товар в корзину посредством одной кнопки. И не важно где вы ее разместите, на главной странице, в статье или в записи блога. Она выполнит свое предназначение, т.е после клика добавит в корзину магазина выбранный товар, который указан в настройках кнопки. Когда товар добавится в корзину, то рядом с кнопкой появится сообщение со ссылкой перехода в корзину.
Всего одна кнопка. И это виджет по умолчанию, как показана на изображении выше. В настройках выбирается просто товар, который мы добавляем в корзину, а в стилях доступны все свойства стилей стандартного виджета Кнопка. Рассмотрим настройки.
Содержимое
- Товар
Поле предназначено для выбора товара который будет добавляться в корзину магазина после нажатия на кнопку. Необходимо в поле начать вводить первые 2 символа товара, а далее появится список с выбором товара .
- Кнопка
Доступны все стандартные настройки для кнопки, а именно: тип кнопки, текст на ней, размер, иконка, позиция иконки и отступ от иконки. Т.е все то, что присуще виджету кнопка.
Стили
- Кнопка
Доступны все свойства обычной кнопки. Те вы можете изменить типографику кнопки, цвет фона кнопки, цвет текста, тип границы, толщину и цвет границы, а так же добавить тень для кнопки, скругление углов и отступы.
======================================================================
Список всех виджетов Elementor вы можете посмотреть на странице Виджеты
======================================================================