Выровнять блок названия категории (подкатегории) с изображением Есть решение


Добрый день. Подскажите, пожалуйста, как выровнять чтобы блоки с изображениями и названиями категорий (подкатегорий) были одинакового размера независимо от того в одну строку название или в несколько?

5 ответов
  • Сергеев Владимир
    Разработчик
    Решение
    22 июня 2021 14:44

    Попробуйте добавить в блок super.user_css код: 

    .category-cards-html .uk-card-header .product-title {
        height: 30px;
    }

    где 30px – высота, подгоните её по размер ваших заголовков. 

  • Сергеев Владимир
    Разработчик
    Решение
    22 июня 2021 13:37

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

    Какая тема? Какой домен, где стоит тема? Чтобы посмотреть то, о чём вы спрашиваете "живьём". 

    • Ельсов Дмитрий
      22 июня 2021 13:40

      Тема Super. В живую посмотреть нельзя, так как только настраивается. Смотрите на скрине.Видите блоки разной высоты. Потому что название категории состоит из разного количества строк. В карточках товара можно прописать количество строк, в в категориях и подкатегориях нельзя. Поэтому спрашиваю как в css это можно поправить?

  • Сергеев Владимир
    Разработчик
    Решение
    22 июня 2021 14:17

    А можете показать полностью блок?
    И это у вас на главной странице или на странице категорий?

    • Ельсов Дмитрий
      22 июня 2021 14:31

      Это в подкатегориях. Если бы названия категорий были одинаковой длины, то этого бы не происходило.

      А это на главной. Корневые категории.


  • Ельсов Дмитрий
    22 июня 2021 14:39

    Вот высота заголовка товара есть в настройках, а высоты заголовка категории и подкатегории нет. Это бы решило эту проблему. Поставил высоту заголовка категории (подкатегории) 2 строки и блоки выровнялись бы.

  • Ельсов Дмитрий
    22 июня 2021 14:55

    А может ещё подскажете, как эти блоки выравнивать по центру, если их два, а не прижимать влево?

    • Сергеев Владимир
      Разработчик
      Решение
      22 июня 2021 17:26

      Нужно отключить режим слайдера для карточек категорий. 
      Как для категорий на главной, так и для подкатегорий на страницах категорий.

      А затем добавить в super.user_css код: 

      .category-cards-html .product-list {
          justify-content: center;
      }

Добавить ответ
Чтобы добавить комментарий, зарегистрируйтесь или войдите
Мы получаем и обрабатываем персональные данные посетителей нашего сайта в соответствии с официальной политикой.
Если Вы продолжите использовать сайт, мы будем считать, что Вас это устраивает.
Подписывайтесь и получайте скидки!

Узнавайте первым о скидках и специальных предложениях!