WooCommerce Menu Cart добавить корзину в меню интернет-магазина

корзина магазин сайт WooCommerce

 Привет! Мы продолжаем разбирать самые интересные и полезные плагины для интернет-магазина woocommerce! Сегодня вы узнаете как добавить значок корзины и функцию корзины в меню своего сайта. В меню, рядом со значком корзины будет отображаться количество добавленных товаров в корзину и их общая стоимость. В настройках вы сможете выбрать расположение корзины в меню, слева, справа или по умолчанию. Можно будет выбрать определённое меню для показа корзины.

 

меню корзина

 

 Установить плагин WooCommerce Menu Cart вы сможете прямо из админ-панели wordpress. Перейдите на страницу: ПлагиныДобавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.

 

WooCommerce Menu Cart

 

 Далее, после установки и активации плагина, перейдите на страницу: Настройки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 поддержку для корзины, для более быстрой загрузки.

Сохраните изменения.

 

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

 

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

Остались вопросы? Напиши комментарий! Удачи!

 

info-effect.ru
Добавить комментарий

Имя и Email указывать не обязательно. Чтобы получить ответ на свою электронную почту, укажите свой Email.

  1. Оксана

    Добрый день! Сделала все как вы описали в статье, значок корзины не появился. В чем может быть проблема?

    Ответить
    1. Admin автор

      Здравствуйте. А вы меню указали в настройках, в котором должна корзина отображаться ?

      Ответить
  2. Елена

    Добрый день! Такая же проблема. Сделал все как описано, но корзина не появилась.

    Ответить
    1. Admin автор

      Здравствуйте. В настройках меню указано такое же что и на сайте ? Скажите название своей темы. Возможно несовместимость.

      Ответить
  3. Елена

    Да, в настройках тоже что и на сайте. Тема SEO WP

    Ответить
    1. Admin автор

      Только что проверил, в вашей теме корзина отображается в меню, всё норм. Скриншот прилагаю.

      Woocommerce у вас настроен, страницы все созданы правильно ?

      Ответить
      1. Елена

        Да, все настроено. Не могу понять почему корзина не отображается((

        Ответить
        1. Admin автор

          Зайдите на страницу: Внешний вид – Меню, меню которое помечено как Primary Menu, должно быть указано в настройках. Дайте ссылку на свой сайт.

          Ответить
  4. Виктор

    Здравствуйте, можно ли как-то изменить текст кнопок – оформить заказ и корзина?

    Ответить
    1. Admin автор

      Добрый день. Перейдите на страницу со списком всех страниц в админ-панели и измените заголовок. В чём проблема?

      Ответить
    2. Admin автор

      Я думал вы про меню. Посмотрите плагин Booster для WooCommerce, там можно текст кнопок менять.

      Ответить
  5. Алексей

    Все работает на пк . Но вот в мобильной версии прячется в гамбургер меню . Есть ли способ чтоб веселая на вкладке меню .

    Ответить
    1. Admin автор

      Есть плавающая корзина для Woocommerce. Вот здесь можете посмотреть Каталог плагинов Woocommerce в разделе Корзина. Там несколько таких плагинов.

      Ответить
  6. ВАлерия

    Установила, появилась корзина в меню. А через время исчезла и не могу понять почему. Плагин переустановила, настройки 150 раз перепроверила, не появляется и все.

    Ответить
    1. Admin автор

      Добрый день. Перед тем как корзина исчезла, что-то делали на сайте, меняли, добавляли?

      Ответить
  7. Мария

    Подскажите, пожалуйста, как изменить цвет шрифта и иконки корзины?

    Ответить
    1. Admin автор

      Плагин SiteOrigin CSS может помочь

      Ответить