Модуль Breadcrumb

[Marche]

Всем добрый день!
1. Как отредактировать модуль "Хлебные крошки", необходимо убрать цифру 1. /скрин 1/
2. В процессе навигации модуль отображается вертикально.
Есть ли техническая возможность сделать его горизонтальным? /скрин 2/


В файлах breadcrumb.tpl и css не нашла данную информацию.
Заранее благодарю за помощь!

[Виталий]

В файлах breadcrumb.tpl и css не нашла данную информацию.

В этих файлах можно изменить внешний вид Breadcrumb. Для вывода "Хлебных крошек" модуль не используется. Эта функция входит в тему prestashop.
На примере стандарной темы, шаблон /themes/default-bootstrap/breadcrumb.tpl, стили в файле global.css. Хотите в ряд, добавляте свойство css

Код: [Выделить]

.breadcrumb > li { display: inline-block;}

[Marche]

Виталий, благодарю Вас за ответ!
Попробовала заменить на 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}.Может быть не ту строчку правлю?
Очень признательна Вам за помощь!

[coder]

Стили как будто для другой темы.
Какому элементу вы присваивали "inline-block"

[Marche]

Добрый день!
Благодарю Вас за ответ.

CSS
Элементу: breadcrumb: display: row;

[DarinSr]

У вас нет в шаблоне элементов 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 справочник

[Marche]

Благодарю Вас за помощь!

[Миколас]

Судя по коду prestashop 1.7?
Так возьми стили из темы classic. Они как раз в ряд и без цифр.

[Виталий]

Код: [Выделить]

.breadcrumb {
    list-style: none;
}
.breadcrumb li {
    display: inline;
}

[Marche]

Огромное спасибо всем за помощь и участие. Все получилось!
Крайне признательна всем!!