Kategorie-Icon in horizontaler Kategorie-Navigation einbinden

Anonymous · 25. August 2017

Ich habe in der oberen dunklen horizontalen Kategorie-Navigation 4 Kategorieeinträge (1. Ebene). im Backend habe ich diesen Kategorien auch die kleinen Kategorieicons (bei mir 16x16 px) vergeben. Die Icons werden jedoch leider nur in der vertikalen Kategorienavigation angezeigt - nicht oben in der schwarzen Leiste.

Hat jemand eine Anleitung, wie man die Kategorieicons oben in die waagerechte Hauptnavigation einbinden kann? Am besten vor dem Kategorienamen. Mir gehts dabei nur um die Kategorieicons der Kategorien der 1. Ebene (ohne Dropdown).

Danke,

Gruß Frank

Anonymous · 1. Dezember 2017

Das wüsste ich auch gerne.
Template Gambio 2 - auch gerne Unterkategorien
Bitte um Hilfe!!!

Anonymous · 20. Dezember 2017

Ist momentan im Template nicht vorgesehen sollte sich aber über eine eigene Anpassung am HTML realisieren lassen. Geht mal in die templates/Honeygrid/boxes/box_categories_top.html, erstellt davon eine Kopie und benennt diese box_categories_top-USERMOD.html.

Da drin findet ihr dann folgenden Code:
3.6.x.

Code:

<a class="dropdown-toggle" href="{$categories_item.data.url}" title="{$categories_item.data.name|replace:"&amp;":"&"|replace:"&":"&amp;"|replace:'"':''|strip_tags}">
                            {$categories_item.data.name|replace:"&amp;":"&"|replace:"&":"&amp;"}{if $categories_item.data.products_count} ({$categories_item.data.products_count}){/if}
                        </a>

3.7.x

Code:

{block name="box_categories_top_categorie"}
                                            <a class="dropdown-toggle" href="{$categories_item.data.url}" title="{$categories_item.data.name|replace:"&amp;":"&"|replace:"&":"&amp;"|replace:'"':''|strip_tags}">
                                                {block name="box_categories_top_categorie_name"}
                                                    {$categories_item.data.name|replace:"&amp;":"&"|replace:"&":"&amp;"}
                                                {/block}
                                                {if $categories_item.data.products_count}
                                                    {block name="box_categories_top_categorie_count"}
                                                        ({$categories_item.data.products_count})
                                                    {/block}
                                                {/if}
                                            </a>
                                        {/block}

Das passt ihr dann auf folgendes an:
3.6.x.

Code:

<a class="dropdown-toggle" href="{$categories_item.data.url}" title="{$categories_item.data.name|replace:"&amp;":"&"|replace:"&":"&amp;"|replace:'"':''|strip_tags}">
                            {if $categories_item.data.icon && $categories_item.data.icon|strpos:"item_ltr" == false}<img src="{$categories_item.data.icon}" alt="" class="cat-image"/>{/if}
                            {$categories_item.data.name|replace:"&amp;":"&"|replace:"&":"&amp;"}{if $categories_item.data.products_count} ({$categories_item.data.products_count}){/if}
                        </a>

3.7.x.

Code:

{block name="box_categories_top_categorie"}
                                            <a class="dropdown-toggle" href="{$categories_item.data.url}" title="{$categories_item.data.name|replace:"&amp;":"&"|replace:"&":"&amp;"|replace:'"':''|strip_tags}">
                                                {if $categories_item.data.icon && $categories_item.data.icon|strpos:"item_ltr" == false}
                                                    <img src="{$categories_item.data.icon}" alt="" class="cat-image"/>
                                                {/if}                                           
                                                {block name="box_categories_top_categorie_name"}
                                                    {$categories_item.data.name|replace:"&amp;":"&"|replace:"&":"&amp;"}
                                                {/block}
                                                {if $categories_item.data.products_count}
                                                    {block name="box_categories_top_categorie_count"}
                                                        ({$categories_item.data.products_count})
                                                    {/block}
                                                {/if}
                                            </a>
                                        {/block}

Danach speichern und die Caches des Shops leeren. Es kann sein, dass noch CSS notwendig ist, damit das richtig aussieht, das habe ich gerade nicht getestet.