Автор Тема: Модуль Breadcrumb  (Прочитано 82 раз)

17 Август 2017, 14:17:02
  • Новичок
  • *
  • Сообщений: 5
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Всем добрый день!
1. Как отредактировать модуль "Хлебные крошки", необходимо убрать цифру 1. /скрин 1/
2. В процессе навигации модуль отображается вертикально.
Есть ли техническая возможность сделать его горизонтальным? /скрин 2/


В файлах breadcrumb.tpl и css не нашла данную информацию.
Заранее благодарю за помощь!
17 Август 2017, 14:30:28
Ответ #1
  • Ветеран
  • *****
  • Сообщений: 105595
  • Репутация: +39548/-0
    • Просмотр профиля
    • Webstudio UwK
В файлах breadcrumb.tpl и css не нашла данную информацию.
В этих файлах можно изменить внешний вид Breadcrumb. Для вывода "Хлебных крошек" модуль не используется. Эта функция входит в тему prestashop.
На примере стандарной темы, шаблон /themes/default-bootstrap/breadcrumb.tpl, стили в файле global.css. Хотите в ряд, добавляте свойство css
.breadcrumb > li { display: inline-block;}
Cоздание интернет сайтов Webstudio UwK
17 Август 2017, 15:03:16
Ответ #2
  • Новичок
  • *
  • Сообщений: 5
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Виталий, благодарю Вас за ответ!
Попробовала заменить на inline-block, безуспешно.
Привожу содержимое моих файлов:
Breadcrumb.tpl
<nav data-depth="" class="breadcrumb hidden-sm-down">
<ol itemscope itemtype="http://schema.org/BreadcrumbList">
    {foreach from=$breadcrumb.links item=path name=breadcrumb}
      {block name='breadcrumb_item'}
        <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
          <a itemprop="item" href="{$path.url}">
            <span itemprop="name">{$path.title}</span>
          </a>
          <meta itemprop="position" content="{$smarty.foreach.breadcrumb.iteration}">
        </li>
      {/block}
    {/foreach}
  </ol>
</nav>

Css
.breadcrumb{padding:0rem 1rem;margin-bottom:1rem;list-style:none;background-color:#f5f5f5;border-radius:0}.breadcrumb:after{content:"";display:row;clear:both}.breadcrumb-item{float:left}.breadcrumb-item+.breadcrumb-item:before{display:row;padding-right:.5rem;padding-left:.5rem;color:#f1f1f1;content:"/"}.breadcrumb-item+.breadcrumb-item:hover:before{text-decoration:underline;text-decoration:none}.breadcrumb-item.active{color:#f1f1f1}.Может быть не ту строчку правлю?
Очень признательна Вам за помощь!


17 Август 2017, 17:21:44
Ответ #3
  • Модератор
  • Ветеран
  • *****
  • Сообщений: 33066
  • Репутация: +26762/-0
    • Просмотр профиля
Стили как будто для другой темы.
Какому элементу вы присваивали "inline-block"???
17 Август 2017, 17:34:52
Ответ #4
  • Новичок
  • *
  • Сообщений: 5
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Добрый день!
Благодарю Вас за ответ.

CSS
Элементу: breadcrumb: display: row;
17 Август 2017, 17:42:20
Ответ #5
  • Модератор
  • Ветеран
  • *****
  • Сообщений: 86534
  • Репутация: +25419/-0
  • Сообщество PrestaShop
    • Просмотр профиля
У вас нет в шаблоне элементов breadcrumb. Есть список ol-li
Цитировать
Тег <ol> устанавливает нумерованный список. Каждый элемент списка должен начинаться с тега <li>. Если к тегу <ol> применяется таблица стилей, то элементы <li> наследуют эти свойства.

Свойство display может принимать значения
display: block | inline | inline-block | inline-table | list-item | none | run-in | table | table-caption | table-cell | table-column-group | table-column | table-footer-group | table-header-group | table-row | table-row-group
Для вас лучший выход - Предложения о работе
Или хотя бы почитать CSS справочник
17 Август 2017, 17:56:07
Ответ #6
  • Новичок
  • *
  • Сообщений: 5
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Благодарю Вас за помощь!
17 Август 2017, 18:08:17
Ответ #7
  • Ветеран
  • *****
  • Сообщений: 2992
  • Репутация: +72/-5
  • Сообщество PrestaShop
    • Просмотр профиля
Судя по коду prestashop 1.7?
Так возьми стили из темы classic. Они как раз в ряд и без цифр.
17 Август 2017, 18:29:09
Ответ #8
  • Ветеран
  • *****
  • Сообщений: 105595
  • Репутация: +39548/-0
    • Просмотр профиля
    • Webstudio UwK
.breadcrumb {
    list-style: none;
}
.breadcrumb li {
    display: inline;
}
Cоздание интернет сайтов Webstudio UwK
17 Август 2017, 22:14:53
Ответ #9
  • Новичок
  • *
  • Сообщений: 5
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Огромное спасибо всем за помощь и участие. Все получилось!
Крайне признательна всем!!