Как поменять тег заголовка карточки товара (thumbnail) в теме woodmart (используется elementor и woocommerce)?
Доброе время суток, Хабрчане! Нужна ваша помощь.
Не могу найти где редактируется тег заголовка в карточке товаров. Обыскал весь elementor и шаблон
Дополнительно
GeKskill @GeKskill В своем function.php написать функцию
function woocommerce_template_loop_product_title() { echo '<h3 class="wd-entities-title"><a href="' . get_the_permalink() . '">' . get_the_title() . '</a></h3>'; } |
function woocommerce_template_loop_product_title() { echo '<h3 class="wd-entities-title"><a href="' . get_the_permalink() . '">' . get_the_title() . '</a></h3>'; }
P/s на будущее... Скачивайте папку с темой себе на комп, и делаете поиск по файлам ( почти любой редактор, можно VS code ) в вашем случае достаточно было найти wd-entities-title
- Спасибо большое!
- Подскажите, пожалуйста, чтобы поменять заголовок h3 на h2, как нужно написать?
Я написал вот так и ничего не поменялось, если вставить просто такой же код, то тоже ничего не поменяется.
function woocommerce_template_loop_product_title() {
echo '' . get_the_title() . '';
} - Почтальон Воздушный, Где размещаете функцию? Если в functions.php вашей темы, то все должно работать. Можете попробовать удалить функцию из хука и привязать к нему свою:
remove_action( 'woocommerce_shop_loop_item_title', 'woocommerce_template_loop_product_title', 10 ); add_action( 'woocommerce_shop_loop_item_title', 'your_title_template_function', 10 ); function your_title_template_function() { echo '<h2>' . get_the_title() . '</h2>'; }
remove_action( 'woocommerce_shop_loop_item_title', 'woocommerce_template_loop_product_title', 10 ); add_action( 'woocommerce_shop_loop_item_title', 'your_title_template_function', 10 ); function your_title_template_function() { echo '<h2>' . get_the_title() . '</h2>'; }
- Получилось, спасибо! А не подскажите еще, пожалуйста, как мне изменить заголовки этих категорий с h3 на h2. В элементоре нет такой функции (2 фото), отвечающей за заголовки, в теме тоже. Сам блок элементора называется Product Categories. (1 фото)
- Только фото наоборот
- Вот так черех ахрефс показывает
- Точнее не на h2 нужно поменять, а просто на div. Помогите пожалуйста, буду очень благодарен!
- Почтальон Воздушный, неа, тут помочь не смогу, элементором не пользовался... Последуйте совету, который дал в основном ответе, скачайте папку плагина элементора и c помощью текстового редактора (например VS Code ) ищите по файлам вхождение html из верстки которую видите в браузере, там найдете функцию и наверняка хук на которую она вешается, а дальше аналогично.
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос




В Woodmart тег заголовка карточки товара обычно задаётся не Elementor, а шаблоном темы или WooCommerce hook. Elementor может только выводить готовую сетку, а HTML внутри карточки приходит из темы.
Сначала определите, где именно выводится title. Откройте карточку товара в инспекторе и найдите класс рядом с заголовком, например
wd-entities-title. Затем ищите этот класс в теме:grep -R "wd-entities-title" wp-content/themes/woodmart/
Чаще всего правка находится в шаблонах Woodmart для product loop. Править родительскую тему нельзя: при обновлении всё пропадёт. Нужно либо использовать child theme override, либо hook/filter, если тема его даёт.
Если заголовок выводится стандартной функцией WooCommerce, можно переопределить hook:
remove_action('woocommerce_shop_loop_item_title', 'woocommerce_template_loop_product_title', 10); add_action('woocommerce_shop_loop_item_title', function () { echo '<h3 class="woocommerce-loop-product__title">' . esc_html(get_the_title()) . '</h3>'; }, 10);
Но Woodmart часто использует собственный вывод, поэтому этот код может не сработать. Тогда нужно копировать нужный template в дочернюю тему и заменить
h3/h2на нужный тег.После изменения очистите кэш Woodmart, Elementor CSS и общий кэш сайта.