Как добавить текст «Количество» перед полем количества товаров

Этот урок будет супер-изи, но как бы там ни было, клиенты иногда этого хотят, и в любом случае +1 WooCommerce хук «в вашу коллекцию».

Про страницу товара WooCommerce у меня на сайте есть видеоурок, рекомендую!

То, что мы сделаем в уроке – это добавим текст, а именно – одно слово «Количество», на страницу товара, рядом с полем количества добавляемого товара в корзину. Кстати, про настройку этого поля, его минимальные и максимальные значения, у меня есть отдельный урок.

Как добавить текст перед полем количества товара
На скриншоте добавлено слово «Количество:» перед самим полем количества товара. Пример сделан на теме Storefront.

А ниже – нехитрый код, который вы можете вставить в functions.php вашей текущей темы WordPress.

add_action( 'woocommerce_before_add_to_cart_quantity', 'truemisha_text_before_qty', 25 );
 
function truemisha_text_before_qty() {
 
	echo '<div style="float: left;margin: 10px 10px 0 0;">Количество: </div>';
 
}

По сути в никаких особых комментариях этот код не нуждается, вам нужно лишь подстроить CSS под свою тему WooCommerce.

И ещё, не смотря на то, что для вывода поля выбора количества на странице товара и в корзине используется один и тот же шаблон, хук woocommerce_before_add_to_cart_quantity это не затрагивает – он не сработает в вашей корзине и вам не придётся использовать условие с is_cart().

Миша

В последние годы я долго не знал, что мне делать с сайтом misha.blog, ведь он практически не приносит никакого профита, но недавно я осознал, что моя миссия – способствовать распространению WordPress. Ведь WordPress – это лучший движок для разработки сайтов – как для тех, кто готов использовать заложенную структуру этой CMS, так и для тех, кто предпочитает headless решения.

Сам же я впервые познакомился с WordPress в 2009 году. Организатор WordCamp. Преподаватель в школах Epic Skills и LoftSchool.

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

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

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