Скрытие последнего текстового блока в навигации навигации на мобильных телефонах - Prestashop - PullRequest
Новая
       10

Скрытие последнего текстового блока в навигации навигации на мобильных телефонах - Prestashop

0 голосов
/ 21 ноября 2018

Я хотел бы скрыть последний текстовый блок из навигация по хлебным крошкам на мобильных телефонах.

Пример (на странице продукта):

Notebooky> Adaptéry k notebookům> Adaptéry náhradní> Набивка на ноутбуке acer 19v 3.42a (5.5x1.7)

Я пытаюсь сделать так, чтобы это выглядело:

Notebooky> Adaptéry k notebookům> Adaptéry náhradní

Я уже пробовал некоторые CSS, Javascript и редактирование breadcrumb.tpl, но я не понимаю, как создаются хлебные крошки.

Может кто-нибудь помочь?Спасибо.

Код хлебной крошки Prestashop: 

<!-- Breadcrumb -->
{if isset($smarty.capture.path)}{assign var='path' value=$smarty.capture.path}{/if}
<div class="breadcrumb clearfix {if isset($warehouse_vars.breadcrumb_width) && $warehouse_vars.breadcrumb_width == 0}fullwidth-breadcrumb{/if}">
    {if isset($warehouse_vars.breadcrumb_width) && $warehouse_vars.breadcrumb_width == 0}<div class="container">{/if}
        <a class="home" href="{if isset($force_ssl) && $force_ssl}{$base_dir_ssl}{else}{$base_dir}{/if}" title="{l s='Return to Home'}"><i class="icon-home"></i></a>
    {if isset($path) AND $path}
        <span class="navigation-pipe"{if isset($category) && isset($category->id_category) && $category->id_category == (int)Configuration::get('PS_ROOT_CATEGORY')} style="display:none;"{/if}>{$navigationPipe|escape:'html':'UTF-8'}</span>
        {if $path|strpos:'span' !== false}
            <span class="navigation_page">{$path|@replace:'<a ': '<span itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a itemprop="url" '|@replace:'data-gg="">': '><span itemprop="title">'|@replace:'</a>': '</span></a></span>'}</span>
        {else}
            {$path}
        {/if}
    {/if}

        {if $page_name == 'product'}
        {hook h='productnavs'}
        {/if}

{if isset($warehouse_vars.breadcrumb_width) && $warehouse_vars.breadcrumb_width == 0}</div>{/if}
</div>

<!-- /Breadcrumb -->

Это HTML-код, сгенерированный Prestashop 

<div class="breadcrumb clearfix "> 
  <a class="home" href="https://powerparts.cz/" title="Zpět na hlavní stránku">
    <i class="icon-home"></i></a> 
  <span class="navigation-pipe">&gt;
  </span> 
  <span class="navigation_page">
    <span itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb">
      <a itemprop="url" href="https://powerparts.cz/457-notebooky/" title="Notebooky">
        <span itemprop="title">Notebooky
        </span></a>
    </span>
    <span class="navigation-pipe">&gt;
    </span>
    <span itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb">
      <a itemprop="url" href="https://powerparts.cz/50-adaptery-k-notebookum/" title="Adaptéry k notebookům">
        <span itemprop="title">Adaptéry k notebookům
        </span></a>
    </span>
    <span class="navigation-pipe">&gt;
    </span>Nabíječka na notebook acer 19v 3.42a (5.5x1.7)
  </span>
  <div id="productsnavpn" class="pull-right">
  </div>
</div>

Пример: https://i.imgur.com/VGbqRqg.png

enter image description here

1 Ответ

0 голосов
/ 22 ноября 2018

Предполагая, что вы можете использовать методы 1.6 или 1.7, здесь есть потенциальное решение (я не знаю, что входит в ловушку после $ page_name == 'product'): 

{if !isset($context)}
  {$context = Context::getContext()}
{/if}

<!-- Breadcrumb -->
{if isset($smarty.capture.path)}{assign var='path' value=$smarty.capture.path}{/if}
<div class="breadcrumb clearfix {if isset($warehouse_vars.breadcrumb_width) && $warehouse_vars.breadcrumb_width == 0}fullwidth-breadcrumb{/if}">
    {if isset($warehouse_vars.breadcrumb_width) && $warehouse_vars.breadcrumb_width == 0}<div class="container">{/if}
        <a class="home" href="{if isset($force_ssl) && $force_ssl}{$base_dir_ssl}{else}{$base_dir}{/if}" title="{l s='Return to Home'}"><i class="icon-home"></i></a>
    {if isset($path) AND $path}
        <span class="navigation-pipe"{if isset($category) && isset($category->id_category) && $category->id_category == (int)Configuration::get('PS_ROOT_CATEGORY')} style="display:none;"{/if}>{$navigationPipe|escape:'html':'UTF-8'}</span>
        {if $path|strpos:'span' !== false}
            <span class="navigation_page">{$path|@replace:'<a ': '<span itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a itemprop="url" '|@replace:'data-gg="">': '><span itemprop="title">'|@replace:'</a>': '</span></a></span>'}</span>
        {elseif !$context->isMobile() && $page_name == 'product'}
            {$path}
        {/if}
    {/if}

        {if $page_name == 'product'}
        {hook h='productnavs'}
        {/if}

{if isset($warehouse_vars.breadcrumb_width) && $warehouse_vars.breadcrumb_width == 0}</div>{/if}
</div>

<!-- /Breadcrumb -->
...