Как добавить корзину в вордпресс

Как добавить товар в корзину через код?

На самом деле не уверен, что мне нужно приводить примеры к этим сниппетам кода, ведь по сути всё, что нужно сделать, это заменить переменную $product_id на числовое значение товара ��, которое вы наверняка получите откуда-то ещё через код, и вряд ли будете вставлять этот ID статично и вручную.

Но если вы так просите, то вот пример:

WC()->cart->add_to_cart( 5 ); // добавляем товар с в корзину wp_redirect( wc_get_checkout_url() ); // и редиректим на страницу оформления заказа

• wp_redirect() – функция WordPress для редиректа, только не забывайте, что её нужно использовать до того, как начнёт выводиться любой HTML код!
• wc_get_checkout_url() – возвращает динамически URL страницы оформления заказа WooCommerce.

Простой товар с количеством

Если вы будете снова и снова использовать метод корзины add_to_cart() для одного и того же товара, то количество этого товара в ней будет увеличиваться. Но смысл это делать, если второй переменной $qty мы сразу можем передать нужное нам количество товара:

WC()->cart->add_to_cart( $product_id, $qty );

Например я хочу добавить сразу 100 единиц товара:

WC()->cart->add_to_cart( 5, 100 ); // 100 единиц товара с товар

WC()->cart->add_to_cart( $product_id, $qty, $variation_id );

Вообще про вариативные товары у меня на сайте есть подробный урок, а ещё на всякий случай:

Пожалуйста, скажите, что не нужно объяснять, что $variation_id в методе add_to_cart() это ID вариации товара, а скриншот ниже я добавил, чтобы показать на всякий случай, где этот ID можно найти в админке WooCommerce ��

Если вам сложно даётся WooCommerce, не стоит из-за этого переживать – это нормально! Верю, что в итоге у вас всё получится, но чтобы получилось ещё легче и быстрее, записал для вас видеокурс по WooCommerce! ��

Похожее

Миша

Впервые познакомился с WordPress в 2009 году. Организатор и спикер на конференциях WordCamp. Преподаватель в школе Нетология.

Пишите, если нужна помощь с сайтом или разработка с нуля.

Как добавить корзину в вордпресс

Планируется одностраничный интернет-магазин на wordpress. Товары выполнены записями и разбиты по категориям. Требуется доработать сайт и добавить корзину на ajax, необходимо, чтобы список заказов показывался в административной части сайта. Что порекомендуете использовать и как выполнить данную задачу?

PS если использовать wooCommerce, то как разобраться с работой корзины, мб есть какая-нибудь документация или описание?

• Вопрос задан более трёх лет назад
• 7273 просмотра

Комментировать
Решения вопроса 1

Я сварщик не настоящий

можно накатать свою, использовать js корзину, а заказы оформлять как custom post type. Ну те после подтверждения заказа создавалась бы запись через wp_post_insert

Как создать на WordPress — корзину?

Подскажите как реализовать такую (наподобие) корзину как на этом сайте https://www.alstore-profile.com/catalog/pasprofil/shveller-alyuminievyy/ Есть какой нибудь плагин, или скрипт? Не первый раз наблюдаю подобные формы заказа в виде таблицы.

Для этого есть плагин woocommerce который добавляет все функции магазина. Плагины только корзины https://es.wordpress.org/plugins/tags/shopping-cart/ пробуй, обычно все устанавливают woocommerce тк там и товары и сток и регистрация покупателей все есть.

На вопросы могут отвечать только зарегистрированные пользователи. Вход . Регистрация

WooCommerce Menu Cart добавить корзину в меню интернет-магазина

Привет ! Мы продолжаем разбирать самые интересные и полезные плагины для интернет-магазина woocommerce ! Сегодня вы узнаете как добавить значок корзины и функцию корзины в меню своего сайта. В меню, рядом со значком корзины будет отображаться количество добавленных товаров в корзину и их общая стоимость. В настройках вы сможете выбрать расположение корзины в меню, слева, справа или по умолчанию. Можно будет выбрать определённое меню для показа корзины.

Установить плагин WooCommerce Menu Cart вы сможете прямо из админ-панели wordpress. Перейдите на страницу: Плагины — Добавить новый , введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.

Далее, после установки и активации плагина, перейдите на страницу: Настройки — Menu Cart Setup . Здесь вы сможете настроить основные параметры плагина.

— Select which e-commerce plugin you would like Menu Cart to work with, если у вас установлено несколько плагинов электронной коммерции, то здесь можно выбрать в какой именно будет отображаться корзина.

— Select the menu(s) in which you want to display the Menu Cart, если у вас на сайте несколько меню, то здесь можно выбрать в каком меню будет отображаться корзина.

