Responsive Template für Modified

[Markus]

Hi Timm,

doch nochmal eine Korrektur .... so muss das ganze dann aussehen ...

Code: CSS  [Auswählen]

#horizontalAccordion ul.resp-tabs-list {
  display:none !important;
}
#horizontalTab ul.resp-tabs-list {
  list-style-type:none;  
}
#horizontalTab ul.resp-tabs-list li {
  display: inline-block;
}

Markus

[Timm]

Aber an der selben Stelle oben vor Body im Punkt "2. Start Globals" ?

Gruß Timm

[Markus]

Hi Timm,

korrekt ... einfach das vorherige mit dem neuen hier ersetzen.

Markus

[Timm]

Hallo Markus

Ich kann keinen Unterschied zwischen den letzten beiden Lösungen feststellen, aber beide sind besser als die ursprüngliche, wo man die radiobuttons extrem gesehen hat.

Im Demoshop zappelt das nun recht wenig. In meinem Testshop ist das aber noch immer sehr stark. Das liegt anscheinend daran, dass zuerst die Inhalte der Boxen (Beschreibung des Zahlungsmoduls) statt der dunkleren Überschriftenboxen geladen werden.

Im Demoshop gibt es bei Paypal plus nur ein Logo, in meinem Shop und sicher vielen anderen produktiven aber 4. Und ich hab bei Vorkasse ein Logo innerhalb der Beschreibung.

Je nach dem welche Module man deaktiviert oder in der Reihenfolge verändert, kann man das recht gut sehen.

Wenn vorkasse bei mir aus ist, dann sehe ich den Beschreibungstext von Paypal Plus (aber nicht dessen 4 Logos) beim nachladen, obwohl es nicht das ersteZahlungsmodul ist.

Wenn vorkasse aktiviert, aber an späterer Position ist, dann sehe ich eigentlich immer das vorkasselogo mit dem Beschreibungstext kurz aufblitzen. Kann durchaus sein, dass das Logo zu groß ist.

Deshalb denke ich, dass die Beschreibungstexte zuerst geladen werden.

Da könnte man also ansetzen, wenn man denn wöllte. Ich denke bei einmaligem laden der checkout_payment fällt das zwar auf, aber stört einen Durchschnittskunden vermutlich nicht, wenn er vorher ne halbe Stunde Produkte in den Warenkorb gelegt hat und nun nur noch bezahlen möchte. Bei mehrmaligem laden nacheinander fällt das natürlich stärker auf, macht aber sicher kaum einer.

Komischerweise ist das bei mir stärker obwohl die Parsetime der checkout_payment im Dev Demoshop 1,6s ist und in meinem Testshop nur 0,5s.

Gruß Timm

[Markus]

Hi Timm,

ich kann das nicht nachvollziehen.

Das erste CSS Schnipsel hat zwar funktioniert, hatte aber den Nachteil, dass bei den Tabs die Reiter nicht mehr zu sehen waren weil eben auf "display:none". Deswegen hatte ich das dahingehend umgeschrieben, dass das ganze nur für ein "Accordion" zündet.
Der 2. und der 3. Eintrag sorgen eigentlich nur dafür, dass bei den "Tabs" keine Listenpunkte angezeigt werden und diese auch hintereinander ausgegeben werden und nicht untereinander. Denn das würde wieder zu "gezappel" führen. Das könnte man aber auch weg lassen. Mehr passiert hier nicht.

Das hat auf das Laden keinerlei Auswirkungen. Ich vermute jetzt einfach mal dass bei dir das Javascript für die Tabs einfach später zündet weshalb es dann zu diesem Effekt kommt.

Markus

[Timm]

Markus hat das Problem mit den aufblitzenden Zahlungsartenlogos in der checkout_payment bei mir gelöst und im Demoshop integriert. Sollte also mit der nächsten Shopversion gehen und das Problem ist gelöst. Danke dir.

Gruß Timm

[Timm]

