Решено Корректировка отображения заголовка для товара

[ОАА]

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

Сайт здесь.

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

Вижу два варианта решения:

1. Заголовок сделать перед изображением товара по ширине страницы
2. Уменьшить размер заголовка.

Первый вариант я не знаю как осуществить. Может подскажете?

Второй же можно осуществить например изменив стиль h1/
Сейчас такой:

h1 {
    font-size: 42px;
    line-height: 1.34;
}

Можно font-size: 33px поставить, например. Выглядеть получше будет. Но вот не знаю можно ли так поступать с Заголовком...
Сразу отмечу, что урезать само название не выйдет, а жаль.

 

[searchingman]

Второй же можно осуществить например изменив стиль h1/
Сейчас такой:

h1 {
    font-size: 42px;
    line-height: 1.34;
}

Можно font-size: 33px поставить, например. Выглядеть получше будет. Но вот не знаю можно ли так поступать с Заголовком...

Размер шрифта делайте таким, каким Вам больше нравиться.
Кроме визуального восприятия больше ни на что не влияет.

 

[ОАА]

Размер шрифта делайте таким, каким Вам больше нравиться.
Кроме визуального восприятия больше ни на что не влияет.

А правильно ли я понимаю, что изменения этого элемента скажутся на всех заголовках уровня h1?

 

[searchingman]

А правильно ли я понимаю, что изменения этого элемента скажутся на всех заголовках уровня h1?

Если используете стиль .woocommerce div.product .product_title , то изменения будут касаться только заголовка товара на странице товара. (см. скриншот).

 

[ОАА]

Если используете стиль .woocommerce div.product .product_title , то изменения будут касаться только заголовка товара на странице товара. (см. скриншот).

А как скрыть заголовки в карточке?

Какой элемент корректно убирать?

 

[searchingman]

Посмотрите в теме:
Как убрать слова "Описание товара"?

 

[ОАА]

Посмотрите в теме:
Как убрать слова "Описание товара"?

Какой Вы хороший человек!
Гуру Woocommerce

 

[searchingman]

Вижу два варианта решения:

1. Заголовок сделать перед изображением товара по ширине страницы
2. Уменьшить размер заголовка.

Первый вариант я не знаю как осуществить. Может подскажете?

Для переноса заголовка на примере темы Storefront в functions.php темы вставьте код

remove_action('woocommerce_single_product_summary','woocommerce_template_single_title',5);
add_action('woocommerce_before_single_product_summary','woocommerce_template_single_title',5);

Было (см. скриншот) , стало (см. скриншот).