Как вывести на свою верстку каталог через плагин WooCommerce?

Question

[Глеб]

Перенёс верстку на wp, подключил плагин woocommerce, есть страница каталога, как туда вывести все добавленные товары?

Comments

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

не совсем понятен вопрос, опишите подробнее что сделано и что не получается

[Глеб]

Антон Литвиненко, была верстка страниц html файлы, я перенёс всё на вп сделал страницы, на сайте есть каталог товаров, мне нужно вывести товары из плагина WooCommerce на мою страницу

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

Глеб, пожалуй я своим уточняющим вопросом имел в виду как именно вы интегрировали свою верстку в вп, чтобы понять почему не получается с вукоммерс.
https://qna.habr.com/q/1207018

[Глеб]

Антон Литвиненко, в файле footer и header добавил нужный код, потом создавал страницы.php и туда вставлял код из верстки и привязывал шаблон через страницы, через //template name:

[Bolharskyi]

1. В файле functions.php включена поддержка woocommerce?
2. Ты дошел до этапа работы над файлом archive-product.php?

[Глеб]

Bolharskyi, до 1 дошёл, до 2-го нет.
1:

Answer 1

[Bolharskyi]

Алгоритм такой:
1. Создаешь в папке своей темы папку woocommerce
2. Копируешь в нее archive-product.php из папки wp-content/plugins/woocomerce/templates. Этот файл отвечает за шаблон страницы каталога.
3. Работаешь в скопированном файле над натяжкой верстки.
Это схема в общих чертах.

Теперь ответ на твой вопрос.

В archive-product.php ищи такой кусок кода:

woocommerce_product_loop_start();

	if ( wc_get_loop_prop( 'total' ) ) {
		while ( have_posts() ) {
			the_post();

			/**
			 * Hook: woocommerce_shop_loop.
			 */
			do_action( 'woocommerce_shop_loop' );

			wc_get_template_part( 'content', 'product' );
		}
	}

	woocommerce_product_loop_end();

Он отвечает за вывод товаров в каталог.
Шаблон внешнего вида товара в каталоге - content-product.php. Можешь скопировать его в свой проект сразу вместе с archive-product, если планируешь "натягивать" его в отдельном файле:)

Успехов!

Comments

[Глеб]

А если у меня вот уже есть страница с каталогом, как туда вывести?

[Bolharskyi]

Глеб, твоя задача - поместить верстку каталога в файл archive-product. У Вукоммерс этот файл отвечает за вывод каталога.
Дальше - работаешь над версткой в этом файле. Как это делать - тема отдельных более конкретных вопросов.
Еще раз желаю успехов!

[Глеб]

Bolharskyi, хорошо, а как зайти на эту страницу каталогов? Просто где раньше была страница, там другой файл отвечает