PreisBox (top:) Positionierung in Artikelinfo

Thema wurde von Anonymous, 31. Oktober 2018 erstellt.

  1. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    31. August 2017
    Beiträge:
    63
    Danke erhalten:
    9
    Danke vergeben:
    29
    Moin Moin :)

    Dann gebe ich mal mein Foren Debut. Wir steigen von modified auf Gambio um, was schon seit Jahren geplant ist und nun entlich zur Durchführung kommt. Vieles neu, sehr vieles besser, sehr sehr viele Fragen...

    1. Wie schaffe ich es das die PreisBox auf der Artikelinfoseite zu begin auf der selben höhe (oberkannte auf einer line mit dem Artikelbild) ist? Die Preisbox soll dann aber mitscrollen.


    Laut CSS .product-info .product-info-details, ist "top: -38px;" angegeben. Also hab ich dieses mit "top: 0px;" überschrieben. Funktioniert aber NUR solange die Box nicht mitscrollt.

    In der /templates/Honeygrid/module/product_info/standard.html Zeile: 79

    PHP:
    <div class="product-info-details col-xs-12 col-md-4" data-gambio-widget="{if $stickybox}stickybox {/if}cart_handler product_min_height_fix">
    Scheint der Befehl (data-gambio-widget="stickybox") einen Style zu setzten.
    Ohne scrollen (style="top: -40px;") welche sich beim scrollen auf (style="top: 15px; position: fixed;...) ändert.

    Frage: wo wird die "top: -40px;" definiert bzw. wie kann ich diese auf "0" bekommen solange nicht gescrollt wird?

    Vielen Dank und Gruß Alex ;)
     

    Anhänge:

  2. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    Willkommen im Forum.
    Der Wert "-40px" ist Dynamisch und passt sich an.
    Wenn Du nach unten scrollst müsstest Du sehen, das der sich ändern.
    Schaltest Du die Product-Navigation ein, die über dem Bild liegt, ändert sich der Startwert auch.
    (bei mir ist es z.B. -113px)
    Trägst Du da jetzt eine feste Größe ein, kann die nicht mehr scrollen.

    Ich glaube gesteuert wird das über
    templates/Hoineygrid/javascript/engine/widget/product_min_height_fix.js
    bin mir aber nicht sicher

    Wenn Du da etwas änderst, kann es Dir auch passieren, dass die Box nicht über dem Footer / Cross-Sell-Artikeln stoppt, sondern sich über diese schiebt.
     
  3. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    31. August 2017
    Beiträge:
    63
    Danke erhalten:
    9
    Danke vergeben:
    29
    Danke für deine schnelle Antwort.

    Das dieses Dynamisch über ein javascript gesteuert wird hab ich mir schon fast gedacht.
    Nur hab ich noch nicht raus welches... :(

    Ich dachte ich mache es mir leicht und arbeite da einfach etwas mir CSS zb. "margin-top: 40px;" gegen an. Aber da ist das script mal wieder schlauer als ich und setzt den "top" dann auf "-80px" :mad:...

    Da Java noch nie mein´s war, lese ich mich da jetzt auch nicht rein.
    Erstmal den Shop Online bringen und dann spiel ich da weiter.

    Danke Dir dennoch! :D
     
  4. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    31. August 2017
    Beiträge:
    63
    Danke erhalten:
    9
    Danke vergeben:
    29
    Ich hasse es, wenn man im Forum etwas sucht, einen passenden Beitrag findet, aber die Lösung dann offen bleibt...
    Da ich die zu meinem Kosmetik Problem jetzt selbst finden konnte, hier mein WayToDo:

    /templates/Honeygrid/assets/javascript/engine/widgets/stickybox.min.js

    Code:
    offsetTopReferenceSelector:"#breadcrumb_navi, .product-info"
    geändert in

    Code:
    offsetTopReferenceSelector:".product-info"
    Und jetzt schaut es so aus wie ich es haben wollte (bündig).
    Die PreisBox scrollt noch und stoppt auch wieder passend.

    Frage: Gibt es eine Möglichkeit die „stickybox.min.js“ auch als UserMod zu behandeln, damit die Änderung bei einem Update nicht übergebügelt wird?