Neu Icon bei einem Menüpunkt einbauen

[Fasala]

Hallo zusammen,

ich möchte gerne beim Megamenü bei einem Menüpunkt ein Icon vor die Bezeichnung setzen.
Sprich so sieht mein Menü aus:

Alle Schuhe - Damenschuhe - Herrenschuhe - Sommerschuhe - Sneakers - Sportschuhe

Hier soll jetzt bei Sommerschuhe ein Icon (welches darauf Hinweisen soll, dass dieser Menüpunkt neu ist) eingesetzt werden. Sprich:

Alle Schuhe - Damenschuhe - Herrenschuhe - [ICON] Sommerschuhe - Sneakers - Sportschuhe

Wie kann ich das umsetzen?

Vielen Dank für eure Hilfe.

Beste Grüße

 

[Mirko.Schmidt User deaktiviert]

Hallo,
es kann der Kategorie ein Kategorieattribut gegeben werden und dies wird dann im Template abgefragt und dementsprechend das Icon gesetzt.

 

[Fasala]

Vielen Dank, schon einmal. Ich habe mich nun mit den Kategorieattributen auseinandergesetzt. Bin aber leider immer noch nicht schlau geworden, wie ich das Icon ins Menü bekomme. Muss ich dafür eine Kategoriebox erstellen oder wie läuft das?

Gibt es vielleicht irgendwo eine passende Anleitung zur Umsetzung? Stehe leider völlig auf dem Schlauch, sry.

 

[Fasala]

Ich habe noch unter folgendem Beitrag die Info gefunden, dass Attribute nur auf der entsprechenden Ebene funktionieren:

https://forum.jtl-software.de/threads/kategorie-attribute-in-der-tpl.94144/#post-531731

Wird mir dann das Icon gar nicht auf der Startseite, etc. angezeigt, sondern nur in der Kategorie selbst?

 

[Mirko.Schmidt User deaktiviert]

Hallo,
das Megamenü ist davon unabhängig. Hier müsste die Datei ../snippets/categories_mega.tpl (über ein Child Template, Stand 4.06.6) in den Zeilen 33 - 36 bearbeitet werden. Zuvor:

<a href="{$category->cURL}"{if $isDropdown} class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="300" data-hover-delay="100" data-close-others="true"{/if}>
    {$category->cKurzbezeichnung}
    {if $isDropdown}<span class="caret"></span>{/if}
</a>

<a href="{$category->cURL}"{if $isDropdown} class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="300" data-hover-delay="100" data-close-others="true"{/if}>
    {if $category->KategorieAttribute.hasicon}
        <i class="fa fa-warning"></i>
    {/if}
    {$category->cKurzbezeichnung}
    {if $isDropdown}<span class="caret"></span>{/if}
</a>

Dann muss nur noch ein Kategorie Attribut in der Wawi angelegt werden unter Artikel > Attribute > Bereich Kategorie > Attribut anlegen > Funktionsattribut > Name 'hasicon', Datentyp 'Checkbox', Onlineshop Haken setzen und anschließend der Kategorie zu weisen.

 

[Fasala]

Hallo Mirko,

vielen Dank für deine schnelle und ausführliche Antwort. Das ist eine super Anleitung. Leider will er mir das Icon aber noch nicht anzeigen. Da es sich um ein individuelles Icon handelt, habe ich es als img reingeladen. Mein Code sieht wie folgt aus:

<a href="{$category->cURL}"{if $isDropdown} class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown"
data-delay="300" data-hover-delay="100" data-close-others="true"{/if}>
    {if $category->KategorieAttribute.hasicon}
        <img alt="" src="/mediafiles/Bilder/neu-tk.png" style="width: 45px; height: 28px;" />
    {/if}
    {$category->cKurzbezeichnung}
    {if $isDropdown}<span class="caret"></span>{/if}
</a>

Habe ich etwas falsch gemacht? Ich habe es auch schon probiert, das img in <i></i> zu packen, aber auch das hat nicht geholfen. Woran scheitere ich?

