Друзья, всем привет. Недавно я рассказывал о плагине для интернет магазина под названием woocommerce, и сегодня было бы логично рассказать, как происходит наполнение магазина и настройка плагина. Но к чёрту логику) Пока есть в голове «горящая» мысль, её надо использовать.
Сегодня я расскажу как сделать на wordpress плавающую корзину и она будет работать в связке с вукоммерсом. И всё это чудл будет выглядеть вот так:
Эта корзина будет плавающей и причём будет тображаться только тогда, когда вы добавите товар в неё.
А вот так вот она будет выглядеть при наведении на неё указателем мыши:
Очень удобно. Тем более что не всегда есть возможность отображать корзину где-то в шапке или же не хочется задействовать под неё какой-то из пунктов вашего меню.
Ну так вот как же это делается? По сути ничего сложного нет. Для начала устанавливаем плагин woocommerce-cart-tab. Естественно устанавливаем его только после установки вукоммерса. Скачать плагин можно здесь.
После установки в вашей админке идём по следующему пути: woocommerce — настройки- товары. и там внизу будет раздел Cart Tab. Он у меня почему-то на английском встал(
В этом разделе всего 4 опции
- показывать виджет корзины при наведении
- скрывать корзину, конда она пуста
- выбор скина (лайт или дарк)
- позиция на сайте (справа или слева)
Ну вот и всё. Воспользовавшись этим плагином, вы не только сделаете корзину wordpress, но и она будет стильно оформленным плавающим виджетом, а если уж вы разбираетесь в css, то сможете подогнать цветовую гамму под ваш сайт.
С уважением, фрилансер-вебмастер Александр Шульгинов
8 комментариев. Оставить новый
Пожалуйста, помогите решить такую проблему: На странице корзины дублируется два раза информация «Всего в корзине/Товаров на сумму/Общая сумма/Обновить корзину/Перейти к оформлению» и ниже опять тот же текст и те же кнопки. Как исправить? (Скриншот тут — http://pixs.ru/showimage/SnimokJPG_9623640_17426780.jpg)
Сталкивался я с подобной штукой. Появилась она после установки какого-то плагина по русификации шаблона. не помню как от неё избавился. Тут надо всё смотреть детально
Александр, спасибо за ответ. Только что поочередно деактивировала установленные плагины — задвоение не пропадает. Буду разбираться дальше.
скорее всего дело в шаблоне, но ещё раз повторюсь, тут надо смотреть всё детально и возможно лезть в код
Добрый день. Благодарю Вас за хорошую статью.
У меня сейчас стоит плагин добавления в корзину без перезагрузки страницы и товар в плавающей корзине добавляется без перезагрузки, но зато, когда я удаляю товар — то страница перезагружается. Как можно сделать так, что бы при удалении товара — не происходила перезагрузка?
Анатолий, к сожалению не знаю и не могу подсказать по данному вопросу…
Добрый день! После установки плагина не появилось меню в woocommerce – настройки- товары. с чем это может быть связано?
так сразу и не сказать… надо смотреть