Как добавить корзину в woocommerce
Перейти к содержимому

Как добавить корзину в woocommerce

  • автор:

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

На самом деле не уверен, что мне нужно приводить примеры к этим сниппетам кода, ведь по сути всё, что нужно сделать, это заменить переменную $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 );

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

Откуда узнать ID вариации товара WooCommerce

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

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

Похожее

Миша

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

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

Добавление товаров в корзину по URL. Подробный гайд

В этом уроке я расскажу вам, как в WooCommerce сделать прямые ссылки для добавления товаров в корзину.

Это может быть удобно, когда вы хотите предоставить своим клиентам готовый URL, перейдя по которому они сразу же попадут в корзину (например) с добавленным в неё желаемым товаром.

Если хотите структурировать свои знания по созданию сайтов на WooCommerce и не прикасаться к коду, то однозначно рекомендую вам свой видеокурс.

Простые товары

Во всех примерах для простых товаров нам понадобится знать ID товара, который мы планируем добавлять в корзину. Узнать его легче лёгкого:

как узнать ID товара в WooCommerce

У меня на сайте также есть урок, где при помощи небольшого кусочка кода мы добавляем возможность вместо ID товара использовать артикул.

Добавление товара в корзину по его ID

http://ваш-сайт/?add-to-cart=21

Конечно же, не забывайте заменить «ваш сайт» на ваш сайт ��, а 21 – на ID товара, который нужно добавить в корзину.

Указываем количество товара

http://ваш-сайт/?add-to-cart=21&quantity=2

Например, если вы хотите добавить несколько единиц товара с то можете передать их в параметр quantity .

Добавляем товар в корзину и редиректим на страницу корзины

http://ваш-сайт/cart/?add-to-cart=21

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

Тут конечно важно помнить, что ссылка на страницу корзины у вас должна быть http://ваш-сайт/cart , если вы её изменяли, то и в урле надо использовать актуальную ссылку.

Ну и в качестве альтернативы не забывайте, что вы можете просто включить «Автопереход в корзину» в WooCommerce > Настройки > Товары > Основные:

автопереход в корзину в WooCommerce

Добавляем товар в корзину и редиректим на страницу оформления заказа

http://ваш-сайт/checkout/?add-to-cart=21

Опять-таки, не забывайте проверить, какой URL у вашей страницы оформления заказа. Если он отличен от http://ваш-сайт/checkout , то и ссылку вам нужно использовать соответствующую.

Убедитесь также, что у вас отключена галочка автоперехода в корзину на странице WooCommerce > Настройки > Товары > Основные:

отключаем автоматический редирект в корзину WooCommerce

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

Добавляем товар в корзину и редиректим на любую страницу

Возможно уже в прошлом примере вы догадались, что мы можем взять любой URL вашего интернет магазина и добавить к нему в конце параметр add-to-cart . Например так мы можем перенаправить пользователя на «Пример страницы»:

http://ваш-сайт/sample-page/?add-to-cart=21

Не забываем про отключение опции «Автопереход в корзину».

Вариативные товары

По сути тут всё очень похоже, единственный момент – используем не ID товара, а ID вариации товара!

Для того, чтобы узнать ID вариации, переходим в редактирование вариативного товара, в метабоксе «Данные товара» переходим во вкладку «Вариации», и там будут их ID.

как узнать ID вариаций товара в WooCommerce

Добавление вариации товара в корзину по её ID

http://ваш-сайт/?add-to-cart=98

Добавление несколько позиций одной вариации в корзину

Тут мы будем использовать уже знакомый нам параметр quantity . В примере ниже добавляем 10 вариаций.

http://ваш-сайт/?add-to-cart=98&quantity=10

Добавление вариации в корзину и редирект на произвольную страницу

Тут срабатывают точно те же правила, что срабатывали и для простых товаров.

http://ваш-сайт/cart/?add-to-cart=98 http://ваш-сайт/checkout/?add-to-cart=98 http://ваш-сайт/sample-page/?add-to-cart=98

Только не забывайте про своевременное включение или отключение опции «Автопереход в корзину» в настройках WooCommerce > Настройки > Товары > Основные.

Сгруппированные товары

Ситуация со сгруппированными товарами чуть поинтереснее. Суть в том, что мы можем добавить одновременно сразу несколько товаров из сгруппированного товара и каждый из них – в прозвольном количестве!

http://ваш-сайт?add-to-cart=29&quantity[30]=5&quantity[31]=2

В этом примере мы добавляем в корзину сгруппированный товар с при этом мы добавим составляющий его товар с в количестве 5 и товар с в количестве 2.

Тут также можно указать произвольную страницу для редиректа.

Миша

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

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

  1. Простые товары
    1. Добавление в корзину
    2. С количеством товара
    3. С редиректом в корзину
    4. С редиректом в чекаут
    5. С произвольным редиректом
    1. Добавление в корзину
    2. С количеством вариации
    3. С произвольным редиректом
    Комментарии — 1

    Андрей 14 Дек 2023

    Возможно ли создать товар с нулевой ценой. Клиентам выставлять счета за услугу где будет указана цена, ниже будет кнопка «оплатить», кликая по ней клиент добавляет в корзину товар а цена за него устанавливается согласно выставленному счету?
    http://ваш-сайт/cart/?add-to-cart=98+новая_цена.
    Или как это можно сделать?

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

    • О команде / Вакансии
    • Портфолио
    • Заказать разработку Заявка
    • Публичная оферта Оферта
    • Конфиденциальность Конфиденциальн.

    © 2008—2024. Студия Миши Рудрастых

    Работает на WordPress

    Миша Рудрастых и WordPress

    Полезности из мира WordPress и жизни студии.

    как в woocommerce изменить кнопку добавить в корзину ?

    При установке woocommerce не хватает множества функционала. Для простого решения изменения кнопки добавить корзину за 5 минут можно воспользоваться следующим плагином или функцией:

    Добавление кода в файл функций

    в карточке товара:

    add_filter( ‘add_to_cart_text’, ‘woo_custom_single_add_to_cart_text’ ); // < 2.1 add_filter( 'woocommerce_product_single_add_to_cart_text', 'woo_custom_single_add_to_cart_text' ); // 2.1 + function woo_custom_single_add_to_cart_text()

    в каталоге товаров:

    add_filter( ‘add_to_cart_text’, ‘woo_custom_product_add_to_cart_text’ ); // < 2.1 add_filter( 'woocommerce_product_add_to_cart_text', 'woo_custom_product_add_to_cart_text' ); // 2.1 + function woo_custom_product_add_to_cart_text()

    Через установку плагина

    1. Нужно установить плагин Booster for WooCommerce
    2. Зайти в настройки магазина –> Booster Settings –> появятся модули – листаем вниз доходя до Ценовые и Кнопочные Этикетки –> жмем настроить –> жмем включить модуль –> По-продуктовые этикетки тоже ставим галочку, включить раздел.
    3. Меняем Add to cart на свое значение например – в корзину
    4. Сохраняем.

    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

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

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