Infinite Scroll für Gambio 3.7 – 4.9

Traumhafte Benutzererfahrung auf Smartphone, Tablet und Desktop: Infinite Scroll lässt Ihre Kunden auf sanften Schwingen durch Ihr Sortiment gleiten. Mehr Speed und intuitive Bedienbarkeit stellen Ihre Produkte deutlich in den Vordergrund.

Benutzerfreundlich navigieren

Infinite Scroll ist eine besondere Form von Lazy Loading. Es spart Klicks und sorgt für kürzere Ladezeiten. Insbesondere Kunden mit Mobilgeräten profitieren von diesen Vorteilen. Weitere Pluspunkte:

  • Lädt zum Stöbern ein
    Prädestiniert für Shop-Kategorien: Am vermeintlichen Seitenende warten bereits die nächsten Artikel auf Ihre Shop-Besucher.
  • Intuitiv zu bedienen
    Statt mühsamer Suche nach dem kleinen „»“ Icon erscheinen die nächsten Verlockungen wie von Zauberhand.
  • Hat sich bewährt
    Ihre Kunden kennen das Prinzip von Facebook, Instagram, Pinterest und Twitter. Je mehr Ihr Shop den üblichen Web-Gepflogenheiten entspricht, desto weniger lenkt von der Kaufabsicht ab. Getreu dem Usability-Klassiker: Don’t make me think!

Wo Licht ist, ist meist auch Schatten. User-Experience-Spezialistin Friederike Waterstrat hat einen äußerst lesenswerten Artikel über die Vor- und Nachteile der verschiedenen Möglichkeiten veröffentlicht: Pagination vs. Infinite Scrolling – Wie Sie Ihren Kunden „Mehr“ geben.

Infinite Scroll in Aktion? Eine von Googles John Mueller höchstpersönlich ins Web gestellte Testseite verdeutlicht die Funktionsweise: http://scrollsample.appspot.com/items

Apropos Google: Wie verträgt sich das nützliche Feature mit Ihrem Bestreben, dass alle Artikel gut auffindbar sind?

Infinite Scroll & SEO

Wie immer gilt die Faustregel: Was die Benutzererfahrung verbessert, ist auch gut für die Suchmaschinenoptimierung. Bereits 2014 äußern sich John Mueller et al. im offiziellen Google Search Central Blog sehr positiv über Infinite Scroll.

Das Modul folgt denjenigen von Googles Empfehlungen, die fürs Navigieren durch die Gambio-Kategorien echten Mehrwert bieten. Die technischen Hintergründe entnehmen Sie gerne dem Blog-Beitrag Googlebots Abenteuer in den Gambio-Kategorien.

Infinite Scroll in Ihrem Shop

1-Klick-Installation

Infinite Scroll Jetzt installieren
1-Klick-Installation

Das Modul ist zur unkomplizierten 1-Klick-Installation via kostenloser 📥 Modulverwaltung verfügbar. Es ist wirklich nur ein Klick und schon ist das Modul aktiv.

Mehr anzeigen, Infinite Scroll für Gambio
Kostenlose Testversion

Das gilt ebenso für die kostenlose Testversion des Moduls. Diese ist voll funktionsfähig. Im Gegensatz zur Vollversion benötigen Sie jedoch den ionCube-Loader und kommen in den Genuss dezenter Hinweise auf Werbe-Markt.de unterhalb der Artikellisten. Nach Erwerb des Moduls klicken Sie in der Modulverwaltung einfach auf Vollversion installieren und schon sind die Verweise verschwunden. Zuvor getätigte Einstellungen bleiben dabei natürlich erhalten.

Egal ob Test- oder Vollversion: Die Feinjustierung nehmen Sie im neuen Menüpunkt Inhalte > Infinite Scroll vor.

Usability feinjustieren

Infinite Scroll Einstellungen
Kategorien übersichtlicher gestalten

