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

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

  • автор:

Name already in use

If nothing happens, download GitHub Desktop and try again.

Launching GitHub Desktop

If nothing happens, download GitHub Desktop and try again.

Launching Xcode

If nothing happens, download Xcode and try again.

Launching Visual Studio Code

Your codespace will open once ready.

There was a problem preparing your codespace, please try again.

Latest commit

Git stats

Files

Failed to load latest commit information.

README.md

Крайне важное замечание

Данный плагин БОЛЬШЕ НЕ ПОДДЕРЖИВАЕТСЯ И ПОДДЕРЖИВАТЬСЯ НЕ БУДЕТ! Мы поняли что этот путь реализации простых продаж в WP является тупиковым и ПОЛНОСТЬЮ ОТ НЕГО ОТКАЗАЛИСЬ.
Пожалуйста, не используйте этот плагин! Лучше используйте WooCommerce и будет вам щастье!

Этот плагин реализует простую корзину заказов для сайтов электронной коммерции для сайтов WordPress. Основные возможности плагина:

  • Реализация кнопки [купить] в каталоге товаров, количество и типы каталогов не ограничены (см. ниже).
  • Реализация корзины заказов.
  • Возможность учета доставки, количество планов доставки неограниченно;
  • Интеграция с кодом отслеживания Google Analytics. Поддерживается как и старая версия (ga.js), так и новая версия Universal Analytics (analytics.js).
  • Полностью настраиваемые шаблоны писем пользователю при заказе и администраторам магазина.
  • Возможность локализации плагина на любой язык.

Установка и активация плагина

Для установки плагина скачайте и скопируйте все файлы в папку вашего WordPress: /wp-content/plugins/simple-basket. Перейдите в панель управления в раздел Плагины и активируйте плагин Simple Basket

Первоначальная настройка магазина на вашем сайте

Подготовка каталога товаров

На вашем сайте должен быть каталог товаров или любое перечисление товаров в виде карточек товаров. Карточкой товара может быть запись блога, страница WordPress или запись произвольного типа (Custom Post Type). При этом название записи или страницы является названием товара. Цена товара указывается произвольным мета-полем, например, Цена Важно, у всех товаров мета-поле цены должно называться одинаково. В любом месте текста карточки товара вы можете разместить шорткод [basket-buy-button], который сформирует кнопку заказа. Если вы используете отдельный шаблон для вывода карточки товара, удобнее вместо шоркода в тексте использовать вызов функции плагина в самом шаблоне следующим образом:

Данные о доставке

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

  • archive-delivery.php — этот шаблон используется для вывода списка способов доставки, если этого файла нет, используется index.php
  • single-delivery.php — этот шаблон используется для вывода отдельного способа доставки, этого файла нет, используется single.php или index.php

Настройка формы заказа

Для работы плагина необходимо создать страницу с формой заказа. Для создайте новую страницу WordPress с любым именем. В любом месте текста этой страницы разместите следующий шорткод: [basket-order-form] Сохраните и опубликуйте страницу.

Настройка шаблонов писем

Плагин использует 2 шаблона писем, которые высылаются при совершении заказа пользователю и администраторам сайта. В настройках плагина есть раздел Письма. Заполните его. И в заголовке и в тексте можно использовать следующие шорткоды:

  • [order-code] — код заказа
  • [order-customer] — имя пользователя
  • [order-email] — E-mail пользователя
  • [order-phone] — телефон пользователя
  • [order-comment] — комментарий к заказу
  • [order-items] — таблица с элементами заказа

Перейдите в раздел Параметры —> Корзина и укажите следующие параметры:

Надпись на кнопке – при необходимости измените текст в кнопке Купить Страница с формой заказа – укажите URL созданной вами страницы формы заказа

Поле цена – укажите при необходимости мета-поле в карточке товара с ценой

