From bd62a23854653182822a130c9ecc1e2ae4b5cd39 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:50:22 +0100
Subject: [PATCH 1/2] Use breadcrumbs to display categories

---
 templates/productList.html.twig | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/templates/productList.html.twig b/templates/productList.html.twig
index fec8a01..ac9c255 100644
--- a/templates/productList.html.twig
+++ b/templates/productList.html.twig
@@ -17,7 +17,7 @@
             <tr>
                 <td class="align-middle font-weight-bold h3"><a class="text-warning text-decoration-none"
                                                                 href="{{ path('app_star', {'productId': product.id}) }}">{% if product.starred == true %}★{% else %} ☆ {% endif %}</a></td>
-                <td class="align-middle" style="width: 120px;"><img src='{{ product.image }}&width=70' class='border rounded p-1' alt='{{ product.name }}'/></td>
+                <td class="align-middle" style="width: 120px;"><img src='{{ product.image }}&width=70' class='img-thumbnail' alt='{{ product.name }}'/></td>
                 <td class="align-middle">
                     <a href='{{ path('app_product', {'productId': product.id}) }}' class="text-decoration-none">{{ product.name }}</a>
                     {% if product.currentStock.stock > 0 %}
@@ -28,11 +28,14 @@
                     <span class="badge text-bg-light">{{ product.subTitle }}</span>
                 </td>
                 <td class="align-middle">
-                    <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 class="align-middle"><a href='https://pl.ryobitools.eu/{{ product.url }}'>link</a></td>
                 <td class="align-middle">{{ product.price.last.price | format_currency('PLN', {}, 'pl') }}</td>
-- 
2.52.0


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 2/2] 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 %}
-- 
2.52.0