Привет ! Мы продолжаем разбирать самые интересные и самые полезные плагины для интернет-магазина Woocommerce ! Сегодня вы узнаете как добавить на свой сайт Супер корзину товаров Woocommerce ! Данная корзина постоянно находится на виду у пользователя, в нижнем правом углу экрана. При добавлении товара в корзину, корзина автоматически появляется и отображается уведомление в виде количества добавленных товаров в корзину. При нажатии на значок, открывается мини окно, где отображается список товаров с ценами. Можно удалять товары из окна, можно увеличить или уменьшить количество товаров. Можно сразу же перейти на страницу “Оформление заказа”. Супер стильная и эффектная корзина !
Установить плагин Woo Floating Cart Lite вы сможете прямо из админ-панели WordPress. Перейдите на страницу: Плагины – Добавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.
Далее, после установки и активации плагина, перейдите на страницу – Woo Floating Cart. У плагина нет настроек, сразу после активации плагина, при добавлении товара в корзину, у вас будет автоматически отображаться значок корзины.
Внимание ! Перевести весь текст в корзине можно с помощью Супер плагина – Loco Translate.
Остались вопросы ? Напиши комментарий ! Удачи !
Привет, Илья!
Сражу скажу, что я пока “чайник” в этом деле.
Можно ли убрать эту корзину из мобильных версий сайта?
В теме storefront на мобильные устройства внизу уже имеются 3 кнопки: поиск, личный кабинет и корзина. Таким образом значок Woo Floating Cart Lite налезает на “корзину”.
ps. Дай Бог тебе здоровье за твои уроки! =)
Привет, спасибо, надо подумать, если что надумаю обязательно напишу. Возможно есть и плагин специальный, который может помочь в этом деле. Удачи !
Можно скрыть с помощью CSS. Пример:
@media screen and (max-width: 600px) {
#chto_ne_pozavivat {
visibility: hidden;
display: none;
}
}
В первой строчки нужно указать максимальный размер экрана, на которых будет отображаться корзина.
Во второй строчки нужно указать название корзины для CSS.
Всё остальное без изменений.
И ещё нужно поставить плагин – Simple Custom CSS, в котором вы будете прописывать данный код.
“Отец ваще!” )) Спасибо, получилось с первого раза!)
а на какой странице изменения вносить*?
У меня не появляется корзина после добавления товара, только после перезагрузки страницы, что делать?
А уведомление отображается вверху – “Перейти в корзину” ?
Добрый вечер. Илья, скажите, а можно ли с помощью этого плагина, точнее кнопки, вызывать корзина, которая в теме? То есть, чтобы она просто плавала, а при нажатии на неё, появлялась корзина, которая по дефолту?
Здравствуйте! Всё так и есть по умолчанию, корзина плавает, а разве на woocommerce может ещё какая-то другая корзина открываться? Корзина одна, она и открывается. Или у вас на сайте две корзины?
Можно для тугих, полный код, как скрыть крзину из моб версии? или что прописать в этом пункте – #chto_ne_pozavivat {
Пожалуйста. Добавьте этот код на страницу: Внешний вид – Настроить – Дополнительные стили. Размер экрана в коде, в пикселях, можно изменить. Кэш удалите.
@media screen and (max-width: 600px) {
.woofc *, .woofc *::after, .woofc *::before {
visibility: hidden;
display: none;
}
}
Илья, спасибо! От души развития всех проектов тебе!
Теперь осталось последнее вожделенное – как в этом плагине добавить ажакс добавление в корзину на странице продукта (естественно без покупки плагина))
Пожалуйста! По умолчанию разве не Ajax?
на странице товара нет
У меня, Жмёшь на кнопку Добавить в корзину, страница перезагружается, вверху появляется уведомление, что товар добавлен в корзину. Вы хотите без перезагрузки?
ну да, мне кажется было бы здорово, так как эта корзина поддерживает добавление без перезагрузки везде, но не на странице товара, там не хочет
Нашёл решение – WooCommerce Ajaxified Cart
Супер! Спасибо и до новых встреч =-)
Здравствуйте,почему когда обновляешь страницу и товар увеличивается в количестве на одну единицу?
Добрый день! А возможно ли чтобы нажимаешь на кнопку оформить заказ, всплывала форма оформления заказа?????
Добрый, да, возможно сделать быстрый заказ товара Woocommerce во всплывающем popup окне. Есть плагины, которые минуют корзину и сразу перенаправляют на страницу оформления заказа. Есть плагин Woocommerce купить в один клик.
Здравствуйте!
У вас случаем не созранился перевод этого плагина? Уже весь инет перерыл, не могу найти на русском.
Через Loco Translate, тоже не получается перевести.
Смотрю на ваши скрины с русским переводом и воодушевляюсь:)