WooCommerce Cart Tab вкладка корзина открывающаяся при наведении

 Привет ! Мы продолжаем разбирать самые интересные и самые полезные плагины для интернет-магазина Woocommerce ! Сегодня вы узнаете как добавить в свой интернет-магазин вкладку корзины, которая открывается при наведении мыши. Вы наверняка видели на теме Storefront такую фишку, когда наводишь курсор мыши на корзину в меню, то появляется окно с содержанием корзины, где указано количество товаров, общая стоимость товаров и кнопки — «Перейти в корзину» и «Оформление заказа».

 Вы сможете сделать точно также на любой wordpress теме, только вкладка корзины будет отображаться в боковой части сайта, слева или справа. У выезжающей вкладки будет две темы на выбор, светлая и тёмная. Можно выбрать расположение вкладки, в левой или правой части сайта. Вкладка с корзиной всегда находится на виду у пользователя.

 

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

 

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

 

WooCommerce Cart Tab

 

 Далее, после установки и активации плагина, перейдите на страницу: WoocommerceНастройкиТоварыОтображение. Здесь вы сможете настроить основные параметры плагина.

 

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

 

 В настройках Товары — Отображение, спуститесь в самый низ страницы, здесь у вас будут настройки плагина:

 

— Cart Widget, поставьте здесь галочку, чтобы виджет корзины появлялся при наведении на вкладку.

— Hide Empty Cart, скрыть вкладку корзины когда корзина пуста.

— Use the light or dark skin, вы можете выбрать тему для корзины, тёмную или светлую.

— Position the cart tab on the right or left, выберите расположение вкладки, слева или справа.

— Cart link display total/subtotal, здесь можно выбрать как будет отображаться стоимость в корзине, общая или промежуточная. Оставьте по умолчанию.

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

 

вкладка корзина

 

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

 

вкладка корзина

 

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

 

   
 
WooCommerce Cart Tab вкладка корзина открывающаяся при наведении обновлено: Август 28, 2016 автором: Илья Журавлёв

8 комментариев

  • катя 15.12.2016 Ответить

    Здравствуйте, а как поменять текст, который отображается во вкладке корзины, а именно : у меня по умолчанию написано 1 item, а мне надо, к примеру 1 шт.
    Спасибо

    • Илья Журавлёв 15.12.2016 Ответить Автор

      Здравствуйте, либо искать перевод в файлах плагина, либо с помощью плагина — Loco Translate.

  • Павел 03.03.2017 Ответить

    Приветствую!
    Два проблемы с данным плагином:
    1. Настроек плагина в указанном Вами месте обнаружить не удалось. Я использую на сайте плагин «WooCommerce Products Per Page» и там, где Вы указали, что должны быть настройки «WooCommerce Cart Tab», вместо этого отображаются настройки указанного плагина, а настроек «WooCommerce Cart Tab» ВООБЩЕ нигде не смог найти. Но это еще не самое плохое, в принципе вкладка и так выглядит не плохо и находился в нужном месте. Но…
    2. Внизу вкладки находятся кнопки «Перейти в корзину» и «Оформление заказа». Их расположение не такое, как на Вашем скрине, а в одну строку. Из-за этого текст в кнопки не влазит (если б у Вас был разрешен аплоадинг файлов, я бы приложил скрин) и некрасиво уходит куда-то за кнопки. Как вариант решения этой проблему — поменять текст на более короткий. Но проблема в том, что в файле русской локализации самого плагина данных кнопок нет в принципе. Из чего я сделал вывод, что плагин подтягивает их из стандартной русской локализации WooCommerce. Открыл этот файл — да, такое значения есть. Поменял на другие, обновился, но ничего не поменялось. Текст кнопок остался тем же. Думал, быть может этот текст задают какие-то плагины кастомизации WooCommerce или локализация самой темы, но перекопал уже все и так ничего не нашел. Но где-то же эти фразы на русском берутся? Какие у Вас есть идеи по этой ситуации?

    • Илья Журавлёв 03.03.2017 Ответить Автор

      Здравствуйте, плагин Loco Translate пробовали ?

      • Павел 03.03.2017 Ответить

        Разумеется. И Локо и ПоЭдит. В языковом файле нет подписей этих кнопок

        • Александр 15.03.2017 Ответить

          В языковом файле плагина woocommerce есть такие названия переводов, ищите лучше, поменял текст «В корзину» и «Заказать» вместо «Перейти в корзину» и «Оформить заказ», за минуту все нашел.

        • Илья Журавлёв 15.03.2017 Ответить Автор

          А кэш чистили в браузере после перевода ?

          • Александр 15.03.2017

            естественно

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

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


9 + 3 =




Яндекс.Метрика

Правила

Стрелка вверх