Как в woocommerce поменять отображение элементов на странице товара

Плагин woocommerce содержит набор шаблонов в папке /wp-content/plugins/woocommerce/templates, которые переносят при изменении шаблонов в папку темы с названием /wp-content/themes/тут название вашей темы/woocommerce. Если шаблон не предусмотрен для работы с woocommerce то такой папки в теме скорее всего не будет. Нужно ее создать и перенести туда содержание папки /wp-content/plugins/woocommerce/templates. Теперь начальной папкой будет считаться папка woocommerce располагающаяся в шаблоне сайта.

Начальным файлом отвечающим за вывод товара можно считать content-single-product.php в нем интересует область

1
2
3
4
5
6
7
8
9
10
11
12
13
/**
* Hook: woocommerce_single_product_summary.
*
* @hooked woocommerce_template_single_title - 5
* @hooked woocommerce_template_single_rating - 10
* @hooked woocommerce_template_single_price - 10
* @hooked woocommerce_template_single_excerpt - 20
* @hooked woocommerce_template_single_add_to_cart - 30
* @hooked woocommerce_template_single_meta - 40
* @hooked woocommerce_template_single_sharing - 50
* @hooked WC_Structured_Data::generate_product_data() - 60
*/
do_action( 'woocommerce_single_product_summary' );

Сами хуки располагаются в папке плагина в файле /includes/wc-template-hooks.php

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
/**
 * Product Summary Box.
 *
 * @see woocommerce_template_single_title()
 * @see woocommerce_template_single_rating()
 * @see woocommerce_template_single_price()
 * @see woocommerce_template_single_excerpt()
 * @see woocommerce_template_single_meta()
 * @see woocommerce_template_single_sharing()
 */
add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_title', 5 );
add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_rating', 10 );
add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_price', 10 );
add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_excerpt', 20 );
add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_meta', 40 );
add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_sharing', 50 );

Функции находятся в папке плагина в файле /wp-content/plugins/woocommerce/includes/wc-template-functions.php

Как в woocommerce поменять расположение элементов
Как в woocommerce поменять расположение элементов

1
2
3
4
5
6
7
8
9
if ( ! function_exists( 'woocommerce_template_single_title' ) ) {
 
	/**
	 * Output the product title.
	 */
	function woocommerce_template_single_title() {
		wc_get_template( 'single-product/title.php' );
	}
}

На примере вышеуказанных нескольких строк можно понять что для того чтобы что-то поменять в названии нужно отредактировать файл /single-product/title.php

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<?php
/**
 * Single Product title
 *
 * This template can be overridden by copying it to yourtheme/woocommerce/single-product/title.php.
 *
 * HOWEVER, on occasion WooCommerce will need to update template files and you
 * (the theme developer) will need to copy the new files to your theme to
 * maintain compatibility. We try to do this as little as possible, but it does
 * happen. When this occurs the version of the template file will be bumped and
 * the readme will list any important changes.
 *
 * @see        https://docs.woocommerce.com/document/template-structure/
 * @author     WooThemes
 * @package    WooCommerce/Templates
 * @version    1.6.4
 */
 
if ( ! defined( 'ABSPATH' ) ) {
	exit; // Exit if accessed directly.
}
 
the_title( '<h1 class="product_title entry-title">', '</h1>' );

Остальные области редактируются аналогично

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