PrestaShop Forum

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


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

Цитата: Marche от 17 августа 2017, 14:17:02
В файлах breadcrumb.tpl и css не нашла данную информацию.

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

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

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

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

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

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

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

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

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

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