• Вопрос без рабочей ссылки на проблему считается риторическим. Без ссылки и скриншота - провокацией!

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

ОАА

Опытный
Местный
#1
Здравствуйте!

Сайт здесь.

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

Вижу два варианта решения:
  1. Заголовок сделать перед изображением товара по ширине страницы
  2. Уменьшить размер заголовка.
Первый вариант я не знаю как осуществить. Может подскажете?

Второй же можно осуществить например изменив стиль h1/
Сейчас такой:
Код:
h1 {
    font-size: 42px;
    line-height: 1.34;
}
Можно font-size: 33px поставить, например. Выглядеть получше будет. Но вот не знаю можно ли так поступать с Заголовком...
Сразу отмечу, что урезать само название не выйдет, а жаль.
 

searchingman

Гуру
Местный
#2
Второй же можно осуществить например изменив стиль h1/
Сейчас такой:
Код:
h1 {
    font-size: 42px;
    line-height: 1.34;
}
Можно font-size: 33px поставить, например. Выглядеть получше будет. Но вот не знаю можно ли так поступать с Заголовком...
Размер шрифта делайте таким, каким Вам больше нравиться.
Кроме визуального восприятия больше ни на что не влияет.
 

ОАА

Опытный
Местный
#3
Размер шрифта делайте таким, каким Вам больше нравиться.
Кроме визуального восприятия больше ни на что не влияет.
А правильно ли я понимаю, что изменения этого элемента скажутся на всех заголовках уровня h1?
 

searchingman

Гуру
Местный
#4
А правильно ли я понимаю, что изменения этого элемента скажутся на всех заголовках уровня h1?
Если используете стиль .woocommerce div.product .product_title , то изменения будут касаться только заголовка товара на странице товара. (см. скриншот).
 

ОАА

Опытный
Местный
#5

searchingman

Гуру
Местный
#8
Вижу два варианта решения:
  1. Заголовок сделать перед изображением товара по ширине страницы
  2. Уменьшить размер заголовка.
Первый вариант я не знаю как осуществить. Может подскажете?
Для переноса заголовка на примере темы Storefront в functions.php темы вставьте код
PHP:
remove_action('woocommerce_single_product_summary','woocommerce_template_single_title',5);
add_action('woocommerce_before_single_product_summary','woocommerce_template_single_title',5);
Было (см. скриншот) , стало (см. скриншот).