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

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

ОАА

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

Сайт здесь.

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

Вижу два варианта решения:
  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 , то изменения будут касаться только заголовка товара на странице товара. (см. скриншот).
 
  • Like
Реакции: D&B

ОАА

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

searchingman

Гуру
Местный
Вижу два варианта решения:
  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);
Было (см. скриншот) , стало (см. скриншот).
 
Сверху Снизу