@Hanspeter
Danke dir vielmals für die bisherige Lösung für den Anker beim Filter beim neuladen von Seiten, ändern einer Auswahl in der Filterbar, oder Klick auf eine paginierte Seite. Vor allem für die aufwendigere Lösung wegen meiner sticky navbar.

Leider funktionierte diese Lösung in 2.0.5.0 nicht mehr ohne Anpassungen und ich konnte es selbst nicht anpassen. Auf meine Frage dazu in diesem Thread kam leider keine Antwort, vielleicht auch, weil ich nur dich direkt angesprochen hatte. Ich habe das deshalb anpassen lassen.

@all
Wer auch beim neuladen der Seite durch Filterauswahl, paginierte Seiten oder Wechsel auf Box oder Listenansicht den Kunden nicht erst zu den Produkten scrollen lassen müssen will, der findet zum Preis von zwei Tüten Kaffee nun ab Shopversion 2.0.5.0 eine updatesichere Lösung bei Timo Paul von Shopmodulepunktbiz. die auch mögliche sticky Elemente berücksichtigt als Systemmodul.

Gruß Timm

[fritten_fahrer]

Hallo zusammen,

wenn ein (BX) Slider genutzt wird z.B. für Bestseller oder auch für neue Produkte ensteht ein Problem auf dem Smartphone. In dem Bereich kann nicht nach unten gescrollt werden mit dem Finger.

Gibt es dafür eine Lösung?

Shopversion 2.0.5.0
Responsive Template

Viele Grüße
Chris

[Timm]

@Markus

Kann das auf einem iPhone nachstellen. Bei meinem magicscroll slider für die Bestseller passiert das nicht. Vielleicht kann man sich da was abgucken.

Gruß Timm

[hpzeller]

Hallo Chris,

wenn du in der Datei templates/tpl_modified_responsive/javascript/extra/bxslider.js.php folgenden Code

Code: XML  [Auswählen]

    $('.bxcarousel_bestseller').bxSlider({
      nextText: '<i class="fas fa-chevron-right"></i>',
      prevText: '<i class="fas fa-chevron-left"></i>',
      minSlides: 2,
      maxSlides: 8,
      pager: ($(this).children('li').length > 1), //FIX for only one entry
      slideWidth: 124,
      slideMargin: 18
    });

mit diesem ersetzt,

Code: XML  [Auswählen]

    $('.bxcarousel_bestseller').bxSlider({
        nextText: '<i class="fas fa-chevron-right"></i>',
        prevText: '<i class="fas fa-chevron-left"></i>',
        minSlides: 2,
        maxSlides: 8,
        pager: ($(this).children('li').length > 1),
        touchEnabled: false,
        slideWidth: 124,
        slideMargin: 18
    });

dann kannst du auf dem Smartphone im Bereich des Bestseller Sliders mit dem Finger vertikal scrollen, aber dafür funktioniert das horizontale Scrollen des Sliders nicht mehr, und zwar weder mit der Maus noch mit dem Finger (Smartphone).

Gruss
Hanspeter

[Markus]

Hi

ich kanns auch nachstellen ... da muss ich mal schauen wie wir das am besten fixen.

Markus

[Markus]

Hi Chris,

kannst du mal bitte die beigefügte Datei verwenden.
Die kommt nach:
/templates/tpl_modified_responsive/javascript/

Die aktuelle einfach vorher sichern und dann die neue hochladen.

Bei mir funktioniert es damit sowohl horizontal als auch vertikal.

Markus

[Tomcraft]

Funktioniert damit perfekt! Der bxSlider ist klickbar und scrollbar, sowohl für den Slider, als auch vertikal für den Seiteninhalt.

Woher hast du die Version?

Grüße

Torsten

[fritten_fahrer]

Hallo Markus,

das funktioniert einwandfrei auf dem iPhone und iPad. Vielen lieben Dank!!!

Gruß
Chris

[Markus]

Hi,

wunderbar ... ist in  r12597 korrigiert. 

Markus