Navigation Flyout mit Kategorie Thumbnails

Shopware 6 (German) Programmierung
1

Moin zusammen,

wir würden gerne in der Navigation vor den Subkategorie Titelnamen im Flyout das Kategoriebild ausgeben.
In Shopware 5 hatten wir dafür die entsprechende Variable und es war kein Problem… in Shopware 6 gestaltet sich das jetzt scheinbar schwieriger bzw. haben wir noch nicht die richtige Variable für die entsprechende Kategoriebild URL gefunden.

Aktuell sieht es wie folgt aus, nur leider bleibt der gewünschte Pfad zum Kategoriebild noch leer…

{% block layout_navigation_categories_item_link %}
    {% if treeItem.category.type == 'folder' %}
        <div class="nav-item nav-link navigation-flyout-link is-level-{{ level }}" title="{{ name }}">
            <span itemprop="name">{{ name }}</span>
        </div>
    {% else %}
        <a class="nav-item nav-link navigation-flyout-link is-level-{{ level }}{% if id == activeId or id in activePath %} active{% endif %}"
           href="{{ link }}"
           itemprop="url"
           {% if category_linknewtab(treeItem.category) %}target="_blank"
               {% if treeItem.category.linkType == "external" %}rel="noopener noreferrer"{% endif %}
           {% endif %}
           title="{{ name }}">
            <span itemprop="name">
                **<span style="vertical-align: left; display: table-cell; height:50px; min-width:50px;">**
**                    <img style="" src="{{ treeItem.category.media.url }}" width="50" height="50" />**
**                </span>**
                {{ name }}
            </span>
        </a>
    {% endif %}
{% endblock %}

Jemand eine Idee dazu? Wir wären auch für „kostenpflichtige“ Hilfe dankbar…

2

Hi

Ich habe dies gerade lokal bei mir getestet.
Zuerst hat es mir das Kategoriebild auch nicht angezeigt.
Hast du überall die Kategoriebilder gesetzt?

Ich habe dann zuerst versucht dies via Thumbnails zu laden, was funktioniert hatte.
Dann habe ich deine Lösung nochmals inkludiert und beides funktioniert.

Ich habe dies lokal ohne Cache gemacht und zur Sicherheit auch den Cache geleert.

php bin/console cache:clear

Dies ist der Code (zeigt beide Bilder bei mir an), der Thumbnail jedoch nicht in der richtigen Grösse.

                    <a class="nav-item nav-link navigation-flyout-link is-level-{{ level }}{% if id == activeId or id in activePath %} active{% endif %}"
                       href="{{ link }}"
                       itemprop="url"
                       {% if category_linknewtab(treeItem.category) %}target="_blank"
                       {% if treeItem.category.linkType == "external" %}rel="noopener noreferrer"{% endif %}
                        {% endif %}
                       title="{{ name }}">
                        <span itemprop="name" style="vertical-align: left; display: table-cell; height:25px; min-width:25px;">
                            <img style="" src="{{ treeItem.category.media.url }}" width="50" height="50" />

                            {% sw_thumbnails 'navigation-flyout-teaser-image-thumbnails' with {
                                media: treeItem.category.media,
                                sizes: {
                                    'default': '25px'
                                }
                            }
                            %}
                            {{ name }}
                        </span>
                    </a>
3

Hi!

Vielen Dank, auch wenn’s bei uns leider nach wie vor nicht funktioniert… sehr merkwürdig :confused:

Kategoriebilder sind gesetzt und Cache geleert.

4

Bei uns funktioniert es ohne Probleme auf dem Testsystem mit ZeiWs Version. Eben probiert Shopware 6.5.8.
Auch bei einer Erweiterung der Shopware-Divitis gab es kein Problem (2 spaltige Linknamen sah sonst doof aus)

<span itemprop="name">
<div>
<div style="float:left; padding-right:5px;">
 {% sw_thumbnails 'navigation-flyout-teaser-image-thumbnails' with {media: treeItem.category.media,
                                sizes: {
                                    'default': '45px'
                                }
                            }
                            %}
</div>
{{ name }}
</div>
 </span>
5

Hmm in einem anderen Shop von uns läuft es auch… dann muss Sherlock wohl nochmal auf Spurensuche gehen :face_with_monocle: