Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

Поехал Breadcumb (Хлебные крошки)


Recommended Posts

Приветствую, формчане!

 

Во-первых, спасибо всем огромное за то, что делитесь своими знаниями - выручили уже сотню раз. 

 

Столкнулся с проблемой, и не нашел ответа пока здесь:

 

Вылез за  свою границу путь к товару и залез на название - смотрится отвратительно. Скрин прилагаю.

post-709749-0-79518500-1461379882_thumb.jpg

 

Как бы мне растянуть Breadcumb так, чтобы путь к товару, умещающийся в двух строчках отображался корректно?

 

Сразу оговорюсь - знания нулевые. Однако, уверен, что с внятными рекомендациями способен внести нужные правки в код.

 

ocStore 1.5.5.1.2 без дополнительных модулей.

 

Заранее всем спасибо!

 

 

 

 

 

Надіслати
Поділитися на інших сайтах


У вас огромный путь в бредкрумбе стоит, а в css маленькая высота

Вот Ваш код css  - catalog/view/theme/default/stylesheet/stylesheet.css в строке 405

.breadcrumb {
    background: transparent url("../image/background.png") repeat-x scroll 0 0;
    border: 1px solid #dbdee1;
    border-radius: 7px 7px 0 0;
    color: #cccccc;
    height: 30px;
    line-height: 30px;
    margin-bottom: 10px;
    padding-left: 10px;
}

Можете поиграться с height и line-height до того момента, пока не начнет нравится, но учитывайте, что есть еще и background (задает фоновую картинку, в Вашем случае высотой 30px) - играйтесь.

Змінено користувачем hoolygan
  • +1 1
Надіслати
Поділитися на інших сайтах


У вас огромный путь в бредкрумбе стоит, а в css маленькая высота

Вот Ваш код css  - catalog/view/theme/default/stylesheet/stylesheet.css в строке 405

.breadcrumb {
    background: transparent url("../image/background.png") repeat-x scroll 0 0;
    border: 1px solid #dbdee1;
    border-radius: 7px 7px 0 0;
    color: #cccccc;
    height: 30px;
    line-height: 30px;
    margin-bottom: 10px;
    padding-left: 10px;
}

Можете поиграться с height и line-height до того момента, пока не начнет нравится, но учитывайте, что есть еще и background (задает фоновую картинку, в Вашем случае высотой 30px) - играйтесь.

Благодарю! Все помогло. Расширил вниз и увеличил картинку бэкграунда.. Конечно, было бы идеально, если бы бэкграунд был адаптивным, т.е. растягивался вниз, когда появляется вторая строка. Но это уже близко к идеалу.

 

ЗЫ не знаю, как тут лайкнуть, не вижу кнопки.

Надіслати
Поділитися на інших сайтах


Измените CSS

.breadcrumb {
    background: url('../image/background.png') repeat transparent;
    border: 1px solid #DBDEE1;
    -webkit-border-radius: 7px 7px 7px 7px;
    -moz-border-radius: 7px 7px 7px 7px;
    -khtml-border-radius: 7px 7px 7px 7px;
    border-radius: 7px 7px 7px 7px;
    color: #CCCCCC;

    min-height: 30px;
    line-height: 30px;
    margin-bottom: 10px;
    padding-left: 10px;
}

Змінено користувачем Shureg
Надіслати
Поділитися на інших сайтах


Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку

×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.