Как кастомизировать карточку товара WooCommerce?

Question

[kuzubina]

Подскажите плиз) Нужно на главной странице в слайдер вывести все товары определенной категории в свою разметку html и изменить выбор вариации с селектов на чекбоксы.
Как это сделать? В кукую сторону копать? Может можно как-то циклом вывести как посты и получать все необходимые поля (title, thumbnail и т.п.) и вставлять в свою разметку?

Comments

[Антон Литвиненко]

Товары woocommerce это всего лишь кастомный тип записи product. С ним можно работать как с любым другим типом записи. Берите цикл и выводите

Answer 1

[Юпитер Макс]

вот тут написано. По сути, товар в woo это обычная запись со своими полями. Почитайте как вывести циклом, сделайте и в print_r посмотрите какие данные доступны в массиве.

Answer 2

[Артем Золин]

Вот так получаем и выводим 5 последних товаров из категории "Рождество":

// задаем нужные нам критерии выборки данных из БД
$args = array(
	'posts_per_page' => 5,
	'post_type' => 'product',
	'tax_query' => array(
		array(
			'taxonomy' => 'product_cat',
			'field' => 'slug',
			'terms' => 'сhristmas'
		)
	)
);

$query = new WP_Query( $args );

// Цикл
if ( $query->have_posts() ) {
	echo '<ul class="slider">';
	while ( $query->have_posts() ) {
		$query->the_post();
		echo '<li class="slider__item">' . get_the_title() . '</li>';
	}
	echo '</ul>';
} else {
	// Постов не найдено
}
// Возвращаем оригинальные данные поста. Сбрасываем $post.
wp_reset_postdata();

Теперь берете понравившийся слайдер, я советую slick slider или owlcarousel. Скрипты подключаете через wp_enqueue_script(), стили - wp_enqueue_style()

В конце не забываем про инициализацию слайдера:

$(document).ready(function(){
	$('.slider').slick({
		setting-name: setting-value
	});
});

Это или в отдельном js-файле, или с помощью wp_add_inline_script() на зависимость от основного slick-скрипта

Comments

[kuzubina]

а как получить значения вариаций?

[Артем Золин]

kuzubina, 'post_type' => 'product_variation'

[kuzubina]

Артем Золин, я наверное не так понял, но мне нужно вывести в разметку все значения вариации каждого товара