Супер корзина Woocommerce Floating Cart


 Привет ! Мы продолжаем разбирать самые интересные и самые полезные плагины для интернет-магазина Woocommerce ! Сегодня вы узнаете как добавить на свой сайт Супер корзину товаров Woocommerce ! Данная корзина постоянно находится на виду у пользователя, в нижнем правом углу экрана. При добавлении товара в корзину, корзина автоматически появляется и отображается уведомление в виде количества добавленных товаров в корзину. При нажатии на значок, открывается мини окно, где отображается список товаров с ценами. Можно удалять товары из окна, можно увеличить или уменьшить количество товаров. Можно сразу же перейти на страницу “Оформление заказа”. Супер стильная и эффектная корзина !

 

Woocommerce Floating Cart Woocommerce Floating Cart

 

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

 

Woo Floating Cart Lite

 

Далее, после установки и активации плагина, перейдите на страницу – Woo Floating Cart. У плагина нет настроек, сразу после активации плагина, при добавлении товара в корзину, у вас будет автоматически отображаться значок корзины.

 

Woo Floating Cart

 

Внимание ! Перевести весь текст в корзине можно с помощью Супер плагина – Loco Translate.

 

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

 

Поделиться ссылкой:

Данная статья принадлежит сайту info-effect.ru


Супер корзина Woocommerce Floating Cart обновлено: Декабрь 17, 2016 автором: Илья Журавлёв

21 комментарий

  • Vladimir 10.01.2017

    Привет, Илья!
    Сражу скажу, что я пока “чайник” в этом деле.
    Можно ли убрать эту корзину из мобильных версий сайта?
    В теме storefront на мобильные устройства внизу уже имеются 3 кнопки: поиск, личный кабинет и корзина. Таким образом значок Woo Floating Cart Lite налезает на “корзину”.
    ps. Дай Бог тебе здоровье за твои уроки! =)

  • Илья Журавлёв 10.01.2017 Автор

    Привет, спасибо, надо подумать, если что надумаю обязательно напишу. Возможно есть и плагин специальный, который может помочь в этом деле. Удачи !

  • Илья Журавлёв 11.01.2017 Автор

    Можно скрыть с помощью CSS. Пример:

    @media screen and (max-width: 600px) {
    #chto_ne_pozavivat {
    visibility: hidden;
    display: none;
    }
    }

    В первой строчки нужно указать максимальный размер экрана, на которых будет отображаться корзина.
    Во второй строчки нужно указать название корзины для CSS.
    Всё остальное без изменений.
    И ещё нужно поставить плагин – Simple Custom CSS, в котором вы будете прописывать данный код.

  • Vladimir 11.01.2017

    “Отец ваще!” )) Спасибо, получилось с первого раза!)

  • Сергей 30.05.2017

    У меня не появляется корзина после добавления товара, только после перезагрузки страницы, что делать?

  • Илья Журавлёв 30.05.2017 Автор

    А уведомление отображается вверху – “Перейти в корзину” ?

  • Евгений 11.08.2017

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

  • Илья Журавлёв 11.08.2017 Автор

    Здравствуйте! Всё так и есть по умолчанию, корзина плавает, а разве на woocommerce может ещё какая-то другая корзина открываться? Корзина одна, она и открывается. Или у вас на сайте две корзины?

  • Алекс 10.04.2018

    а на какой странице изменения вносить*?

  • Александр 10.04.2018

    Можно для тугих, полный код, как скрыть крзину из моб версии? или что прописать в этом пункте – #chto_ne_pozavivat {

  • Илья Журавлёв 10.04.2018 Автор

    Пожалуйста. Добавьте этот код на страницу: Внешний вид – Настроить – Дополнительные стили. Размер экрана в коде, в пикселях, можно изменить. Кэш удалите.

    @media screen and (max-width: 600px) {
    .woofc *, .woofc *::after, .woofc *::before {
    visibility: hidden;
    display: none;
    }
    }

  • Александр 11.04.2018

    Илья, спасибо! От души развития всех проектов тебе!

    Теперь осталось последнее вожделенное – как в этом плагине добавить ажакс добавление в корзину на странице продукта (естественно без покупки плагина))

  • Илья Журавлёв 11.04.2018 Автор

    Пожалуйста! По умолчанию разве не Ajax?

  • Александр 11.04.2018

    на странице товара нет

  • Илья Журавлёв 11.04.2018 Автор

    У меня, Жмёшь на кнопку Добавить в корзину, страница перезагружается, вверху появляется уведомление, что товар добавлен в корзину. Вы хотите без перезагрузки?

  • Александр 11.04.2018

    ну да, мне кажется было бы здорово, так как эта корзина поддерживает добавление без перезагрузки везде, но не на странице товара, там не хочет

  • Илья Журавлёв 11.04.2018 Автор

    Нашёл решение – WooCommerce Ajaxified Cart

  • Александр 11.04.2018

    Супер! Спасибо и до новых встреч =-)

  • Денис 17.04.2019

    Здравствуйте,почему когда обновляешь страницу и товар увеличивается в количестве на одну единицу?

  • Александр 28.07.2019

    Добрый день! А возможно ли чтобы нажимаешь на кнопку оформить заказ, всплывала форма оформления заказа?????

  • Илья Журавлёв 28.07.2019 Автор

    Добрый, да, возможно сделать быстрый заказ товара Woocommerce во всплывающем popup окне. Есть плагины, которые минуют корзину и сразу перенаправляют на страницу оформления заказа. Есть плагин Woocommerce купить в один клик.

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

Ваш e-mail не будет опубликован.

 

Внимание! Вы соглашаетесь с Политикой конфиденциальности сайта info-effect.ru


Обратная связь

Политика конфиденциальности - Пользовательское соглашение