Если вы хотите учитывать доставку, установите галочку «Мой магазин использует оплачиваемые планы доставки». После сохранения параметров необходимо перейти в раздел настроек постоянных ссылок и там нажать кнопку [Сохранить параметры]. В результате в вашем WordPress появится новый раздел Доставка: Добавьте необходимые варианты доставки, указывая их стоимость: В параметрах корзины можно выбрать способ доставки по умолчанию.

Если на вашем сайте используется Google Analytics, вы можете настроить интеграцию магазина с ним. Для этого в Google Analytics перейдите в настройку профиля и выберите там следующий пункт Сайт электронной торговли: После этого выберите в настройках Корзины тип интеграции. Так как при оформлении и регистрации заказа URL страницы будет тот же самый (эта страница, которую вы сделали), то для регистрации конверсий нужно иметь явно другой адрес. Планин реализхует это с помощью виртуальной страницы. Просто введите любой НЕСУЩЕСТВУЮЩИЙ URL на вашем сайте и укажите его как цель конверсии в Google Analytics. При успешном заказе будет зафиксированно посещение этой страницы.

В этой секции необходимо создать шаблоны писем:

Настройка закончена. Нажмите кнопку Сохранить.

Проверка работы корзины

Перейдите на любую карточку товара и нажмите на кнопку Купить. Вы должны перейти в корзину заказа, нажмите кнопку Оформить заказ. Вы должны получить письмо-подтверждение. Также заказы собираются в разделе Заказы

В корзине реализован простой API для взаимодействия с сервером из JavaScript. Корзина сама добавляет глобальный объект SimpleBasket, у которого реализованны следующие методы:

  • SimpleBasket.getData(callback)
  • SimpleBasket.add(id, callback)
  • callback — функция вызываемая по завершению работы метода, получает объект параметр data с данными — содержимое корзины
  • id — код товара (id страницы с товаром)

ВНИМАНИЕ! Все методы объекта SimpleBasket выполняются асинхронно, полученные данные можно читать только в функции callback!

Работа плагина вместе с плагинами кэширования

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

Данный плагин разрабатывается исключительно для личных целей разработчика. У разработчика нет задач улучшения мира, снижения энтропии Вселенной и накормления голодающих детей Африки. В связи с этим разработчик ничего лично вам не должен. Вы можете как угодно использовать данный код в любых своих проектах, в любых условиях и так, как вам заблагорассудится. Ссылка или упоминание добрый словом разработчика не обязательны и не требуются, но будут с благодарностью приняты. Но при этом вы должны четко понимать что данный код предоставлен «как есть», а не так «как я хочу». Разработчик не требует от вас никакой платы в явной или неявной форме ни за использование данного плагина, ни за его код и/или идеи в нем заложенные. Берите и пользуйтесь. Плодитесь и размножайтесь. Аминь!

Как создать корзину для покупок в WordPress с BigCommerce

Adding a shopping cart in WordPress with BigCommerce

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

BigCommerce – это универсальная платформа электронной коммерции, которая позволяет создавать мощный интернет-магазин, не сталкиваясь с техническими проблемами.

В этой статье мы покажем, как шаг за шагом легко создать корзину для покупок в WordPress с BigCommerce.

Понимание BigCommerce для WordPress

BigCommerce – это масштабируемая и полностью размещенная платформа электронной коммерции.

Это универсальное решение, которое предоставляет вам все, что вам нужно для создания и запуска интернет-магазина, включая хостинг, дизайн, контент, платежные решения и маркетинговые инструменты.

WordPress, с другой стороны, является самой популярной системой управления контентом (CMS), используемой более 34% всех веб-сайтов в Интернете. Вы можете использовать его для создания контент-ориентированного блога, бизнес-сайта или даже интернет-магазина.

Теперь вы можете объединить эти две мощные платформы вместе и наслаждаться лучшим из обоих миров.

