From d9740a86d0ac69138318ceb410b1cc13c95df7cf Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Krzysztof=20P=C5=82aczek?=
 <krzysztof.placzek@eobuwie.com.pl>
Date: Thu, 28 Nov 2024 11:51:14 +0100
Subject: [PATCH] Use breadcrumbs to display categories

---
 templates/product.html.twig     | 12 +++++++-----
 templates/productList.html.twig |  1 -
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/templates/product.html.twig b/templates/product.html.twig
index 3c01fe7..4d072b9 100644
--- a/templates/product.html.twig
+++ b/templates/product.html.twig
@@ -11,11 +11,13 @@
                 <span class="badge text-bg-light">{{ product.subTitle }}</span>
             </td>
             <td>
-                <ul class='nav'>
-                    {% for category in product.categories %}
-                        <li class="nav-item"><a class="nav-link" href="{{ path('app_category', {'category': category}) }}"> {{ category }} </a></li>
-                    {% endfor %}
-                </ul>
+                <nav aria-label="breadcrumb" style="--bs-breadcrumb-divider: '>';" >
+                    <ol class="breadcrumb">
+                        {% for category in product.categories %}
+                            <li class="breadcrumb-item" aria-current="page"><a class="breadcrumb-item text-decoration-none"  href="{{ path('app_category', {'category': category}) }}">{{ category }}</a></li></li>
+                        {%  endfor %}
+                    </ol>
+                </nav>
             </td>
             <td><a href='https://pl.ryobitools.eu/{{ product.url }}'>link</a></td>
         </tr>
diff --git a/templates/productList.html.twig b/templates/productList.html.twig
index ac9c255..e8ce0f3 100644
--- a/templates/productList.html.twig
+++ b/templates/productList.html.twig
@@ -28,7 +28,6 @@
                     <span class="badge text-bg-light">{{ product.subTitle }}</span>
                 </td>
                 <td class="align-middle">
-
                     <nav aria-label="breadcrumb" style="--bs-breadcrumb-divider: '>';" >
                         <ol class="breadcrumb">
                             {% for category in product.categories %}