Супер корзина Woocommerce Floating Cart — ТОП

Супер корзина 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 автором: Илья Журавлёв

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

  • 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 Ответить

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

    • Алекс 10.04.2018 Ответить

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

  • Сергей 30.05.2017 Ответить

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

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

      А уведомление отображается вверху — «Перейти в корзину» ?

  • Евгений 11.08.2017 Ответить

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

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

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

  • Александр 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 Ответить

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

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

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

Я согласен с политикой конфиденциальности и пользовательским соглашением



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

W/A 7 922 717 9869   Связь - Мой Супер хостинг

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

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