Использование BigCommerce в качестве плагина электронной коммерции в WordPress дает вам следующие преимущества:

  • Плавная интеграция контента и коммерцииBigCommerce for WordPress позволяет вам пользоваться передовыми в отрасли возможностями электронной коммерции, не ставя под угрозу мощные функции управления контентом WordPress.
  • Минимальное использование ресурсов сервера: Вы можете использовать BigCommerce в качестве бэкэнда для электронной коммерции для таких вещей, как управление каталогами, обработка платежей, управление логистикой выполнения и многое другое. Это означает, что ваш интернет-магазин будет иметь минимальное влияние на ресурсы вашего хостинг-сервера WordPress.
  • Высокая масштабируемость: BigCommerce позволяет вам масштабировать свой онлайн-бизнес без потери скорости и времени безотказной работы.
  • Улучшенная безопасность электронной коммерции: BigCommerce позаботится обо всех ваших потребностях в безопасности электронной коммерции. Это дает вам безопасный PCI-совместимый опыт оформления заказа.
  • Встроенные варианты оплаты: Вы можете использовать популярные способы оплаты, такие как PayPal на платформе Braintree, по самым низким тарифам на обработку кредитных карт.
  • Продавать через несколько каналовКаждый веб-сайт работает как «канал» в BigCommerce. Вы можете подключить учетную запись BigCommerce к нескольким сайтам (каналам) WordPress, многосайтовой сети или социальным учетным записям и продавать свои продукты.

Хотите знать, как BigCommerce сочетается с WooCommerce? Взгляните на нашу статью о BigCommerce против WooCommerce для сравнения.

Сказав это, давайте продолжим и посмотрим, как создать корзину для покупок в WordPress с BigCommerce.

Начало работы с BigCommerce

Во-первых, вам необходимо посетить веб-сайт BigCommerce и нажать кнопку «Начать».

Зарегистрируйтесь в BigCommerce

Это вызовет форму регистрации. Следуйте инструкциям на экране для завершения процесса.

Зарегистрировать аккаунт BigCommerce

После того как вы зарегистрируетесь, вы попадете на панель управления BigCommerce, где вам будет предложено подключиться к вашему веб-сайту WordPress.

BigCommerce панель инструментов

Ваш магазин BigCommerce готов, давайте подключим его к вашему веб-сайту WordPress.

Создание корзины покупок в WordPress с помощью BigCommerce

Первое, что вам нужно сделать, это установить и активировать BigCommerce для WordPress плагин. Для получения подробных инструкций см. Наше руководство по установке плагина WordPress.

Как только плагин установлен и активирован, в вашу админ-панель будет добавлено новое навигационное меню с пометкой BigCommerce, и откроется мастер настройки. Сначала вам будет предложено подключить свою учетную запись или создать новую учетную запись.

Подключитесь с помощью учетной записи BigCommerce или создайте новую учетную запись

Нажмите кнопку «Подключить мою учетную запись», чтобы продолжить.

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

Подтвердите подключение BigCommerce

Нажмите на кнопку «Подтвердить», чтобы продолжить.

Это закроет всплывающее окно, и вы увидите новый экран BigCommerce на вашем сайте WordPress. Отсюда вам нужно настроить BigCommerce для WordPress.

Настройка канала для сайта WordPress в BIgCommerce

Введите название канала, выберите опцию автоматического листинга и нажмите кнопку «Продолжить». Если вы выберете «Да, автоматически перечислять новые продукты BigCommerce на этом канале», все новые продукты будут автоматически синхронизироваться и появляться на вашем сайте WordPress.

На следующем экране вы можете выбрать способ использования BigCommerce для WordPress. Вы можете выбрать «Полнофункциональный магазин», если хотите превратить свой сайт WordPress в полноценный магазин. В качестве альтернативы вы можете выбрать «Простой блог», если вы хотите добавить только страницу корзины покупок в свой блог. Режим простого блогов также позволяет добавлять отдельные товары в сообщения и страницы.

Выберите, как вы хотите BigCommerce для WordPress

Далее вы увидите страницу настроек BigCommerce на вашем экране. Он включает в себя все параметры, которые вы можете настроить с помощью панели управления WordPress.

Настройки BIgCommerce для WordPress

