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

Ось так виводяться схожі товари на магазині, який підправляв Я “Постільний комплект“. І сьогодні я для нього зроблю виведення акційних товарів в окремому блоці., але такого ж виду.

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

<?php if(etheme_get_option('show_related')) woocommerce_output_related_products(); ?>

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

<?php require_once( завершальний слеш( get_template_directory() ). 'woocommerce/single-product/product-in-sale.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 та поправляємо код за логікою, яку я використав у себе. Нижче я наведу листинг коли мого файлу та розпишу яка частина коду відповідає за правильну вибірку коду. (Увага, крім функції вибірки, може відрізнятися).

<?php
/**
 * Related Products
 *
 * @author 		WooThemes
 * @package 	WooCommerce/Templates
 * @version     3.0.0
 */

if ( ! Визначені( 'ABSPATH' ) ) вийти; // Exit if accessed directly

global $product, $woocommerce_loop;

$posts_per_page = 5;

// updated for woocommerce v3.0
$related = array_map( 'absint', значення_масиву( wc_get_related_products( $продукт->get_id(), $posts_per_page ) ) );

if ( sizeof( $пов'язані ) == 0 ) повернення;

луна '<h2 клас="продукти-назва"><проліт>Частка на вантажі</проліт></h2>';

$args = apply_filters( 'woocommerce_related_products_args', array(
	'post_type' => "продукт",
	'ignore_sticky_posts' => 1,
	'no_found_rows' => 1,
	'posts_per_page' => $posts_per_page,
	'orderby' => array('meta_value' => "ASC", 'дата' => "DESC"),
	//'post__in' => $пов'язані,
	'post__not_in' => array( $продукт->id ),
	'meta_query' => array(
	array(
		'ключ' => '_stock_status',
		'значення' => 'в наявності',
		'порівняти' => '=',
		
		'ключ' => '_ціна розпродажу',
		'значення' => 0,
		'порівняти' => '>',
		'тип' => 'numeric'
	)
	)
) );

$slider_args = array(
	//'title' => esc_html__( 'Related Products', 'xstore' )
);

etheme_create_slider( $args, $slider_args );

wp_reset_postdata();

Все, що вам буде необхідно змінити у вашому коді для виведення акційних товарів це верхня частина коду, де потрібно вказати:

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

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

if ( ! Визначені( 'ABSPATH' ) ) вийти; // Exit if accessed directly

global $product, $woocommerce_loop;

$posts_per_page = 5;

// updated for woocommerce v3.0
$related = array_map( 'absint', значення_масиву( wc_get_related_products( $продукт->get_id(), $posts_per_page ) ) );

if ( sizeof( $пов'язані ) == 0 ) повернення;

луна '<h2 клас="продукти-назва"><проліт>Частка на вантажі</проліт></h2>';

$args = apply_filters( 'woocommerce_related_products_args', array(
	'post_type' => "продукт",
	'ignore_sticky_posts' => 1,
	'no_found_rows' => 1,
	'posts_per_page' => $posts_per_page,
	'orderby' => array('meta_value' => "ASC", 'дата' => "DESC"),
	//'post__in' => $пов'язані,
	'post__not_in' => array( $продукт->id ),
	'meta_query' => array(
	array(
		'ключ' => '_stock_status',
		'значення' => 'в наявності',
		'порівняти' => '=',
		
		'ключ' => '_ціна розпродажу',
		'значення' => 0,
		'порівняти' => '>',
		'тип' => 'numeric'
	)
	)
) );

Цей код для виведення акційних товарів було протестовано з версією WooCommerc 3.0, у меншій версії може трохи змінюватись.

Ось як акційний товар виводиться на моєму інтернет-магазині

У наступних уроках я розповім, як вивести новинки в товарі., стежте за моїми статтями і дочекаєтеся як тільки у мене з'явиться вільний час.