Введите часть искомого слова, названия или фразы...
↑ ↓
  1. Новые темы озаглавленные с маленькой буквы - удаляются без предупреждения!
  2. Вопрос без рабочей ссылки на проблему считается риторическим. Без ссылки и скриншота - провокацией!

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

Тема в разделе "Вопросы, советы и доработки.", создана пользователем ОАА, 18 авг 2016.

  1. ОАА

    ОАА Местный

    Сообщения:
    314
    Симпатии:
    36
    Баллы:
    28
    Здравствуйте!

    Сайт здесь.

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

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

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

    searchingman Местный

    Сообщения:
    1.634
    Симпатии:
    553
    Баллы:
    113
    Размер шрифта делайте таким, каким Вам больше нравиться.
    Кроме визуального восприятия больше ни на что не влияет.
     
    • Нравится Нравится x 1
  3. ОАА

    ОАА Местный

    Сообщения:
    314
    Симпатии:
    36
    Баллы:
    28
    А правильно ли я понимаю, что изменения этого элемента скажутся на всех заголовках уровня h1?
     
  4. searchingman

    searchingman Местный

    Сообщения:
    1.634
    Симпатии:
    553
    Баллы:
    113
    Если используете стиль .woocommerce div.product .product_title , то изменения будут касаться только заголовка товара на странице товара. (см. скриншот).
     
    • Нравится Нравится x 1
    • Симпатия Симпатия x 1
  5. ОАА

    ОАА Местный

    Сообщения:
    314
    Симпатии:
    36
    Баллы:
    28
    А как скрыть заголовки в карточке?
    [​IMG]

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

    searchingman Местный

    Сообщения:
    1.634
    Симпатии:
    553
    Баллы:
    113
    • Нравится Нравится x 1
  7. ОАА

    ОАА Местный

    Сообщения:
    314
    Симпатии:
    36
    Баллы:
    28
    • Нравится Нравится x 1
    • Согласен Согласен x 1
  8. searchingman

    searchingman Местный

    Сообщения:
    1.634
    Симпатии:
    553
    Баллы:
    113
    Для переноса заголовка на примере темы 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);
    Было (см. скриншот) , стало (см. скриншот).
     
    • Нравится Нравится x 2