Как поменять тег заголовка карточки товара (thumbnail) в теме woodmart (используется elementor и woocommerce)?

Ссылка скопирована
1 ответ

Доброе время суток, Хабрчане! Нужна ваша помощь.
Не могу найти где редактируется тег заголовка в карточке товаров. Обыскал весь elementor и шаблон

Как поменять тег заголовка карточки товара (thumbnail) в теме woodmart (используется elementor и woocommerce)?

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

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 фото)

    Как поменять тег заголовка карточки товара (thumbnail) в теме woodmart (используется elementor и woocommerce)?

    Как поменять тег заголовка карточки товара (thumbnail) в теме woodmart (используется elementor и woocommerce)?

  • Только фото наоборот
  • Вот так черех ахрефс показывает

    Как поменять тег заголовка карточки товара (thumbnail) в теме woodmart (используется elementor и woocommerce)?

  • Точнее не на h2 нужно поменять, а просто на div. Помогите пожалуйста, буду очень благодарен!
  • Почтальон Воздушный, неа, тут помочь не смогу, элементором не пользовался... Последуйте совету, который дал в основном ответе, скачайте папку плагина элементора и c помощью текстового редактора (например VS Code ) ищите по файлам вхождение html из верстки которую видите в браузере, там найдете функцию и наверняка хук на которую она вешается, а дальше аналогично.
Нужно решить такую задачу?

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

Заказать помощь
Лучший ответ
1
Роман IT Ответ

В Woodmart тег заголовка карточки товара обычно задаётся не Elementor, а шаблоном темы или WooCommerce hook. Elementor может только выводить готовую сетку, а HTML внутри карточки приходит из темы.

Сначала определите, где именно выводится title. Откройте карточку товара в инспекторе и найдите класс рядом с заголовком, например wd-entities-title. Затем ищите этот класс в теме:

grep -R "wd-entities-title" wp-content/themes/woodmart/

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);

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 и общий кэш сайта.

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

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

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

комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

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