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

Чтобы заявить о поддержке WooCommerce достаточно добавить функцию в файл functions.php вашей темы:

function mytheme_add_woocommerce_support() {
	add_theme_support( 'woocommerce' );
}
add_action( 'after_setup_theme', 'mytheme_add_woocommerce_support' );

Убедитесь, что вы используете хук after_setup_theme, а не init.

Использование с настройками

function mytheme_add_woocommerce_support() {
	add_theme_support( 'woocommerce', array(
		'thumbnail_image_width' => 150,
		'single_image_width'    => 300,

        'product_grid'          => array(
            'default_rows'    => 3,
            'min_rows'        => 2,
            'max_rows'        => 8,
            'default_columns' => 4,
            'min_columns'     => 2,
            'max_columns'     => 5,
        ),
	) );
}
add_action( 'after_setup_theme', 'mytheme_add_woocommerce_support' );

Это необязательные настройки темы, которые вы можете установить при объявлении поддержки WooCommerce.

Вы можете установить желаемые размеры изображений: thumbnail_image_width и single_image_width. Также вы можете установить пользовательские размеры изображений в Внешний вид > Настройки темы в разделе WooCommerce > Изображения товаров.

product_grid позволяет устанавливать по умолчанию минимальные и максимальные значения для столбцов и строк Магазина. Пользователи могут устанавливать строки и столбцы в Настройках темы в разделе WooCommerce > Каталог товаров.

Читайте также:

Как включить поддержку галереи в своей теме