Malibu Breadcrumb und Kategoriebild über Kategorien links und Produktliste

Thema wurde von saschadd, 24. Oktober 2023 erstellt.

  1. saschadd
    saschadd Erfahrener Benutzer
    Registriert seit:
    24. März 2015
    Beiträge:
    247
    Danke erhalten:
    16
    Danke vergeben:
    39
    #1 saschadd, 24. Oktober 2023
    Hallo,

    ich versuche nachzubauen wie im Malibu-Testshop https://demo.gambio-shop.de/shop4/accessoires/
    die Breadcrumb-Navigation und das Kategoriebild über die linke Menüspalte mit den Kategorien und die Produktliste rechts gebaut wurden.

    Ich kann nachvollziehen, dass Breadcrumb und Kategoriebild auf die ganze Breite gezogen wurden und die Kategorieleiste links nach unten geschoben wurde, aber bei den vielen verschachtelten Formatierungen die die Webmastertools anzeigen blicke ich nicht so recht durch wo da der Unterschied ist.

    Ich hab jetzt schon im StyleEdit rumprobiert aber das scheint darüber nicht machbar zu sein.

    In meinem Malibu Theme ist links die Kategorieliste und die Boxen wie Paypal etc. direkt unter der Kategorieleiste oben quer zu sehen, rechts Kategoriebild und Beschreibung und Produkte.

    Im HTML-Code kommt die schmale linke Leiste aber nach der breiten rechten Seite, das ist mir irgendwie unklar wie das funktioniert.
    Ist die Logik bei divs nicht wie beim Schreiben von links nach rechts?
     

    Anhänge:

  2. Dominik Späte
    Dominik Späte Erfahrener Benutzer
    Registriert seit:
    16. Oktober 2018
    Beiträge:
    1.251
    Danke erhalten:
    1.143
    Danke vergeben:
    391
    #2 Dominik Späte, 25. Oktober 2023
    Hallo Sascha,

    der sichtbare Kategorieblock (Sonnenbrillen, Taschen, Uhren) im Testshop steht nicht in der linken Seitenleiste wie bei Dir. Die ist zwar ebenfalls vorhanden, aber via CSS ausgeblendet.

    Divs sind per default Blockelemente. Also die Standardrichtung ist eher von oben nach unten, was hier aber via float-Angabe im CSS geändert wird.

    Du findest den Code in der themes/Malibu/html/system/product_listing_template_product_listing_v1.html. Damit die Darstellung wie im Testshop erfolgt, müssen wohl Menüboxen ausgeblendet werden in den Kategorien, Unterkategorien müssen vorhanden sein, aber ehrlich gesagt bin ich bei $CAT_MENU_LEFT schon draußen, welche Einstellungen sich dahinter verbergen könnten:

    Code:
            {assign var="HIDE_MENUBOXES" value={template_setting name="gx-product-listing-full-width"}}
        {assign var="SHOW_SIDEBAR" value=FALSE}

        {if $HIDE_MENUBOXES}
            {if $CAT_MENU_LEFT}
                {if ($SHOW_ONLY_SUBCATEGORIES && $HAS_SUBCATEGORIES)}
                    {assign var="SHOW_SIDEBAR" value=TRUE}
                {/if}
                {if !$SHOW_ONLY_SUBCATEGORIES}
                    {assign var="SHOW_SIDEBAR" value=TRUE}
                {/if}
            {/if}
            {if $HAS_FILTERS}
                {assign var="SHOW_SIDEBAR" value=TRUE}
            {/if}
        {/if}

        {if !$HIDE_MENUBOXES}
            {assign var="SHOW_SIDEBAR" value=TRUE}
        {/if}

        {if $HIDE_MENUBOXES}
            {if $SHOW_SIDEBAR}
                <div class="row">
                <div class="product-listing-sidebar col-sm-4 col-md-3 col-lg-2">
                    {if $CAT_MENU_LEFT}
                        {menuboxes only="categories,filter"}
                    {else}
                        {menuboxes only="filter"}
                    {/if}
                </div>
                <div class="col-sm-8 col-md-9 col-lg-10">
            {/if}

            {if !$SHOW_LEFT_COLUMN && !$SHOW_SIDEBAR}
                <div class="product-listing-full-width">
            {/if}
        {/if}