— Always display cart, even if it’s empty, поставьте здесь галочку, чтобы всегда отображать корзину в меню, даже если она пустая.

— Display shopping cart icon, показывать значок корзины, по умолчанию включено.

— Display cart contents in menu fly-out, показывать содержание корзины в выпадающем списке, доступно только в pro версии плагина.

— Set maximum number of products to display in fly-out, установить максимальное отображение товаров в выпадающем списке корзины. Доступно только в pro версии плагина.

— Choose a cart icon, можно выбрать значок корзины, только в pro версии плагина.

— What would you like to display in the menu, что отображать в корзине, по умолчанию отображаются и цены и товары.

— Select the alignment that looks best with your menu, можно выбрать расположение корзины в меню, слева, справа или по умолчанию.

— Enter a custom CSS class (optional), можно задать свои CSS стили для корзины.

— Use Built-in AJAX, можно включить Ajax поддержку для корзины, для более быстрой загрузки.

Далее, после сохранения настроек, перейдите на сайт, в меню у вас появится значок корзины. При добавлении товаров в корзину, в меню будет отображаться количество товаров и их с

Woocommerce добавляем корзину в меню

Привет всем. Сегодня снова пост на тему вукоммерса. А точнее хотелось бы рассказать как добавить корзину woocommerce в меню сайта. Обычно во многих темах, которые специально заточены под этот плагин интернет магазина уже присутствуют захардкоренные места для корзины где-нибудь в хедере или в топ панели шапки. но очень часто бывает так, что нам нужно просто вывести корзину в меню. Да и не у всех бесплатных шаблонов есть такая возможность.

В данной записи мы не будем рассматривать всякие плавающие корзины. Нам нужно чтобы всё было просто. Просто корзина с суммой и товарами. Просто в меню)

В общем решается этот вопрос довольно просто. Установкой плагина WooCommerce Menu Cart. Ссылка не него вот, или же без проблем можете его найти в каталоге плагинов вордпресс из админки вашего сайта. Мне для одного из проектов было достаточно бесплатного функционала плагина, но также у него есть и премиум версия. Чем она лучше — сказать не могу, т.к. не использовал.

Плагин нашли, установили, активировали.

В админе вашего сайта на wordress+woocommerce переходим в раздел woocommerce-woocommerce menu cart. Там мы попадаем в настройки данного плагина.

Настроек там на самом деле не так уж и много и можно сказать там всё и ежу понятно, но всё же давайте вкратце пробежимся по основным пунктам.

• Выбираем что наш магазин сделан на вукоммерс
• Выбираем меню, в котором мы хотим чтобы отображалась корзина (меню предварительно должно быть создано)
• Ставим галочку если хотим чтобы корзина отображалась даже когда пустая (я обычно это не делаю)
• Выбираем иконку для корзины
• Выбираем что показывать — позиции, сумму или и то и другое, а также положение корзины (в моём случае почему-то это не сработало, видимо от темы зависит)
• Таким образом мы добавили корзину в верхнее меню на woocommerce.

P.s. в последнее время много заказов и соответственно решённых проблем на базе этого плагина, так что в будущем есть мне чем с вами поделиться по данной теме, так что подписываемся на обновления моего блога по этой статьёй, но и не забываем делиться постом социальных сетях.

С уважением, фрилансер-вебмастер Александр Шульгинов

P.S. Вы можете заказать у меня разработку сайта, доработку сайта, подключение соцсетей, рассылок, форм обратной связи и прочих элементов.

Также всегда можете обратиться ко мне за консультацией

e-mail: shonalex@yandex.ru

Skype: webojam

Viber, WhatsApp: +79043998634

Похожие публикации:

1. Infinity fabric что это
2. Как переименовать проект в visual studio
3. Как поставить печать на документ в pdf
4. Как соединить два смартфона по wifi

Настройка страницы корзины в WooCommerce

Изначально планировал написать про внедрение одного хака на странице корзины WooCommerce, однако позже решил рассказать сразу о нескольких фишках для ее модификации. Хочу заметить, что в данном блоге есть специальный раздел про WooCommerce корзину, т.к. этот вопрос включает в себя множество нюансов. Сегодня статья будет посвящена больше внешнему виду и отображению информации на сайте. Начнем с настроек самого модуля, потом рассмотрим вопрос удаления доставки и заодно изменение шаблона корзины. Думаю, пост пригодится не только новичкам.

На одном из начальных шагов разработки интернет-магазина на WooCommerce система создает несколько ключевых страниц (корзину в том числе). Если посмотрите в редакторе ее содержимое, то увидите шорткод [woocommerce_cart].

Здесь же можете изменить название и добавить немного своего текста на страницу. Также задаете МЕТА тег описания и тайтл с помощью модуля SEO Yoast.