Во-первых, он автоматически синхронизирует ваши продукты BigCommerce в зависимости от варианта, выбранного на предыдущем шаге. На скриншоте выше плагин синхронизирует все наши образцы продуктов.

Первый вариант в вашем WordPress BigCommerce – это синхронизация продуктов. Вы можете нажать на нее, чтобы выбрать частоту синхронизации, автоматическую распечатку и размер пакета импорта.

Параметры синхронизации продукта BigCommerce для WordPress

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

BIgCommerce для WordPress Корзина и варианты оформления заказа

Как показано на скриншоте выше, страница корзины выбрана по умолчанию. Это связано с тем, что плагин автоматически создает необходимые страницы, включая страницу корзины, в процессе установки.

Вы можете просмотреть страницы по умолчанию, перейдя в Страницы »Все страницы с вашей приборной панели.

BigCommerce для WordPress страниц по умолчанию

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

Настройки подарочных сертификатов BigCommerce для WordPress

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

BigCommerce для настроек валюты WordPress

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

BigCommerce для WordPress Учетная запись и настройки регистрации

Существуют дополнительные параметры для настроек Google Analytics, обзоров продуктов, учетных данных API, канала и диагностики. Вы можете настроить их сейчас или пропустить, чтобы настроить позже.

BIgCommerce для WordPress Analytics и другие настройки

После этого не забудьте нажать кнопку «Сохранить изменения» в правом верхнем углу.

Сохранить настройки BigCommerce для WordPress

Теперь вы можете перейти к BigCommerce »Продукты просмотреть образцы товаров, добавленных на ваш сайт по умолчанию.

Образцы продуктов BigCommerce на панели инструментов WordPress

Вы также можете просмотреть страницу «Продукты» во внешнем интерфейсе, нажав ссылку «Просмотреть продукты» вверху.

Просмотреть продукты BigCommerce в WordPress

Вот как будет выглядеть ваша корзина BigCommerce в WordPress с темой Twenty Nineteen по умолчанию.

Корзина в WordPress с BigCommerce

Управление вашими продуктами в BigCommerce

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

1. Добавление продуктов в ваш магазин BigCommerce

Вы можете добавлять и управлять своими продуктами BigCommerce из меню «Продукты». Там вы увидите образцы товаров, добавленных в ваш магазин по умолчанию.

Страница продуктов BigCommerce

Вы можете удалить или заменить эти продукты вашими фактическими данными о продукте. Чтобы добавить новые продукты, нажмите кнопку «Добавить» вверху.

Добавить новые продукты в магазин BigCommerce

Добавьте название вашего продукта, цену, налоговые данные, выберите категории продукта, тип продукта и дополнительную информацию. Вы также можете добавить описание продукта, информацию о доставке и варианты доступности из разделов ниже.

После этого сохраните ваш продукт. После этого вы можете добавить изображения и видео о товаре, нажав на ссылку «Изображения и видео».

Добавить изображения продуктов в BigCommerce Store

Точно так же вы можете просмотреть дополнительные параметры, такие как «Инвентарь», «Параметры и SKU», «Пользовательские поля» и т. Д. Из параметров в верхней части. После этого не забудьте сохранить свой продукт.

Меню «Продукты» также позволяет импортировать или экспортировать продукты, управлять категориями продуктов, фильтрацией продуктов, брендами, артикулами продуктов и т. Д.

Как только вы добавите новые продукты, категории, бренды и т. Д. В свой магазин BigCommerce, они будут автоматически синхронизированы с вашим сайтом WordPress.

2. Настройка параметров оплаты

BigCommerce имеет встроенные способы оплаты. Посещение Настройка магазина »Платежи настроить параметры оплаты.

Настройки оплаты BigCommerce

Вы можете быстро настроить PayPal, кредитные карты, автономные способы оплаты, такие как банковский депозит, другие способы онлайн-оплаты, такие как 2Checkout, Amazon Платите, а также настраивайте цифровые кошельки.

3. Выберите план и обновите свой аккаунт BigCommerce.

