Название не помещается в хлебных крошках

Тема в разделе "Дизайн, оформление и шаблоны", создана пользователем bond, 1 дек 2015.

  1. bond

    bond Пользователь

    Сообщения:
    32
    Симпатии:
    1
    Вы мне не поможете еще советом? :)Теперь другая проблема из-за размера названия. Скриншот прилагается. Screenshot_2015-12-01-21-25-23.png Screenshot_2015-12-01-21-25-08.png
     
  2. optimlab

    optimlab Продвинутый пользователь

    Сообщения:
    890
    Симпатии:
    227
    убрать white-space: nowrap;
    Но на вашем месте я бы вообще убрал бы отображение хлебных крошек на мобильной версии подстановкой класса hidden-xs в class="breadcrumb"
     
    solunski.d и Romans нравится это.
  3. bond

    bond Пользователь

    Сообщения:
    32
    Симпатии:
    1
    А не подскажите в каком файле заменить?)))
     
  4. bond

    bond Пользователь

    Сообщения:
    32
    Симпатии:
    1
    нашел в CSS! Изменил,все работает))) Сейчас попробую найти class="breadcrumb .
     
  5. bond

    bond Пользователь

    Сообщения:
    32
    Симпатии:
    1
    Спасибо Вам XDX огромное!!!!:) Класс hidden-xs так и не нашел куда вставить, да и ладно))) Очень помогли мне сегодня! Screenshot_2015-12-02-00-10-24.png
     
  6. solunski.d

    solunski.d Эксперт

    Сообщения:
    1.569
    Симпатии:
    432
    Для того чтобы вставить класс нужно зайти catalog/view/theme/*/product/product.tpl и в самом верху есть элемент ul с классом breadcrumb, ставите пробел и вписываете класс, получиться
    HTML:
    <ul class="breadcrumb hidden-xs">
    Ну или воспользоваться css, написать
    HTML:
    @media(max-width: 768px) {.breadcrumb {display:none;}}
     
  7. bond

    bond Пользователь

    Сообщения:
    32
    Симпатии:
    1
    Спасибо! А можно название товара которое на скрине поместить для мобильной версии над фото? Screenshot_2015-12-02-15-19-23.png
     
  8. solunski.d

    solunski.d Эксперт

    Сообщения:
    1.569
    Симпатии:
    432
    Конечно можно!
    PHP:
    <?php echo utf8_substr(strip_tags(html_entity_decode($descriptionENT_QUOTES'UTF-8')), 0200) . '..';?>
    200 - кол.символов.
     
    Последнее редактирование: 2 дек 2015
  9. bond

    bond Пользователь

    Сообщения:
    32
    Симпатии:
    1
    У меня меняется описание товара,а мне нужно название которое на скрине под фото.
     
  10. solunski.d

    solunski.d Эксперт

    Сообщения:
    1.569
    Симпатии:
    432
    Все я понял))
    PHP:
    <?php echo $heading_title?>
     
  11. bond

    bond Пользователь

    Сообщения:
    32
    Симпатии:
    1
    Спасибо появился! Но хотелось бы так же жирным шрифтом как под фото и еще, что бы под фото небыло этого названия, только над ним. Screenshot_2015-12-02-16-27-08.png Screenshot_2015-12-02-16-26-53.png
     
  12. optimlab

    optimlab Продвинутый пользователь

    Сообщения:
    890
    Симпатии:
    227
    Ну так сиди дальше пей и забудь что я пишу..
     
  13. bond

    bond Пользователь

    Сообщения:
    32
    Симпатии:
    1
    Не понял Вас)))
     
  14. Romans

    Romans Administrator Команда форума

    Сообщения:
    1.389
    Симпатии:
    736
    Чистка темы. @solunski.d не надо так писать.
    @bond это не для вас ответ, это для молодчика... который тут писал не по теме..
     
  15. optimlab

    optimlab Продвинутый пользователь

    Сообщения:
    890
    Симпатии:
    227
    Это не вам, а для любителя молока..
     
  16. bond

    bond Пользователь

    Сообщения:
    32
    Симпатии:
    1
    Понятно!:)
     
  17. guguze

    guguze Новичок

    Сообщения:
    8
    Симпатии:
    3
    Была похожая проблема с длинной строкой в хлебных крошках, решил её удалением тега в css в стиле .breadcrumb > li { ... white-space: nowrap;
    Убирается запрет переноса строки.
     
  18. Romass

    Romass Новичок

    Сообщения:
    5
    Симпатии:
    0
    Здравствуйте. Такая же проблема, подскажите где поменять или удалить
    }

    /* breadcrumb */
    .breadcrumb {
    margin-bottom: 20px;
    padding: 9px 0;
    background: none;
    white-space: nowrap;
    text-align: left;
    }

    .breadcrumb i {
    font-size: 15px;
    }

    .breadcrumb > li {
    position: relative;
    text-shadow: 0 1px 0 #FFF;
    white-space: nowrap;
    }

    .breadcrumb > li + li:before {
    content: '/';
    padding: 10px;
    }

    .pagination {
    margin: 0;
    }
     
  19. SiteMix

    SiteMix Продвинутый пользователь

    Сообщения:
    876
    Симпатии:
    147
    В предыдущем сообщении был ответ:

    В вашем случае можно убрать или закомментировать строку:
     
  20. Romass

    Romass Новичок

    Сообщения:
    5
    Симпатии:
    0
    Спасибо большое за ответ. .Закомментирование не изменило к сожалению.
    Удаление тоже
     
    Последнее редактирование: 4 май 2022