Categorie breadcrumb laten zien in plaats van customer journey

kohlokohlo Member Berichten: 22
19 juli aangepast in Thema's en maatwerk

Ik ben op zoek naar een manier om het categoriepad te tonen in de breadcrumb bovenaan de productpagina. Out of the box laat dit stukje de customer journey tot nu toe zien, dus als je gezocht hebt om bij het product te komen zie je dat daar staan. Rare keuze, maar daar is maatwerk voor ;)

Ik heb nu deze code:

<nav class="breadcrumbs desktop-only">
 <ol>
   <li><a href="{{ '' | url }}">{{ 'Home' | t }}</a></li>
{% for category in product.categories %}
{% if loop.first %}
<li><a href="{{ category.url | url }}">{{ category.title }}</a></li>
{% endif %}
{% endfor %}
 </ol>
</nav>

Dit laat de breadcrumb op deze manier zien: Home - Hoofdcategorie

Wat ik graag wil is natuurlijk: Home - Hoofdcategorie - Subcategorie - Subsubcategorie

Iemand enig idee?

4 reacties

  • kohlokohlo Member Berichten: 22
    12 oktober aangepast

    Voor mensen die hier ook naar op zoek zijn, het bleek dat het 'if loop.first' stukje niet nodig was. Dus dit is voldoende:

    <nav class="breadcrumbs">
     <ol>
       <li><a href="{{ '' | url }}">{{ 'Home' | t }}</a></li>
         {% for cat in product.categories %}
             <li><a href="{{ cat.url | url }}">{{ cat.title }}</a></li>
          {% endfor %}
     </ol>
    </nav>
    

    Het ziet er dan zo uit:

    Enige nadeeltje is wel dat je categoriestructuur netjes moet zijn, met meerdere hoofdcategorieen kan het een beetje rommelig worden.

  • JohanJJohanJ Member Berichten: 249 

    Ik ga hem binnenkort eens uitproberen.

  • JF85JF85 Member Berichten: 212 ✭

    @kohlo Thnx voor de tip. Kan je ook aangeven in welk bestand moet dat aangepast worden? Alvast bedankt voor je antwoord.

  • kohlokohlo Member Berichten: 22

    @JF85 hangt een beetje van je thema af, soms kan je hem in breadcrumbs.rain zetten. Als die niet bestaat, kun je hem gewoon op de juiste plek in product.rain plakken.

Log In of Registreer om te reageren.