BigCommerce – это, прежде всего, платная платформа для создания интернет-магазинов. Срок действия бесплатной пробной версии истекает через 15 дней, поэтому вы должны обновить свою учетную запись до истечения срока ее действия.

Перейдите к кнопке «Выберите план» в правом верхнем углу и нажмите на нее.

Выберите план BigCommerce

После этого вы увидите доступные варианты ценообразования.

Цены BigCommerce

План BigCommerce Standard доступен по цене $ 29,95 в месяц.

Отображение ваших продуктов BigCommerce на вашем сайте WordPress

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

Есть несколько способов добавить свои продукты BigCommerce на свой сайт WordPress. Мы покажем вам два самых простых метода ниже.

1. Добавьте страницу с вашими продуктами в меню

Самый простой способ показать свою страницу продуктов BigCommerce в WordPress – это добавить страницу в меню WordPress. Посещение Внешний вид »Меню и создайте новое меню.

Создать новое меню в WordPress

Для получения подробных инструкций см. Руководство для начинающих о том, как добавить навигационное меню в WordPress.

После этого вы можете щелкнуть по опции «Пользовательские ссылки» и ввести URL страницы со списком товаров.

Вы можете найти эту страницу, перейдя в BigCommerce »Продукты» Просмотр продуктов с вашей приборной панели. URL-адрес страницы обычно является именем вашего домена с / products / в конце. Например, http://example.com/products/.

Добавить пользовательскую ссылку в меню WordPress

Затем введите текст ссылки и нажмите кнопку «Добавить в меню». Вы также можете добавить страницу корзины в меню.

После этого выберите Показать местоположение для вашего меню и сохраните меню.

Сохранить меню WordPress

После этого посетите ваш сайт, чтобы увидеть новые пункты меню в действии.

WordPress Основное меню Демо

2. Вставьте ваши продукты в ваши сообщения в WordPress

Еще один простой способ добавить ваши продукты BigCommerce в ваш блог WordPress – встроить отдельные продукты в сообщения и страницы.

Этот подход больше подходит, когда у вас есть только несколько продуктов, и вы хотите добавить их на свои целевые страницы или в сообщения блога.

Откройте редактор сообщений WordPress и нажмите значок «Добавить новый блок». После этого вы можете выбрать блок продуктов BigCommerce.

Добавить блок продуктов BIgCommerce на ваш пост

После этого продукты вашего магазина BigCommerce появятся в вашей области редактирования.

Список продуктов BigCommerce в WordPress Post

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

Последние мысли

BigCommerce – это отличная платформа электронной коммерции для WordPress и мощная альтернатива для WooCommerce.

Часто пользователи просят нас сравнить BigCommerce с Shopify, и, на наш взгляд, BigCommerce является лучшей платформой, поскольку она обеспечивает надежную интеграцию с WordPress, а Shopify – нет.

Однако для полной интеграции с WordPress WooCommerce – наш выбор. Вы можете увидеть наш пошаговый учебник о том, как запустить интернет-магазин в WordPress для более подробной информации.

Мы надеемся, что эта статья помогла вам узнать, как создать корзину для покупок в WordPress с BigCommerce. Возможно, вы также захотите ознакомиться с нашим руководством по лучшим почтовым маркетинговым услугам и лучшим плагинам WordPress для бизнес-сайтов.

Если вам понравилась эта статья, пожалуйста, подпишитесь на нашу YouTube канал для видеоуроков WordPress. Вы также можете найти нас на Twitter а также Facebook,

5 WordPress плагины для улучшения корзины вашего сайта

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

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

В этой статье мы познакомим вас 5 лучших плагинов WooCommerce которые позволяют легко улучшать и оптимизировать корзину покупок в вашем интернет-магазине.

Но раньше, если вы никогда не устанавливали WordPress, откройте для себя Как установить WordPress блог шаги 7 et Как найти, установить и активировать WordPress тему на своем блоге

Тогда вернемся к тому, почему мы здесь.

1. Быстрая корзина WooCommerce