Vielen Dank für deine Mühe

 

[Mirko.Schmidt User deaktiviert]

Hallo,
am besten wäre es wenn du kurz nen Link zum Shop schickst. Ich vermute der Pfad ist einfach nur falsch, meine vor mediafiles dürfte kein / sein. Es dürfte vermutlich auch ein Fehler in der Browser Console erscheinen.

 

[itmentum]

Hallo,
das Megamenü ist davon unabhängig. Hier müsste die Datei ../snippets/categories_mega.tpl (über ein Child Template, Stand 4.06.6) in den Zeilen 33 - 36 bearbeitet werden. Zuvor:

<a href="{$category->cURL}"{if $isDropdown} class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="300" data-hover-delay="100" data-close-others="true"{/if}>
    {$category->cKurzbezeichnung}
    {if $isDropdown}<span class="caret"></span>{/if}
</a>

<a href="{$category->cURL}"{if $isDropdown} class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="300" data-hover-delay="100" data-close-others="true"{/if}>
    {if $category->KategorieAttribute.hasicon}
        <i class="fa fa-warning"></i>
    {/if}
    {$category->cKurzbezeichnung}
    {if $isDropdown}<span class="caret"></span>{/if}
</a>

Dann muss nur noch ein Kategorie Attribut in der Wawi angelegt werden unter Artikel > Attribute > Bereich Kategorie > Attribut anlegen > Funktionsattribut > Name 'hasicon', Datentyp 'Checkbox', Onlineshop Haken setzen und anschließend der Kategorie zu weisen.

Hallo, gibt es so eine Lösung zurzeit für JTL Shop 5 auch? Das Code sieht jetzt ganz anders aus.
Danke!

 

[MHillmann]

Hallo,

man kann es immer noch über ein Attribut machen wie Mirko beschreibt. Im Nova müsste man dann weiterhin in der categories_mega.tpl einhaken:
z. B. soetwas einfügen:

{if isset($category->getAttribute('hasicon'))}<i class="fa fa-cog mr-1"></i>{/if}

Einmal in den span mit der Klasse nav-mobile-heading, das sieht dann z.B. so aus:

<span class="nav-mobile-heading">{if isset($category->getAttribute('hasicon'))}<i class="fa fa-cog mr-1"></i>{/if}{$category->getName()}</span>

und dann noch im block "snippets-categories-mega-category-no-child" ebenfalls mit in den span.

Viele Grüße
Michael

 

[itmentum]

Hallo,

man kann es immer noch über ein Attribut machen wie Mirko beschreibt. Im Nova müsste man dann weiterhin in der categories_mega.tpl einhaken:
z. B. soetwas einfügen:

{if isset($category->getAttribute('hasicon'))}<i class="fa fa-cog mr-1"></i>{/if}

Einmal in den span mit der Klasse nav-mobile-heading, das sieht dann z.B. so aus:

<span class="nav-mobile-heading">{if isset($category->getAttribute('hasicon'))}<i class="fa fa-cog mr-1"></i>{/if}{$category->getName()}</span>

und dann noch im block "snippets-categories-mega-category-no-child" ebenfalls mit in den span.

Viele Grüße
Michael

Tausen Dank für die Rückmeldung, es hat geklappt.

ich habe noch eine Frage, und zwar ich möchte gerne den Warenkorb auf der Shop Seite anzeigen lassen, also entweder auf der Rechtensidbar oder auf der Linken mit Filterwidgets, gibt es sowas? dass ich vllt. den Wartenkorb was im Bestellvorgang angezeigt wird in der Shop Seite auch reinnehme?

Vielen Dank im Voraus!
VG

 

[MHillmann]

Gerne!

Es gibt eine Box: Warenkorb im Backend unter dem Menüpunkt Boxen/Footer. Diese zeigt allerdings nur an wieviele Artikel sich im Warenkorb befinden und bietet noch einen Link zum Warenkob.
Alle weiteren Wünsche müsste man über ein Plugin/Templateanpassungen regeln.

 

[itmentum]

Super, vielen Dank!