XF 1.5 Отображение хлебных крошек в мобильной версии

[Blef]

Приветствую.
Помогите решить вопрос с изменением хлебных крошек. На мобильниках они очень длинные, хотелось бы сократить до одной ссылки ведущей в предыдущий раздел, так же как сделано на этом форуме.
Это во второй ветке сделано или сами меняли?
Как реализовать для первой.
Спасибо за помощь.

 

[Skaiman]

Это во второй ветке сделано или сами меняли?

во второй много чего сделано и уже давно надо перейти на нее

 

[Blef]

во второй много чего сделано и уже давно надо перейти на нее

Согласен. Но пока останавливает отсутствие необходимых мне плагинов для второй ветки.

 

[ssmol]

Как реализовать для первой.
Спасибо за помощь.

Обновиться до второй версии

Согласен. Но пока останавливает отсутствие необходимых мне плагинов для второй ветки.

Что есть для первой чего нет для второй

 

[Blef]

Что есть для первой чего нет для второй

Плагины что были сделаны под заказ. И возможно могу ошибаться, для проведения СП вроде нет норм. решения.

Обновиться до второй версии

Думаю есть и другое решение.

 

[ssmol]

Думаю есть и другое решение.

Думаю поиск исполнителя вам поможет, если остались ещё те кто под первую пишет

 

[artscripts]

Надо призвать Captain , чтоб он портянку из 100500+ слов накатал, чем лучше будет переход, нежели остаться на старой ветке) Без кэпа не кто непонимает)

 

[Matew]

Надо призвать Captain , чтоб он портянку из 100500+ слов накатал, чем лучше будет переход, нежели остаться на старой ветке) Без кэпа не кто непонимает)

Если было много плагинов на заказ, то переезд не самое дешевое и простое решение. Более того, с нормальным плагином СП и правда могут возникнуть сложности

 

[Blef]

Если не затруднит, опубликуйте шаблон breadcrumb из второй ветки.

 

[Matew]

Если не затруднит, опубликуйте шаблон breadcrumb из второй ветки.

Если это вам чем-то поможет, то пожалуйста. Это кусок из шаблона PAGE_CONTAINER

<xf:macro name="breadcrumbs" arg-breadcrumbs="!" arg-navTree="!" arg-selectedNavEntry="{{ null }}" arg-variant="">
    <xf:if contentcheck="true">
        <ul class="p-breadcrumbs {{ $variant ? 'p-breadcrumbs--' . $variant : '' }}"
            itemscope itemtype="https://schema.org/BreadcrumbList">
        <xf:contentcheck>
            <xf:set var="$position" value="{{ 0 }}" />

            <xf:set var="$rootBreadcrumb" value="{$navTree.{$xf.options.rootBreadcrumb}}" />
            <xf:if is="$rootBreadcrumb AND $rootBreadcrumb.href != $xf.uri">
                <xf:set var="$position" value="{{ $position + 1 }}" />
                <xf:macro name="crumb"
                    arg-position="{$position}"
                    arg-href="{$rootBreadcrumb.href}"
                    arg-value="{$rootBreadcrumb.title}" />
            </xf:if>

            <xf:if is="$selectedNavEntry && $selectedNavEntry.href && $selectedNavEntry.href != $xf.uri && $selectedNavEntry.href != $rootBreadcrumb.href">
                <xf:set var="$position" value="{{ $position + 1 }}" />
                <xf:macro name="crumb"
                    arg-position="{$position}"
                    arg-href="{$selectedNavEntry.href}"
                    arg-value="{$selectedNavEntry.title}" />
            </xf:if>
            <xf:foreach loop="$breadcrumbs" value="$breadcrumb" if="$breadcrumb.href != $xf.uri">
                <xf:set var="$position" value="{{ $position + 1 }}" />
                <xf:macro name="crumb"
                    arg-position="{$position}"
                    arg-href="{$breadcrumb.href}"
                    arg-value="{$breadcrumb.value}" />
            </xf:foreach>

        </xf:contentcheck>
        </ul>
    </xf:if>
</xf:macro>

<xf:macro name="crumb" arg-href="!" arg-value="!" arg-position="{{ 0 }}">
    <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
        <a href="{$href}" itemprop="item">
            <span itemprop="name">{$value}</span>
        </a>
        <xf:if is="$position"><meta itemprop="position" content="{$position}" /></xf:if>
    </li>
</xf:macro>

 

[grisha2217]

Можно поиграться через CSS.
Скрыть все элементы кроме первого и последнего

 

[Blef]

Можно поиграться через CSS.
Скрыть все элементы кроме первого и последнего

Через css пробовал, что-то не пошло.
Но сделал так:

    .breadcrumb .crust:first-child a.crumb,
    .breadcrumb .crust.firstVisibleCrumb a.crumb
    {
        display: none;
    }

И в шаблоне breadcrumb закомментировал эту часть кода:

            <!--<xen:if is="{$showHomeLink}">
                <span class="crust homeCrumb"{xen:if $microdata, ' itemscope="itemscope" itemtype="http://data-vocabulary.org/Breadcrumb"'}>
                    <a href="{$homeLink}" class="crumb"{xen:if $microdata, ' rel="up" itemprop="url"'}><span{xen:if $microdata, ' itemprop="title"'}>{xen:phrase home}</span></a>
                    <span class="arrow"><span></span></span>
                </span>
            <xen:elseif is="{$selectedTabId} != {$homeTabId}" />
                <span class="crust homeCrumb"{xen:if $microdata, ' itemscope="itemscope" itemtype="http://data-vocabulary.org/Breadcrumb"'}>
                    <a href="{$homeTab.href}" class="crumb"{xen:if $microdata, ' rel="up" itemprop="url"'}><span{xen:if $microdata, ' itemprop="title"'}>{$homeTab.title}</span></a>
                    <span class="arrow"><span></span></span>
                </span>
            </xen:if>
          
            <xen:if is="{$selectedTab}">
                <span class="crust selectedTabCrumb"{xen:if $microdata, ' itemscope="itemscope" itemtype="http://data-vocabulary.org/Breadcrumb"'}>
                    <a href="{$selectedTab.href}" class="crumb"{xen:if $microdata, ' rel="up" itemprop="url"'}><span{xen:if $microdata, ' itemprop="title"'}>{$selectedTab.title}</span></a>
                    <span class="arrow"><span>&gt;</span></span>
                </span>
            </xen:if>-->

Будет время, ещё посмотрю как лучше сделать.

 

[grisha2217]

.crumbs .crust
{
    display: none;
}
.crumbs .crust:first-child,
.crumbs .crust:last-child,
{
    display: block;
}

 

[Blef]

Спасибо. Попробовал предложенный вариант, но всё же оставил свой.
В моём так же убирается и категория. В итоге отображается только 2 элемента - раздел и подраздел.
В вашем случае - 3. Мне для мобильной версии чем меньше, тем лучше.
Ещё посмотрю, может и до одной ссылки сокращу.

 

[grisha2217]

Blef, то, что вы закомментили - будет работать и для версии для ПК.

 

[Blef]

Blef, то, что вы закомментили - будет работать и для версии для ПК.

Я знаю. То что закомментил - это для всех версий.

Я выше не полностью привёл код css для мобильных:

@media (max-width:@maxResponsiveNarrowWidth) {
    
    .breadcrumb .crust:first-child a.crumb,
    .breadcrumb .crust.firstVisibleCrumb a.crumb
    {
        display: none;
    }
    
}

Этот код убирает первую ссылку (категорию).