Как сделать корзину woocommerce
10 лучших плагинов для создания корзины покупок на WordPress
Современные плагины для создания корзины для сайта — это не просто пассивный инструмент, с помощью которого можно дать пользователям возможность « отложить » товары до принятия окончательного решения о покупке. Они обладают сложными, продвинутыми функциями. В этой статье мы собрали десять лучших плагинов корзины покупок, которые легко интегрируются с WordPress :
Что требуется от плагина корзины покупок?
Необходимо, чтобы используемый плагин поддерживал максимально возможное количество платежных систем без ущерба для функций.
Что касается совместимости и настройки, необходимо использовать подходящую тему, которая будет одновременно гибкой и мощной.
10 лучших плагинов для создания корзины на WordPress
1. WooCommerce
Кроме этого WooCommerce предлагает ряд бесплатных расширений, с помощью которых можно реализовать такие функции, как периодические подписки, членство, системы заказов и т. д.
Ключевые особенности плагина:
Цена : Бесплатно | Дополнительная информация
2. eCommerce Shopping Cart
Поддерживает несколько вариантов оплаты. Также плагин включает в себя несколько встроенных маркетинговых и рекламных инструментов ( купоны и другие ), аналитические компоненты и социальные кнопки для каждого элемента.
Хотя скачать плагин можно бесплатно, вам все-таки придется приобрести лицензию ( от 50 долларов США за сайт ).
3. Cart66
Cart66 также включает в себя механизм повторного выставления счетов, который прекрасно работает со 102 поддерживаемыми платежными шлюзами и позволяет при оформлении заказа учитывать налоги и скидки.
Ключевые особенности плагина:
4. Ecwid Ecommerce Shopping Cart
5. PayPal Shopping Cart
Цена : Бесплатно | Дополнительная информация
6. WordPress Simple PayPal Shopping Cart
WordPress Simple PayPal Shopping Cart является бесплатным, но при оплате товаров взимается определенная комиссия.
Цена : Бесплатно | Дополнительная информация
7. Ecommerce WD
Ecommerce WD имеет как бесплатную, так и премиум версию, предлагающую дополнительную поддержку темы и другие преимущества.
Ключевые особенности этой корзины товаров для сайта :
8. Selz eCommerce Shopping Cart
Плагин Selz eCommerce Shopping Cart бесплатный, хотя за совершаемые транзакции взимается комиссия.
Цена : Бесплатно | Дополнительная информация
9. Easy Digital Downloads
Цена : Бесплатно | Дополнительная информация
10. Jigoshop
У плагина Jigoshop есть большое количество расширений, которые помогут усовершенствовать магазин. Сам плагин является бесплатным, хотя некоторые расширения поставляются на платной основе.
Цена : Бесплатно | Дополнительная информация
Заключение
Десять плагинов корзины покупок для сайта, которые мы рассмотрели в этой статье, обеспечивают основной функционал. Но у каждого из них есть свои уникальные функции.
Настройка страницы корзины в WooCommerce
Изначально планировал написать про внедрение одного хака на странице корзины WooCommerce, однако позже решил рассказать сразу о нескольких фишках для ее модификации. Хочу заметить, что в данном блоге есть специальный раздел про WooCommerce корзину, т.к. этот вопрос включает в себя множество нюансов. Сегодня статья будет посвящена больше внешнему виду и отображению информации на сайте. Начнем с настроек самого модуля, потом рассмотрим вопрос удаления доставки и заодно изменение шаблона корзины. Думаю, пост пригодится не только новичкам.
На одном из начальных шагов разработки интернет-магазина на WooCommerce система создает несколько ключевых страниц (корзину в том числе). Если посмотрите в редакторе ее содержимое, то увидите шорткод [woocommerce_cart].
Здесь же можете изменить название и добавить немного своего текста на страницу. Также задаете МЕТА тег описания и тайтл с помощью модуля SEO Yoast.
Настройки корзины в WooCommerce
В настройках модуля есть разные параметры для управления корзиной. Некоторые из них найдете во вкладке «Доставка» — «Варианты доставки».
В опции «Расчеты» можно:
При включенном расчете доставки на странице WooCommerce корзины появится соответствующая ссылка. При клике на нее пользователь увидит поля для ввода адреса.
Если данную опцию выключить, то ссылки на калькулятор видно не будет, но сама информация о вариантах доставки останется.
Как удалить доставку со страницы корзины
Собственно, наша следующая задача — удалить на этапе формирования заказа все лишнее, что не касается выбора товаров и их количества. По-умолчанию в настройках плагина, как видите, это не предусмотрено, но в этом есть определенный смысл. Чем меньше разных отвлекающих и запутывающих пользователя факторов будет в вашем интернет-магазине, тем больше вероятность, что покупатель сможет завершить оформление заказа.
Для решения задачи нам понадобится разместить в файле функций вашей темы (custom-function.php или function.php) следующий хак:
Шаблон корзины WooCommerce
Все основные файлы шаблона для страницы корзины в WooCommerce находятся в папке cart. Напоминаю, что редактировать шаблон WooCommerce нужно после того как скопируете папку templates в свою дочернюю тему. По умолчанию директория содержит нескольких файлов:
Каждый из них отвечает за определенные функции, например, в файле cross-sells.php задается отображение кросс продаж, в cart-empty.php — выполняется обработка пустой корзины и т.п. Вы можете изменить вывод всех элементов страницы так, как вам это нужно. Хотя некоторые правки принято делать через хаки/сниппеты как например в посте про обновление Ajax корзины.
Давайте рассмотрим один пример дабы немного прояснить логику работы. После внедрения хака с предыдущего шага настройки WooCommerce корзины мы избавились от доставки, но страница все еще выглядит немного странно.
Если внимательно изучить файлы шаблона корзины, то увидите, что за отображение блока под товарами отвечает строка:
С помощью утилиты WinGrep можете найти где именно используется эта функция либо подсмотреть информацию в интернете. Оказывается она задает отображение двух элементов — кросс продаж и блока итого (который виден на скриншоте выше). Соответствующий код размещен в /includes/wc-template-hooks.php:
add_action( ‘woocommerce_cart_collaterals’, ‘woocommerce_cross_sell_display’ ); add_action( ‘woocommerce_cart_collaterals’, ‘woocommerce_cart_totals’, 10 );
Теперь, по сути, у вас есть 3 варианта чтобы все это скрыть:
После внедрения любого из этих способов будет скрыт не только блок итоговый цены, но и ссылка на оплату заказа. Поэтому вам нужно вернуть на страницу корзины WooCommerce соответствующую кнопку. Добавляете ее в cart.php после формы:
Это лишь один из примеров работы с шаблоном, надеюсь, суть вы уловили. В принципе, есть 2 варианта его модификации — в файлах напрямую (легче и нагляднее), либо работа через хуки и функции remove_action / add_action (вроде как, считается правильнее и более гибко). Какой бы вариант вы не выбрали, помните, что правки нужно вносить в копию макета магазина в дочерней теме.
Хак для купонов
Если вы используете промокоды в магазине то можно добавить отображение новой цены напротив каждой позиции. Найденный сниппет имеет вид:
Если код вам не совсем понятен загляните в статью про WooCommerce купоны скидок, где я описал его чуть подробнее (в самом конце заметки).
Если будут еще какие-то вопросы / дополнения по настройке корзины WooCommerce и модификации соответствующей страницы на сайте, пишите в комментариях.