Как добавить подпись к полю выбора количества товара

По умолчанию на странице товара в WooCommerce отображается поле выбора количества товара и рядом с ним кнопка добавления в корзину. По сути подразумевается, что мы выбираем количество товара поштучно.

Однако, в зависимости от специфики вашего магазина на WooCommerce, иногда было бы полезно, если бы рядом можно было бы добавить какое-либо обозначение, например если вы продаёте товар в килограммах.

Вот так бы это выглядело:

добавляем подпись рядом с количеством товара на странице товара
Для темы Storefront даже не понадобилось добавлять никаких дополнительных стилей для подписи – и так выглядит гармонично.

Делается это очень легко при помощи небольшого сниппета кода:

add_action( 'woocommerce_after_quantity_input_field', 'true_qty_text' );
 
function true_qty_text() {
	echo '<span>килограмм</span>';
}

Вот куда его вставлять.

Если вы хотите узнать чуть больше про то, как можно редактировать страницу товара, то рекомендую обратить внимание на этот видеоурок.

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

add_action( 'woocommerce_after_quantity_input_field', 'true_qty_text_for_category' );
 
function true_qty_text_for_category() {
	if( has_term( 'hudaki', 'product_cat' ) ) {
		echo '<span>килограмм</span>';
	}
}

Миша

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

Пишите, если нужна помощь с сайтом или разработка с нуля.

Чтобы оставить комментарий, пожалуйста, зарегистрируйтесь или войдите.

Миша Рудрастых и WordPress

Полезности из мира WordPress и жизни студии.

Мой телеграм-канал