Ce Плагин WordPress от Barn2 позволяет заменить несколько корзин и этапов оформления заказа одной одностраничной формой заказа. В двух словах, он добавляет в ваш магазин гибкую мини-корзину для покупок. WooCommerce.

После того, как покупатель добавил товары в свою корзину, он может вносить изменения, добавлять товары или оформлять заказ из всплывающей корзины. Fast Cart позволяет выбрать расположение всплывающей корзины на странице, а также изменить цвет и выбрать из боковой или всплывающей корзины. Вы также можете решить, хотите ли вы заменить корзину wooCommerce стандартные и платежные страницы.

WooCommerce Fast Cart поддерживает все популярные платежные шлюзы, включая PayPal, Stripe, Amazon, Braintree и т. д.

2. WooCommerce Скрыть цену и плагин кнопки «Добавить в корзину»

Плагин WooCommerce Hide Price позволяет продавцам создавать несколько правил, чтобы скрыть цены или скрыть кнопку «добавить в корзину» от клиентов, не вошедших в систему, или пользователей, которые имеют определенные права доступа к вашему сайту электронной коммерции. .

лучшие плагины WordPress - Woocommerce скрыть цену добавить в корзину плагин кнопки скрыть по ролям пользователей

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

3. Плагин быстрого заказа B2B для WooCommerce

B2B Quick Order — это плагин WooCommerce, который позволяет покупателям приобретать большое количество различных продуктов как можно быстрее, не посещая каждую страницу продукта. Он предназначен для сокращения количества шагов, необходимых для размещения заказа, и позволяет клиентам быстро добавлять продукты.

Плагин быстрого заказа B2b для woocommerce

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

Откройте для себя 6 лучших плагинов WordPress опросов

Таким образом, плагин WordPress B2B Quick Order WooCommerce улучшает общее впечатление от покупок, добавляя простой и интуитивно понятный способ покупки ваших продуктов.

4. WooCommerce Fly to Cart и плавающая тележка

Когда тележка WooCommerce по умолчанию занимает больше места на вашем веб-сайте электронной коммерции и не может помочь вам привлечь больше клиентов, плагин WordPress WooCommerce Fly to Cart и Floating Cart придаст вам визуальной привлекательности, на которую вы надеетесь, предлагая возможность размещения корзины покупок на веб-сайте.

Плагины WordPress для улучшения корзины вашего веб-сайта - Woocommerce летают в корзину и плавающую корзину

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

5. Режим каталога продуктов WooCommerce

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

Форма запроса в режиме каталога продуктов Woocommerce

Если вы хотите продать товар / категорию, просто поместите ее в список исключений. Среди его функций: возможность активации / деактивации режима каталога, удаление кнопки «Добавить в корзину» и цены, исключение определенных категорий продуктов, замена добавить в корзину на странице перенаправления категорий / архивов и многое другое.

Заключение

Вот ! Это наш список лучшие плагины для WordPress premium, предназначенный для того, чтобы помочь вам настроить корзину для покупок на вашем веб-сайте электронной коммерции. Если у вас есть какие-либо проблемы или предложения в этой области, давайте окажемся в раздел комментариев.

Однако вы также сможете ознакомиться с нашими Ressources, если вам нужно больше элементов для реализации ваших проектов создания интернет-сайтов, обратитесь к нашему руководству по Создание блога на WordPress или Divi: лучшая тема WordPress всех времен.

Если вы уже используете премиум-плагин WordPress, который мы исключили из этого списка, предложите его поддерживать. Но в то же время, поделитесь этой статьей в разных социальных сетях.

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

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

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

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

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

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

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

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

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

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

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

При включенном расчете доставки на странице 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 );

Шаблон корзины 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 корзины мы избавились от доставки, но страница все еще выглядит немного странно.

Отображение корзины в WooCommerce

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

<?php 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 );

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

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

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

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

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

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

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

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

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

Понравился пост? Подпишись на обновления блога по RSS wordpress insideRSS, RSS wordpress insideEmail или twitter wordpress insidetwitter!
рейтингОцените статью:

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

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