Durch 7 Häkchen gestalten Sie Kategorieseiten noch übersichtlicher und legen fest, welche der beiden Infinite-Scroll-Varianten die Benutzerfreundlichkeit steigert.

Automatisch nachladen

Mehr anzeigen Button unter Artikeln
Klicken statt automatisch laden

Wenn aktiviert werden weitere Artikel automatisch geladen, sobald das Ende der geladenen Auflistung erreicht ist. Alternativ klicken Ihre Nutzer auf den Button Mehr anzeigen.

Mehr-anzeigen-Button mit weißer Schrift und orangem Hintergrund
Button-Layout anpassen

Das Button-Layout entspricht im Auslieferungszustand dem Gambio-Standard-Button. Dank eigener ID ist er einfach dem Shop-Layout anzupassen:

#wmInfiniteScrollLoadMoreButton{
  background: #F29104;
  color: #FFFFFF;
}

Standard-Pagination entfernen

Buttons mit den Ziffern 1-8 und ein Pfeil nach rechts
Die Standard-Pagination können Sie ausblenden oder beibehalten.

Entfernt die nunmehr überflüssige Blätter-Funktion (Seite 1, 2, 3…). Möchten Sie Ihren Nutzern die Wahl lassen, ob Mehr anzeigen oder traditionell blättern, bieten Sie einfach beide Möglichkeiten.

Bei der products_new.php und specials.php bindet Gambio die Pagination so ein, dass der Overload des Moduls sie nicht entfernen kann. Man kann sie aber einfach via CSS ausblenden:

body.page-products-new .panel-pagination{
  display: none;
}
body.page-specials .panel-pagination{
  display: none;
}

Anzahl-pro-Seite-Auswahl entfernen

Auswahlfeld 12 pro Seite, 24 pro Seite etc.
Unnötige Ablenkung entfernen

Setzen Sie das Häkchen, um die Auswahl zu entfernen, wie viele Ergebnisse pro Seite angezeigt werden sollen. Wenn Sie die Standard-Pagination entfernen, können Sie getrost auch diese Option aktivieren. Denn es werden schlicht alle Artikel auf einer Seite präsentiert.

Darstellungsoptionen entfernen

Icon mit 3x3 Punkten links und Icon mit andeuteter Liste rechts
Muss man wirklich zwischen Liste und Kachel wechseln können?

Entfernt die Umschaltoption für Listen-/Kachelansicht. Dies ist völlig unabhängig von Infinite Scroll, aber eine gefragte Option, um Kategorien übersichtlicher zu gestalten.

Optionen zur Sortierung entfernen

Auswahlfeld Sortieren nach Preis aufsteigend, Preis absteigend usw.
Auch die Option zur Sortierung können Sie bei Bedarf entfernen.

Entfernt die Auswahl Sortieren nach z.B. Preis oder Einstellungsdatum. Auch dies sorgt für mehr Übersicht, richtet den Fokus stärker auf die Produkte, nimmt Nutzern aber eine u.U. sinnvolle Funktion.

Denn: Natürlich funktioniert die Sortierung auch mit Infinite Scroll. Die Artikel werden zwar durch andere Auslöser, aber weiterhin in der gewünschten Reihenfolge geladen.

Hersteller-Filter entfernen

Auswahlfeld Alle Hersteller, Testhersteller, Werbe-Markt.de
Herstellter-Filter überflüssig? Dann einfach entfernen.

Entfernt die Möglichkeit, Artikel in Kategorien nach bestimmten Herstellern zu filtern. Unabhängig von Infinite Scroll ist dies eine sinnvolle Option, wenn Hersteller bzw. Marken in Kategorien keine Rolle spielen.

Seiteninformationen entfernen

1 bis 12 (von insgesamt 15)
Text ohne Mehrwert entfernen.

Entfernt die Anzeige 1 bis 9 (von insgesamt 9). unterhalb der Artikelauflistung, deren Mehrwert auch ohne Infinite Scroll fraglich ist.

