Плавающая корзина wordpress

корзина wordpress

Друзья, всем привет. Недавно я рассказывал о плагине для интернет магазина под названием woocommerce, и сегодня было бы логично рассказать, как происходит наполнение магазина и настройка плагина. Но к чёрту логику) Пока есть в голове “горящая” мысль, её надо использовать.

Сегодня я расскажу как сделать на wordpress плавающую корзину и она будет работать в связке с вукоммерсом. И всё это чудл будет выглядеть вот так:

73ce9ddb9f

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

А вот так вот она будет выглядеть при наведении на неё указателем мыши:

c3974a8581

Очень удобно. Тем более что не всегда есть возможность отображать корзину где-то в шапке или же не хочется задействовать под неё какой-то из пунктов вашего меню.

Ну так вот как же это делается? По сути ничего сложного нет. Для начала устанавливаем плагин woocommerce-cart-tab. Естественно устанавливаем его только после установки вукоммерса. Скачать плагин можно здесь.

После установки в вашей админке идём по следующему пути: woocommerce – настройки- товары. и там внизу будет раздел Cart Tab. Он у меня почему-то на английском встал(

В этом разделе всего 4 опции

  • показывать виджет корзины при наведении
  • скрывать корзину, конда она пуста
  • выбор скина (лайт или дарк)
  • позиция на сайте (справа или слева)

Ну вот и всё. Воспользовавшись этим плагином, вы не только сделаете корзину wordpress, но и она будет стильно оформленным плавающим виджетом, а если уж вы разбираетесь в css, то сможете подогнать цветовую гамму под ваш сайт.

С уважением, фрилансер-вебмастер Александр Шульгинов

Подпишитесь на рассылку

Чтобы быть в курсе обновлений блога, новостей по вордпресс и сайтостроительству

6 комментариев. Оставить новый

  • Людмила
    25 мая 2015 9:04

    Пожалуйста, помогите решить такую проблему: На странице корзины дублируется два раза информация “Всего в корзине/Товаров на сумму/Общая сумма/Обновить корзину/Перейти к оформлению” и ниже опять тот же текст и те же кнопки. Как исправить? (Скриншот тут – http://pixs.ru/showimage/SnimokJPG_9623640_17426780.jpg)

  • Сталкивался я с подобной штукой. Появилась она после установки какого-то плагина по русификации шаблона. не помню как от неё избавился. Тут надо всё смотреть детально

  • Людмила
    25 мая 2015 16:10

    Александр, спасибо за ответ. Только что поочередно деактивировала установленные плагины – задвоение не пропадает. Буду разбираться дальше.

  • скорее всего дело в шаблоне, но ещё раз повторюсь, тут надо смотреть всё детально и возможно лезть в код

  • Добрый день. Благодарю Вас за хорошую статью.
    У меня сейчас стоит плагин добавления в корзину без перезагрузки страницы и товар в плавающей корзине добавляется без перезагрузки, но зато, когда я удаляю товар – то страница перезагружается. Как можно сделать так, что бы при удалении товара – не происходила перезагрузка?

  • Анатолий, к сожалению не знаю и не могу подсказать по данному вопросу…

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

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

Заполните поле
Заполните поле
Пожалуйста, введите корректный адрес email.

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.

Обо мне

Работаю с сайтами с 2010 года.
Более 500 выполненных проектов
Специализируюсь преимущественно на сайтах-визитках, блогах и небольших интернет магазинах.
Подробнее

Внимание! Получи бесплатно видеокурс!

Хостинг ХостиЯ


Меню