Как добавить номер товара в class woocommerce?

Telegram WooСommerce WordPress

1 ответ

Здравствуйте!

Вывожу список товаров через Archive Product.

Получается что-то вида:

&lt;ul&gt; &lt;li&gt;&lt;div&gt;Первый товар&lt;/div&gt;&lt;/li&gt; &lt;li&gt;&lt;div&gt;Второй товар&lt;/div&gt;&lt;/li&gt; &lt;li&gt;&lt;div&gt;Третий товар&lt;/div&gt;&lt;/li&gt; ... &lt;li&gt;&lt;div&gt;99-ый товар&lt;/div&gt;&lt;/li&gt; &lt;/ul&gt;

<ul> <li><div>Первый товар</div></li> <li><div>Второй товар</div></li> <li><div>Третий товар</div></li> ... <li><div>99-ый товар</div></li> </ul>

Как добавить в class номер товара в списке? Т.е. чтобы стало так:

&lt;ul&gt; &lt;li&gt;&lt;div class="01"&gt;Первый товар&lt;/div&gt;&lt;/li&gt; &lt;li&gt;&lt;div class="02"&gt;Второй товар&lt;/div&gt;&lt;/li&gt; &lt;li&gt;&lt;div class="03"&gt;Третий товар&lt;/div&gt;&lt;/li&gt; ... &lt;li&gt;&lt;div class="99"&gt;99-ый товар&lt;/div&gt;&lt;/li&gt; &lt;/ul&gt;

<ul> <li><div class="01">Первый товар</div></li> <li><div class="02">Второй товар</div></li> <li><div class="03">Третий товар</div></li> ... <li><div class="99">99-ый товар</div></li> </ul>

Дополнительно:

Ответы:

Здравствуйте
Это выведет идентификатор товара

&lt;li&gt;&lt;div class="&lt;?=$product-&gt;get_id();?&gt;"&gt;Первый товар&lt;/div&gt;&lt;/li&gt;

<li><div class="<?=$product->get_id();?>">Первый товар</div></li>

Номер товара в списке на странице
Перед циклом while создайте переменную
$product_count = 1;
В конце цикла
$product_count++;
После цикла
unset($product_count);

Нужно решить такую задачу?

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

Заказать помощь

Лучший ответ

Игорь Волков Ответ

Для того чтобы добавить номер товара в класс WooCommerce, вам нужно воспользоваться хуком `woocommerce_post_class`. Этот хук позволяет добавить дополнительные классы к товарам на странице магазина.

Прежде всего, вам необходимо открыть файл functions.php вашей темы или плагина и добавить следующий код:

add_filter( 'woocommerce_post_class', 'add_product_sku_to_class' );
 
function add_product_sku_to_class( $classes ) {
    global $product;
 
    if ( is_a( $product, 'WC_Product' ) ) {
        $sku = $product-&gt;get_sku();
        $classes[] = 'product-sku-' . $sku;
    }
 
    return $classes;
}

add_filter( 'woocommerce_post_class', 'add_product_sku_to_class' ); function add_product_sku_to_class( $classes ) { global $product; if ( is_a( $product, 'WC_Product' ) ) { $sku = $product->get_sku(); $classes[] = 'product-sku-' . $sku; } return $classes; }

Этот код добавляет класс `product-sku-номер_товара` к каждому товару на странице магазина. Пожалуйста, обратите внимание, что этот код будет работать только если у ваших товаров заданы SKU (артикулы).

После того как вы добавили этот код, сохраните изменения и обновите страницу магазина. Теперь вы сможете увидеть, что каждый товар имеет класс с номером SKU вида `product-sku-номер_товара`.

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

Другие ответы (0)

Пока нет других ответов. Будьте первым, кто поможет автору.

Ответить на вопрос

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

Вам также может быть интересно

VPN Как правильно настроить vless для Android TV? 1 ответ печатные-платы Как заставить запускаться программу M3.exe от компании Hanxing AOI в инспекционной машине на Windows 7 Pro? 1 ответ 1С-Битрикс Можно ли быстро сделать зеркало сайта на связке Битрикс+Аспро с другими настройками? 1 ответ 1С-Битрикс Из-за чего Bitrix 14.5 не импортирует инфоблоки из своего же CSV? 1 ответ

Как добавить номер товара в class woocommerce?

Дополнительно:

Ответы:

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

Вам также может быть интересно

Ежедневно, круглосуточно