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

WooCommerce

 Привет ! Мы продолжаем разбирать самые интересные и самые полезные плагины для интернет-магазина 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.

 

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

 

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

Укажите свой Email, если хотите получить ответ на почту!

  1. Vladimir

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

    Ответить
    1. Илья Журавлёв автор

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

      Ответить
    2. Илья Журавлёв автор

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

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

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

      Ответить
  2. Vladimir

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

    Ответить
    1. Алекс

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

      Ответить
  3. Сергей

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

    Ответить
    1. Илья Журавлёв автор

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

      Ответить
  4. Евгений

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

    Ответить
    1. Илья Журавлёв автор

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

      Ответить
  5. Александр

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

    Ответить
    1. Илья Журавлёв автор

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

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

      Ответить
  6. Александр

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

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

    Ответить
    1. Илья Журавлёв автор

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

      Ответить
  7. Александр

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

    Ответить
    1. Илья Журавлёв автор

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

      Ответить
  8. Александр

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

    Ответить
    1. Илья Журавлёв автор

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

      Ответить
  9. Александр

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

    Ответить
  10. Денис

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

    Ответить
  11. Александр

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

    Ответить
    1. Илья Журавлёв автор

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

      Ответить