Настройки корзины в WooCommerce

В настройках модуля есть разные параметры для управления корзиной. Некоторые из них найдете во вкладке «Доставка» — «Варианты доставки».

В опции «Расчеты» можно:

• включить в корзине калькулятор доставки;
• спрятать отображение ее стоимости, если еще не заполнен адрес.

При включенном расчете доставки на странице WooCommerce корзины появится соответствующая ссылка. При клике на нее пользователь увидит поля для ввода адреса.

Если данную опцию выключить, то ссылки на калькулятор видно не будет, но сама информация о вариантах доставки останется.

Как удалить доставку со страницы корзины

Собственно, наша следующая задача — удалить на этапе формирования заказа все лишнее, что не касается выбора товаров и их количества. По-умолчанию в настройках плагина, как видите, это не предусмотрено, но в этом есть определенный смысл. Чем меньше разных отвлекающих и запутывающих пользователя факторов будет в вашем интернет-магазине, тем больше вероятность, что покупатель сможет завершить оформление заказа.

Для решения задачи нам понадобится разместить в файле функций вашей темы (custom-function.php или function.php) следующий хак:

function delshipping_calc_in_cart( $show_shipping ) { if( is_cart() ) { return false; } return $show_shipping; } add_filter( 'woocommerce_cart_ready_to_calc_shipping', 'delshipping_calc_in_cart', 99 );

function delshipping_calc_in_cart( $show_shipping ) < if( is_cart() ) < return false; >return $show_shipping; > add_filter( ‘woocommerce_cart_ready_to_calc_shipping’, ‘delshipping_calc_in_cart’, 99 );

Шаблон корзины WooCommerce

Все основные файлы шаблона для страницы корзины в WooCommerce находятся в папке cart. Напоминаю, что редактировать шаблон WooCommerce нужно после того как скопируете папку templates в свою дочернюю тему. По умолчанию директория содержит нескольких файлов:

• php
• cart-totals.php
• cross-sells.php
• cart-empty.php
• cart-item-data.php
• cart-shipping.php
• mini-cart.php
• proceed-to-checkout-button.php
• shipping-calculator.php

Каждый из них отвечает за определенные функции, например, в файле cross-sells.php задается отображение кросс продаж, в cart-empty.php — выполняется обработка пустой корзины и т.п. Вы можете изменить вывод всех элементов страницы так, как вам это нужно. Хотя некоторые правки принято делать через хаки/сниппеты как например в посте про обновление Ajax корзины.

Давайте рассмотрим один пример дабы немного прояснить логику работы. После внедрения хака с предыдущего шага настройки WooCommerce корзины мы избавились от доставки, но страница все еще выглядит немного странно.

Если внимательно изучить файлы шаблона корзины, то увидите, что за отображение блока под товарами отвечает строка:

 do_action( 'woocommerce_cart_collaterals' ); ?>

С помощью утилиты WinGrep можете найти где именно используется эта функция либо подсмотреть информацию в интернете. Оказывается она задает отображение двух элементов — кросс продаж и блока итого (который виден на скриншоте выше). Соответствующий код размещен в /includes/wc-template-hooks.php:

add_action( 'woocommerce_cart_collaterals', 'woocommerce_cross_sell_display' ); add_action( 'woocommerce_cart_collaterals', 'woocommerce_cart_totals', 10 );

add_action( ‘woocommerce_cart_collaterals’, ‘woocommerce_cross_sell_display’ ); add_action( ‘woocommerce_cart_collaterals’, ‘woocommerce_cart_totals’, 10 );

Теперь, по сути, у вас есть 3 варианта чтобы все это скрыть:

• закомментировать строку с do_action в cart.php;
• использовать функцию remove_action в custom-function.php (или function.php);
• подправить файлы cross-sells.php и cart-totals.php, которые непосредственно вызываются данными функциями.

После внедрения любого из этих способов будет скрыт не только блок итоговый цены, но и ссылка на оплату заказа. Поэтому вам нужно вернуть на страницу корзины WooCommerce соответствующую кнопку. Добавляете ее в cart.php после формы:

Это лишь один из примеров работы с шаблоном, надеюсь, суть вы уловили. В принципе, есть 2 варианта его модификации — в файлах напрямую (легче и нагляднее), либо работа через хуки и функции remove_action / add_action (вроде как, считается правильнее и более гибко). Какой бы вариант вы не выбрали, помните, что правки нужно вносить в копию макета магазина в дочерней теме.

Хак для купонов

Если вы используете промокоды в магазине то можно добавить отображение новой цены напротив каждой позиции. Найденный сниппет имеет вид:

add_filter( 'woocommerce_cart_item_subtotal', 'bbloomer_if_coupon_slash_item_subtotal', 99, 3 ); function bbloomer_if_coupon_slash_item_subtotal( $subtotal, $cart_item, $cart_item_key ){ global $woocommerce; // Note: use your own coupon code here $coupon_code = 'barmada'; if ( $woocommerce->cart->has_discount( $coupon_code )) { // Note: apply your own coupon discount multiplier here // In this case, it's a 99% discount, hence I multiply by 0.01 $newsubtotal = wc_price( $cart_item['data']->get_price() * 0.01 ); $subtotal = sprintf( '%s %s', $subtotal, $newsubtotal ); } return $subtotal; }

add_filter( ‘woocommerce_cart_item_subtotal’, ‘bbloomer_if_coupon_slash_item_subtotal’, 99, 3 ); function bbloomer_if_coupon_slash_item_subtotal( $subtotal, $cart_item, $cart_item_key )< global $woocommerce; // Note: use your own coupon code here $coupon_code = 'barmada'; if ( $woocommerce->cart->has_discount( $coupon_code )) < // Note: apply your own coupon discount multiplier here // In this case, it's a 99% discount, hence I multiply by 0.01 $newsubtotal = wc_price( $cart_item['data']->get_price() * 0.01 ); $subtotal = sprintf( ‘%s %s’, $subtotal, $newsubtotal ); > return $subtotal; >

Если код вам не совсем понятен загляните в статью про WooCommerce купоны скидок, где я описал его чуть подробнее (в самом конце заметки).

Если будут еще какие-то вопросы / дополнения по настройке корзины WooCommerce и модификации соответствующей страницы на сайте, пишите в комментариях.

Понравился пост? Подпишись на обновления блога по RSS, Email или twitter!

Оцените статью:

(голосов — 3, средний балл: 5,00 из 7)

Категории: WooCommerce;
Теги: вордпресс веб-разработка, интернет-магазин, корзина WooCommerce, сниппеты, страницы сайта, электронная коммерция.

Похожие статьи:

1. Красивые ссылки в WooCommerce (добавляем .html)
2. Настройка бесплатной доставки в WooCommerce магазине + хаки и модули
3. Как установить максимальный и минимальный заказ в WooCommerce
4. Все про артикулы товара в WooCommerce: создание, скрытие и вывод, плагины
5. Все про купоны WooCommerce — процесс создания, сниппеты для промокодов

WooCommerce Menu Cart добавить корзину в меню интернет-магазина

Привет ! Мы продолжаем разбирать самые интересные и полезные плагины для интернет-магазина woocommerce ! Сегодня вы узнаете как добавить значок корзины и функцию корзины в меню своего сайта. В меню, рядом со значком корзины будет отображаться количество добавленных товаров в корзину и их общая стоимость. В настройках вы сможете выбрать расположение корзины в меню, слева, справа или по умолчанию. Можно будет выбрать определённое меню для показа корзины.

Установить плагин WooCommerce Menu Cart вы сможете прямо из админ-панели wordpress. Перейдите на страницу: Плагины — Добавить новый , введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.

Далее, после установки и активации плагина, перейдите на страницу: Настройки — Menu Cart Setup . Здесь вы сможете настроить основные параметры плагина.

— Select which e-commerce plugin you would like Menu Cart to work with, если у вас установлено несколько плагинов электронной коммерции, то здесь можно выбрать в какой именно будет отображаться корзина.

— Select the menu(s) in which you want to display the Menu Cart, если у вас на сайте несколько меню, то здесь можно выбрать в каком меню будет отображаться корзина.

— Always display cart, even if it’s empty, поставьте здесь галочку, чтобы всегда отображать корзину в меню, даже если она пустая.

— Display shopping cart icon, показывать значок корзины, по умолчанию включено.

— Display cart contents in menu fly-out, показывать содержание корзины в выпадающем списке, доступно только в pro версии плагина.

— Set maximum number of products to display in fly-out, установить максимальное отображение товаров в выпадающем списке корзины. Доступно только в pro версии плагина.

— Choose a cart icon, можно выбрать значок корзины, только в pro версии плагина.

— What would you like to display in the menu, что отображать в корзине, по умолчанию отображаются и цены и товары.

— Select the alignment that looks best with your menu, можно выбрать расположение корзины в меню, слева, справа или по умолчанию.

— Enter a custom CSS class (optional), можно задать свои CSS стили для корзины.

— Use Built-in AJAX, можно включить Ajax поддержку для корзины, для более быстрой загрузки.

Далее, после сохранения настроек, перейдите на сайт, в меню у вас появится значок корзины. При добавлении товаров в корзину, в меню будет отображаться количество товаров и их с