Как скрыть артикул, категории и метки со страницы товара

Если вы работаете с готовой темой WooCommerce, а не создаёте свою, то под кнопкой добавления в корзину у вас скорее всего будут отображаться артикул, категории и метки. Давайте попробуем отключить их при помощи хуков.

Кстати, если хотите научиться создавать свои темы для WooCommerce с нуля, на основе только готового HTML, то рекомендую вам свой видеокурс.

Как скрыть артикул, категории и метки со страницы товара
В этом примере я буду использовать бесплатную тему WooCommerce – Storefront. Под кнопкой добавления в корзину вы можете увидеть метки, категории и артикул товара.

Скрываем всё

Эту строчку кода можете вставить в functions.php текущей темы, но только учтите, что если ваша тема обновляется, то лучше всего создать для неё дочернюю тему либо вообще отдельный плагин.

remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_meta', 40 );

Скрываем только категории и метки, оставляя артикул

Если же вы хотите всё-таки отображать артикул, то вам придётся, помимо того кода, который я вам написал выше, вывести артикул самому, вот как это делается:

// скрываем всё
remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_meta', 40 );
 
// возвращаем артикул
add_action( 'woocommerce_single_product_summary', 'truemisha_return_sku', 40 );
function truemisha_return_sku() {
	global $product;
 
	echo '<div class="product_meta">';
	if ( wc_product_sku_enabled() && $product->get_sku() ) {
		echo '<span>Артикул: <span class="sku">' . $product->get_sku() . '</span></span>';
	}
	echo '</div>';
 
}

Миша

Впервые познакомился с WordPress в 2009 году. Организатор и спикер на конференциях WordCamp. Преподаватель в школе Нетология.

Если вам нужна помощь с сайтом или разработка с нуля на WordPress / WooCommerce — пишите. Я и моя команда будем рады вам помочь!

Комментарии — 4

Оставить комментарий

Если вы хотите добавить код, не забудьте обернуть его в <pre lang="php"></pre>, если же код – меньше одной строчки, то можно и в <code></code>.