Привет! Мы продолжаем разбирать самые интересные и полезные плагины для интернет-магазина woocommerce! Сегодня вы узнаете как добавить значок корзины и функцию корзины в меню своего сайта. В меню, рядом со значком корзины будет отображаться количество добавленных товаров в корзину и их общая стоимость. В настройках вы сможете выбрать расположение корзины в меню, слева, справа или по умолчанию. Можно будет выбрать определённое меню для показа корзины.
Установить плагин WooCommerce Menu Cart вы сможете прямо из админ-панели wordpress. Перейдите на страницу: Плагины – Добавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.
Далее, после установки и активации плагина, перейдите на страницу: Настройки – Menu Cart Setup. Здесь вы сможете настроить основные параметры плагина.
– Select which e-commerce plugin you would like Menu Cart to work with, если у вас установлено несколько плагинов электронной коммерции, то здесь можно выбрать в какой именно будет отображаться корзина.
– Select the menu(s) in which you want to display the Menu Cart, если у вас на сайте несколько меню, то здесь можно выбрать в каком меню будет отображаться корзина.
– Always display cart, even if it’s empty, поставьте здесь галочку, чтобы всегда отображать корзину в меню, даже если она пустая.
– Display shopping cart icon, показывать значок корзины, по умолчанию включено.
– Display cart contents in menu fly-out, показывать содержание корзины в выпадающем списке, доступно только в pro версии плагина.
– Set maximum number of products to display in fly-out, установить максимальное отображение товаров в выпадающем списке корзины. Доступно только в pro версии плагина.
– Choose a cart icon, можно выбрать значок корзины, только в pro версии плагина.
– What would you like to display in the menu, что отображать в корзине, по умолчанию отображаются и цены и товары.
– Select the alignment that looks best with your menu, можно выбрать расположение корзины в меню, слева, справа или по умолчанию.
– Enter a custom CSS class (optional), можно задать свои CSS стили для корзины.
– Use Built-in AJAX, можно включить Ajax поддержку для корзины, для более быстрой загрузки.
– Сохраните изменения.
Далее, после сохранения настроек, перейдите на сайт, в меню у вас появится значок корзины. При добавлении товаров в корзину, в меню будет отображаться количество товаров и их стоимость.
Остались вопросы? Напиши комментарий! Удачи!
Добрый день! Сделала все как вы описали в статье, значок корзины не появился. В чем может быть проблема?
Здравствуйте. А вы меню указали в настройках, в котором должна корзина отображаться ?
Добрый день! Такая же проблема. Сделал все как описано, но корзина не появилась.
Здравствуйте. В настройках меню указано такое же что и на сайте ? Скажите название своей темы. Возможно несовместимость.
Да, в настройках тоже что и на сайте. Тема SEO WP
Только что проверил, в вашей теме корзина отображается в меню, всё норм. Скриншот прилагаю.
Woocommerce у вас настроен, страницы все созданы правильно ?
Да, все настроено. Не могу понять почему корзина не отображается((
Зайдите на страницу: Внешний вид – Меню, меню которое помечено как Primary Menu, должно быть указано в настройках. Дайте ссылку на свой сайт.
Здравствуйте, можно ли как-то изменить текст кнопок – оформить заказ и корзина?
Добрый день. Перейдите на страницу со списком всех страниц в админ-панели и измените заголовок. В чём проблема?
Я думал вы про меню. Посмотрите плагин Booster для WooCommerce, там можно текст кнопок менять.
Все работает на пк . Но вот в мобильной версии прячется в гамбургер меню . Есть ли способ чтоб веселая на вкладке меню .
Есть плавающая корзина для Woocommerce. Вот здесь можете посмотреть Каталог плагинов Woocommerce в разделе Корзина. Там несколько таких плагинов.
Установила, появилась корзина в меню. А через время исчезла и не могу понять почему. Плагин переустановила, настройки 150 раз перепроверила, не появляется и все.
Добрый день. Перед тем как корзина исчезла, что-то делали на сайте, меняли, добавляли?
Подскажите, пожалуйста, как изменить цвет шрифта и иконки корзины?
Плагин SiteOrigin CSS может помочь