Einzelne Kategorien ausschließen

Kontrollkästchen Infinite Scroll für diese Kategorie deaktivieren
Standarddarstellung für einzelne Kategorien beibehalten.

Infinite Scroll und die Einstellungen erstrecken sich automatisch über alle Kategorien. Möchten Sie einzelne Kategorie davon ausschließen, aktivieren Sie die Option. Anschließend setzen Sie auf der Kategorie-bearbeiten-Seite das Häkchen, um für eine Kategorie die Standard-Pagination beizubehalten.

Loading Spinner

So sehr Infinite Scroll das Surferlebnis in den Kategorien auch beschleunigt: Ein paar Millisekunden dauert es, bis die nächsten Produkte geladen sind. Als Loading Spinner wählen Sie eine kleine Animation, die den Nachlade-Vorgang intuitiv ersichtlich macht.

Für Gambio 3.7 – 4.9

Wie Vollversionen meiner Gambio Module ist auch das Infinite Scroll Modul…

  • Quelloffen (kein ionCube erforderlich) & „Update-sicher“
  • 12 Monate Updates inklusive Gambio-Modul-Updates
  • Download-Link bzw. Freischaltung in der Modulverwaltung automatisch nach Zahlungseingang

Siehe oben: Die kostenlose Testversion enthält einen Verweis auf das Modul bei Werbe-Markt.de im Bereich der nachgeladenen Artikel.

Nein. Das Infinite Scroll Modul steht ausschließlich für selbst-gehostete Shops zur Verfügung. Im Blog finden Sie eine Liste der beliebtesten Gambio Hosting Anbieter.

Ja 🙂 Bestellen Sie das Infinite Scroll Modul zusammen mit einem weiterne Modul, gibt es 15% Rabatt auf beide. Insgesamt sind bis zu 25% Rabatt möglich.

Gambio Infinite Scroll
  • Mit weniger Klicks & kürzerer Ladezeit durchs Sortiment
  • Für Gambio 3.7 – 4.9
  • 12 Monate Updates inklusive

99,00 117,81 € inkl. 19% MwSt.


#1 Bestsellerin Design 302aktive Installationen Gambio 3.7 – 4.9kompatibel

  • Erstveröffentlichung:
  • Zuletzt aktualisiert:
  • Aktuelle Version: 1.1.9

Das Modul erweitert die Vorlagen für Artikelübersicht, um die Artikelauflistung für bei Nachladen zu extrahieren. Wenn Sie eigene Vorlagen verwenden, gibt es prinzipiell 3 Lösungsmöglichkeiten.
Theme:

  1. Wenn es keinen Grund für die Verwendung einer anderen Vorlage für die Artikelübersicht gibt, wählen Sie die product_listing_v1.html oder product_listing_v1.0.html aus.
  2. Kopieren Sie die GXModules/Werbe-Markt/WMInfiniteScroll/Shop/themes/All/product_listing_template_product_listing_v1.html dem Namen Ihrer Vorlage entsprechend im selben Verzeichnis, damit Ihre individuelle Vorlage ebenfalls überladen wird.
  3. Fügen Sie den Inhalt aus der GXModules/Werbe-Markt/WMInfiniteScroll/Shop/themes/All/product_listing_template_product_listing_v1.html in Ihre Vorlage ein.

Alle 3 Varianten sind update-resistent, bleiben also sowohl bei Gambio- als auch Modul-Updates erhalten.

Honeygrid-Template:
Für das Honeygrid-Template gilt prinzipiell dasselbe, außer: Standardmäßig gibt es nur die Vorlage product_listing_v1.html. Der Overload zwecks Kopieren der Datei oder Einfügen in die eigene Vorlage liegt unter GXModules/Werbe-Markt/WMInfiniteScroll/Shop/Templates/Honeygrid/module/product_listing/product_listing_v1.html.