Woo – Виджет мини-корзины
Виджет Woo – Mini Cart позволяет вам вставить мини-корзину для вашего магазина, которая может отображать информацию о корзине несколькими способами на вашей странице. Детали корзины и промежуточный итог можно просмотреть различными способами, например: раскрывающийся список, модальный режим, вне холста. В сочетании с множеством вариантов стилей вы можете подобрать стиль своего веб-сайта.
Ключевая особенность:
- Стили корзины – значок/текст/значок+текст
- Стили раскрывающегося списка – раскрывающийся список/модальный/вне холста
- Положение тележки – встроенное/плавающее
- Показать значок (количество предметов)
- Показать промежуточный итог
Ниже приведены шаги по использованию Woo — виджета мини-корзины для Elementor :
Добавление Woo — виджета мини-корзины
Давайте посмотрим, как использовать виджет Woo — Mini Cart в Elementor —
Примечание: Перед началом убедитесь, что у вас активированы плагины Elementor и Ultimate Addons для Elementor и WooCommerce .
Шаг 1. Отредактируйте страницу/пост с помощью Elementor и вставьте виджет в редактор Elementor.
Шаг 2. Выберите стиль мини-корзины в зависимости от того, как вы хотите отображать текст/значок или и то, и другое в разделе « Кнопка корзины» виджета.
Шаг 3. Теперь с такими опциями, как «Пользовательский текст для корзины», «Показать/скрыть промежуточный итог» или «Значок». Кроме того, вы можете контролировать положение значка, чтобы он отображался в строке или сверху. И, наконец, управляйте выравниванием виджета.
Шаг 4. Несколько интересных опций доступны в разделе «Корзина» этого виджета. Здесь вы можете настроить параметры отображения сведений о корзине предварительного просмотра в раскрывающемся списке, который можно отобразить при наведении или щелчке мыши. А также отобразите сведения о корзине в модальном или вне холста.
Шаг 5. Сопоставление мини-корзины и ее предварительного просмотра на основе предварительного просмотра настроек Elementor — одна из самых важных вещей.
Ниже приведены варианты стиля для виджета Woo – Mini Cart для Elementor.
Стиль кнопки корзины: В этом параметре вы также найдете возможность позиционировать корзину – встроенную/плавающую для модального или внехолстного стиля корзины.
Оформление корзины: Кроме того, у вас есть варианты оформления оформления кнопки «Корзина», размера значка корзины, цвета, промежуточного итога, пустого сообщения, цвета наложения и т. д. Стилизация
товаров — даже это точные параметры оформления товара, включающие изображение, заголовок, количество и цену. , «Удалить значок продукта» и т. д.
Стилизация кнопок «Просмотр/Оформление заказа »: они предоставляют дополнительные возможности для управления параметрами «Типографика», «Пространство», «Цвет», чтобы они выглядели лучше.
Адаптивные параметры: Все эти параметры имеют адаптивные настройки, поэтому вы можете управлять ими на экранах разных размеров.
Комментарии
Найдите свой шаблон для сайта среди 300+ вариантов
Все шаблонные сайты
Один ответ на “Woo – Виджет мини-корзины”
Спасибо за просмотр! Оставляйте свои комментарии и вопросы!