Как в woocommerce задать единицу измерения?

Question

[mUchenik]

Всем доброго дня!
Друзья подскажите, как в поле для ввода количества, рядом с цифрой, прописать "КГ" ( в woocommerce там по умолчанию стоит просто цифра 1)

Спасибо.

Comments

[Димитрий]

Чтоб не плодить сущности позвольте спросить тоже самое но с уточнением,
на данный момент выводиться "шт" и тянется из базы:

if ($price) :
?>
<?= $product->get_price_html() ?>

<?= woocommerce_quantity_input(array(), $product, false) ?> <?= $price_unit ?>
<?php endif; ?>

и вот это $price_unit выводит "шт." В тоже время на карточке товара есть поле для указания:

как узнать название переменой и вывести вместо $price_unit?

Answer 1

[Павел]

wp-content/plugins/woocommerce/templates/global/quantity-input.php - этот шаблон выводит поле ввода
Копируете себе в wp-content/themes/тема/woocommerce/global/quantity-input.php и изменяете разметку как вам нужно.

Comments

[mUchenik]

спасибо!

[Павел]

mUchenik: пожалуйста. Но это так, чтоб по быстрому. А вообще я уверен, что есть плагин, позволяющий добавлять к товару единицу измерения, типа шт. , бут. и прочее. Я удивлен, что "из коробки" такого нет. Хотя вы сами можете добавить произвольное поле к товару через тот же ACF, и вывести его в шаблоне. Но это вдруг у вас не весь товар продается в КГ, и есть желание в каждом товаре расставлять единицы измерения.

[mUchenik]

Поторопился я с решением... :) Проблема в том, что сейчас КГ выводится только при наведении, а я хотел бы, что бы это самое КГ было по умолчанию выводилось. И когда пользователь менял бы цифры, то КГ ни куда не уходило...

[Павел]

mUchenik: что-то вы там намудрили и кг в инпут, что ли, засунули? ссылку дайте

[mUchenik]

boulinaw.bget.ru/product-category/gidroizolyaciya-... Вот ссылка

[Павел]

mUchenik: ну да) вы "кг" всунули в атрибуты. Уточняйте, что вы не умеете в разметку)

<div class="quantity">
  <input type="number" step="<?php echo esc_attr( $step ); ?>" min="<?php echo esc_attr( $min_value ); ?>" max="<?php echo esc_attr( $max_value ); ?>" name="<?php echo esc_attr( $input_name ); ?>" value="<?php echo esc_attr( $input_value ); ?>" title="<?php echo esc_attr_x( 'Qty', 'Product quantity input tooltip', 'woocommerce' ) ?>" class="input-text qty text" size="4" pattern="<?php echo esc_attr( $pattern ); ?>" inputmode="<?php echo esc_attr( $inputmode ); ?>" /> 
<span> кг</span>
</div>

Вот так сделайте

[mUchenik]

Павел: Да... Не спец я... Проблема не решилась... :(

[Павел]

mUchenik: вот, вывели же фразу. Все дальше через css стилизуйте как надо. Я вам курс по верстке тут в комментах не проведу.

[mUchenik]

Павел: Спасибо. Курса не надо... :) Я то думал, что есть возможность в само поле вместить. :) Ведь цифра там стоит... А стоит она там разве CSSом? Этот момент не понятен.

[Павел]

mUchenik: стоит она там, потом у что этот инпут имеет тип numer, минимальное значение min=1 и значение value="1" , все эти исходные данные берутся из php шаблона. Вот доки по input htmlbook.ru/html/input здесь перечислены все его возможные атрибуты.

[Павел]

mUchenik: input - это элемент формы, он несет функциональных характер, а не декоративный. Его значение записывается в переменную. и передается при сабмите формы.Или в данном случае добавление в корзину. Берется ЧИСЛОВОЕ значение из поля, ничего лишнего там быть не может и не должно

[mUchenik]

Павел: Спасибо!

Answer 2

[mUchenik]

if ( ! defined( 'ABSPATH' ) ) {
	exit; // Exit if accessed directly
}
?>
<div class="quantity">
	<input type="number" step="<?php echo esc_attr( $step ); ?>" min="<?php echo esc_attr( $min_value ); ?>" max="<?php echo esc_attr( $max_value ); ?>" name="<?php echo esc_attr( $input_name ); ?>" value="<?php echo esc_attr( $input_value ); ?>" title="<?php echo esc_attr_x( 'Qty', 'Product quantity input tooltip', 'woocommerce' ) ?>" class="input-text qty text" size="4" pattern="<?php echo esc_attr( $pattern ); ?>" inputmode="<?php echo esc_attr( $inputmode ); ?>" />
</div>

Что именно тут править?

Comments

[Павел]

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

[mUchenik]

Павел: Павел, спасибо за совет... Но что то не могу понять куда прописывать "КГ", пробовал в разных (как мне кажется) вариантах, и ни чего не выводится... Если не сложно объясни "для тех кто в танке" где именно прописать? Спасибо.

[Павел]

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

[mUchenik]

Павел: Понял. Всё выводится! Только Не в самом инпуте, а за ним (позади) и поэтому его не видно... как мне его в сам инпут загнать?

[Павел]

mUchenik: в сам инпут никак. Инпут это поле для ввода. Текст перед или сзади и смотрите css потом