WooCommerce как вывести акционный товар со скидкой в карточке товара

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

Вот так выводятся похожие товары на магазине который подправлял Я «Постельный комплект«. И сегодня я для него сделаю вывод акционных товаров в отдельном блоке, но такого же вида.

В вашей теме для магазина скорее всего находится папка WooCommerce в которой лежит файл content-single-product.php  и в нем есть подключение похожих товаров. У меня это происходит благодаря строке кода:

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

Положим созданный файл в папку вашего шаблона -> woocommerce -> single-product -> product-in-sale.php. Чтобы файл выглядел красиво я за его основу взял файл из моей темы находящийся по адресу Папка шаблона -> woocommerce -> single-product -> related.php. У вас скорее всего такой файл тоже есть, если нету, то может быть 2 причины:

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

Искать файл нужно именно в том порядке как я указал выше.

Если файл найден, то скопируйте данные из файла related.php в созданный нами файл product-in-sale.php. Дальше мы будем менять этот код.

Открываем файл, созданный нами product-in-sale.php и поправляем код по логике, которую я использовал у себя. Ниже я приведу листинг когда моего файла и распишу какая часть кода отвечает за правильную выборку кода. (Внимание все кроме функции выборки может отличаться).

Все что вам будет необходимо изменить в вашем коде для вывода акционных товаров это верхняя часть кода, где нужно указать:

  1. Правильное количество товаров $posts_per_pag.
  2. Заголовок блока.
  3. указать сортировку.
  4. Добавить параметры в массив для фильтрации по кастомным полям _stock_statu и _sale_price.

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

Данный код для вывода акционных товаров был протестирован с версией WooCommerc 3.0, в меньшей версии может немного изменяться.

Вот как акционный товар выводится на моем интернет магазине

WooCommerce как вывести аукционный товар со скидкой в карточке товара

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


Купить хостинг WordPress
Репетитор по wordpress
Услуги репетитора онлайн. Список курсов которые я веду
  • Базовый курс по веб-дизайну;
  • Верстка сайтов;
  • Общий курс по CMS WordPress и продолжение курса по разработке шаблонов;
  • Разработка сайтов на PHP.
Подробнее читайте на странице репетитор по WordPress
*/

Николаенко Максим

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


Вам может также понравиться...

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

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

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.

Шаблоны для WordPress
Самый лучший хостинг в Украине
Стабильный хостинг для Drupal