Блог

Где-то в HTML моей страницы магазина Woocommerce у меня есть эта строка:

 <ul class="products columns-3">`
  

Я просто хотел бы добавить к нему класс начальной загрузки «row», например:

 <ul class="products columns-3 row"> 
  

Я вставил загрузочный cdn в свой инструмент Chrome elements, затем добавил «строку», и у меня есть результат, который я хочу, но я не могу найти в файлах моего веб-сайта, где его изменить.

Я знаю, что html-код генерируется functions.php , я пытался заглянуть почти на каждую страницу php, посвященную шаблонам и woocommerce. Кто-нибудь может объяснить мне, как это можно сделать?

Добавить пользовательский класс в <ul> html-тег на страницах магазина WooCommerce и архивов:

1. Сначала прочитайте официальную документацию «Переопределение шаблонов с помощью темы», в которой объясняется, как переопределить шаблоны woocommerce с помощью темы.

   Примечание для «Премиум-тем»:
   В некоторых премиум-темах они уже могут использовать некоторые настроенные шаблоны WooCommerce, поэтому вам придется использовать их вместо этого. Если вы используете с ним дочернюю тему, скопируйте соответствующий шаблон в свою дочернюю тему, соблюдая ту же иерархию папок.

2. После того, как вы поняли это, соответствующий шаблон для редактирования loop/loop-start.php .
   Откройте / отредактируйте его и замените:

    <ul class="products columns-<?php echo esc_attr( wc_get_loop_prop( 'columns' ) ); ?>">
     

   с помощью:

    <ul class="products columns-<?php echo esc_attr( wc_get_loop_prop( 'columns' ) ); ?> row">
     

3. Сохранить… Готово.