Привет ! Мы продолжаем разбирать самые интересные и самые полезные плагины для интернет-магазина Woocommerce ! Сегодня вы узнаете как добавить в свой интернет-магазин вкладку корзины, которая открывается при наведении мыши. Вы наверняка видели на теме Storefront такую фишку, когда наводишь курсор мыши на корзину в меню, то появляется окно с содержанием корзины, где указано количество товаров, общая стоимость товаров и кнопки — «Перейти в корзину» и «Оформление заказа».
Вы сможете сделать точно также на любой wordpress теме, только вкладка корзины будет отображаться в боковой части сайта, слева или справа. У выезжающей вкладки будет две темы на выбор, светлая и тёмная. Можно выбрать расположение вкладки, в левой или правой части сайта. Вкладка с корзиной всегда находится на виду у пользователя.
Установить плагин WooCommerce Cart Tab вы сможете прямо из админ-панели wordpress. Перейдите на страницу: Плагины — Добавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.
Далее, после установки и активации плагина, перейдите на страницу: 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, здесь можно выбрать как будет отображаться стоимость в корзине, общая или промежуточная. Оставьте по умолчанию.
— Сохраните изменения.
Далее, после настройки плагина, перейдите на сайт. В боковой части сайта будет отображаться вкладка корзины, при наведении на которую будет появляться содержание корзины.
Остались вопросы ? Напиши комментарий ! Удачи !
Здравствуйте, а как поменять текст, который отображается во вкладке корзины, а именно : у меня по умолчанию написано 1 item, а мне надо, к примеру 1 шт.
Спасибо
Здравствуйте, либо искать перевод в файлах плагина, либо с помощью плагина — Loco Translate.
Приветствую!
Два проблемы с данным плагином:
1. Настроек плагина в указанном Вами месте обнаружить не удалось. Я использую на сайте плагин «WooCommerce Products Per Page» и там, где Вы указали, что должны быть настройки «WooCommerce Cart Tab», вместо этого отображаются настройки указанного плагина, а настроек «WooCommerce Cart Tab» ВООБЩЕ нигде не смог найти. Но это еще не самое плохое, в принципе вкладка и так выглядит не плохо и находился в нужном месте. Но…
2. Внизу вкладки находятся кнопки «Перейти в корзину» и «Оформление заказа». Их расположение не такое, как на Вашем скрине, а в одну строку. Из-за этого текст в кнопки не влазит (если б у Вас был разрешен аплоадинг файлов, я бы приложил скрин) и некрасиво уходит куда-то за кнопки. Как вариант решения этой проблему — поменять текст на более короткий. Но проблема в том, что в файле русской локализации самого плагина данных кнопок нет в принципе. Из чего я сделал вывод, что плагин подтягивает их из стандартной русской локализации WooCommerce. Открыл этот файл — да, такое значения есть. Поменял на другие, обновился, но ничего не поменялось. Текст кнопок остался тем же. Думал, быть может этот текст задают какие-то плагины кастомизации WooCommerce или локализация самой темы, но перекопал уже все и так ничего не нашел. Но где-то же эти фразы на русском берутся? Какие у Вас есть идеи по этой ситуации?
Здравствуйте, плагин Loco Translate пробовали ?
Разумеется. И Локо и ПоЭдит. В языковом файле нет подписей этих кнопок
В языковом файле плагина woocommerce есть такие названия переводов, ищите лучше, поменял текст «В корзину» и «Заказать» вместо «Перейти в корзину» и «Оформить заказ», за минуту все нашел.
А кэш чистили в браузере после перевода ?
естественно
Здравствуйте! У меня тоже отсутвуют настройки плагина, подскажете в чем дело?
И, может еще подскажете, как отключить базовую корзину Woocommerce, а то сейчас присутствуют обе.
Здравствуйте. Настройки должны быть ! Ещё раз внимательно посмотрите на странице: Woocommerce — Настройки — Товары — Отображения, внизу страницы.
А где корзина базовая отображается ? Чем она выводится, плагином или темой ?
настроек нет — ниже «изображения товара» только кнопка «сохранить изменения»
базовая отображалась в хедере — уже убрал, выводится темой.
еще вопрос: можна ли сделать, чтобы корзин также выезжала при нижимании на кнопку заказать на карточке товара, а не только на главной странице магазина?
Всё возможно, надо разбираться, менять функцию. Есть плагин с помощью которого можно сделать редирект на кнопку «Добавить в корзину».
Спасибо за рекомендацию плагина! Так что с настройками?
После обновления плагина настройки исчезли. Вам лучше обратиться к автору плагина, видимо это его решение. В деталях плагина можно найти его контакты.
Изменить CSS стили корзины вам поможет плагин — SiteOrigin CSS.
Илья, только заметил, что в мобильной версии корзина отсутствует. Этот плагин в моб версиях не работает?
Точно не помню, видимо так. Но, можно с помощью CSS добавить отображение корзины на мобильные !
не подскажете, как именно?
Здесь можете посмотреть код CSS !!!
по ссылке вы объясняете как НЕ отображать елементы в моб версии, а мне нужно отобразить!
в файле style.css запрета на отображение woocommerce-cart-tab нет.
Да, именно так. В коде нужно указать размер экрана меньше мобильного, чтобы на мобильных устройствах отображалось.
Кто небудь уже знает как можно вернуть настройки или где они находятся?
Какие настройки?
https://info-effect.ru/wp-content/uploads/2016/08/28-08-2016-19-49-35.jpg
Woocommerce — Настройки — Товары — Отображение. Внизу страницы, нет настроек?
Нет
Тогда лучше к автору плагина обратиться. Видимо после обновления Woocommerce или данного плагина, произошла какая-то несовместимость. Кстати, есть и другие подобные плагины. Смотрите здесь — Супер плагины Woocommerce, в разделе Корзина.
Настройки расположения и цвета меняются в оснастке «настроить», в админской шапке, когда на странице сайта находишься. Там есть вкладка с названием плагина этого.