Warenkorb-Anzeige neben Menü beim Scrollen/Fade-In

Ich hoffe ihr wisst was ich damit meine.

Wenn man am Handy nach unten scrollt, wird das Menü ganz oben angezeigt.
Jetzt wäre toll, wenn quasi float:right, das Warenkorbsymbol angezeigt wird.

Hat da jemand eine Idee dazu?

Leider nein. Vorlage?

1 Like

Ich hab ne Vorlage erstellt.
Ist jetzt zwar für die Desktop-Version.
Aber egal.

Welche Datei regelt denn das Fade-In?

Hier ein Beispiel anhand eines Online-Shops -> www.koelle-zoo.at

ich glaube, ich habe es jetzt verstanden: du willst den Warenkorb-Icon rechts in der Navbar haben?

Füge mal den folgenden Code in der categorylist.tpl zwischen [{/block}] und </div></nav> ein:

<div class="navbar-header justify-content-end">
    <a href="[{oxgetseourl ident=$oViewConf->getSelfLink()|cat:'cl=basket'}]">
        <i class="fa fa-shopping-cart fa-lg" aria-hidden="true"></i>
    </a>
</div>

Ne, nicht wirklich.

Denn

  1. Ist das Icon die ganze Zeit sichtbar.
  2. Wird die Anzahl überhaupt nicht angezeigt.

Hab aber in dieser Datei folgenden Code gesehen:

<ul class="nav navbar-nav navbar-right fixed-header-actions">

                        [{block name="categorylist_navbar_minibasket"}]
                            [{include file="widget/header/menubasket.tpl"}]
                        [{/block}]

                        <li>
                            <a href="javascript:void(null)" class="search-toggle" rel="nofollow">
                                <i class="fa fa-search"></i>
                            </a>
                        </li>

                    </ul>

Und diesen braucht man nur anzupassen.
Das ist dann die Lösung.

Bei mir gab es bis jetzt kein Fade-IN von diesem Icon, da ich folgendes in der CSS hatte:

#mainnav .fixed-header-actions {
display: none !important;
}

Ok, funktioniert noch nicht ganz richtig.

Am Laptop passt es.
Nur am Smartphone nicht.
Siehe Screenshot.

Hätte jemand eine Idee?

Das Warenkorb-Icon sollte rechts neben “Menü öffnen” angezeigt werden.

Hab es nun selbst hinbekommen.