Magento 2 Infinite Scroll Extension – Benutzerhandbuch

1.0 Einführung

Durch unendliches Scrollen werden Webseiteninhalte kontinuierlich geladen, während der Benutzer die Webseite nach unten scrollt. Grundsätzlich ist unendliches Scrollen die Technik des Webdesigns, um die Paginierung von der Website zu eliminieren. Magento 2 Infinite Scroll Extension von Knowband macht das gleiche. Es entfernt die Paginierungs- und Seitenladefunktion von der Website und erleichtert Ihren Magento Store-Besuchern die Navigation, um die nächsten Produkte anzuzeigen, ohne die Webseite neu zu laden.

1.1 Funktionen von Magento 2 Quick Scroll-Erweiterung:

  1. Die Magento 2 Infinite Scroll-Erweiterung ersetzt das Paginierungssystem von der Website.
  2. Die schnelle Scroll-Erweiterung von Magento 2 reduziert die Ladezeit der Website.
  3. Der Store-Administrator kann das “Agento 2” -Infinite-Scroll-Modul mit einem einzigen Knopfdruck aktivieren oder deaktivieren.
  4. Die Magento 2 Quick Scroll-Erweiterung bietet dem Administrator eine Sandbox-Testoption. Nach dem Aktivieren dieses Speichers muss der Administrator die spezifische IP-Adresse eingeben, um das Modul zu testen.
  5. Infinite Scroll für die Magento 2-Erweiterung sorgt für eine bessere Benutzererfahrung.
  6. Das Magento 2 Fast Scroll-Modul optimiert die Navigation auf der Website.
  7. Der Administrator kann die Anzahl der Seiten angeben, nach denen “Mehr laden” angezeigt wird. Der Store-Administrator kann auch die Ladegeschwindigkeit anpassen.
  8. Der Store-Administrator kann nach Abschluss der Produktliste eine Endseitennachricht anzeigen.
  9. Die endlose Bildlauferweiterung Magento 2 funktioniert problemlos sowohl mit Listenansichten als auch mit der Rasteransicht.
  10. Der Store-Administrator kann die Hintergrundfarbe und die Textfarbe der Endseitennachricht festlegen und zum oberen Link wechseln.
  11. Das Magento2 Infinite Scroll-Modul bietet dem Store-Administrator die Möglichkeit, die Selektoreinstellung hinzuzufügen.
  12. Das Magento 2 Infinite Scroll-Modul reagiert mobil.

2.0 Installationsschritte von Infinite Scroll für Magento 2-Erweiterung:

Die Schritte zum Installieren der Magento 2 Quick Scroll-Erweiterung sind nachstehend aufgeführt:

1. Kaufen Sie die Infinite-Schriftrolle für die Magento 2-Erweiterung bei Knowband. Sie können das Erweiterungspaket herunterladen. 2. Das Paket enthält eine komprimierte Datei, die das Benutzerhandbuch und den Quellcode der Magento 2 Infinite Scroll Extension enthält. Entpacken Sie das Paket. 3. Erstellen Sie einen Ordner {Magento root} / app / code / Knowband / Infinitescroll. 4. Laden Sie den extrahierten Inhalt über den FTP-Manager in den obigen Ordner hoch (wie Filezilla oder WinSCP – hier herunterladen: https://filezilla-project.org/). . 5. Führen Sie nun die folgenden Befehle aus, um die Magento 2 Infinite Scroll-Erweiterung zu installieren: php -f bin / magento-Modul: aktivieren Sie –clear-static-content Knowband_ Infinitescroll php -f bin / magento-Setup: Aktualisieren Sie php -f bin / magento-Setup: di: php bin / magento kompilieren setup: static-content: php bin / magento cache bereitstellen: clean 6. Die Erweiterung ist jetzt installiert und einsatzbereit. Gehen Sie im Admin-Bereich zu “Knowband Extensions> Infinite Scroll”. Sie können jetzt die Magento 2 Infinite Scroll-Erweiterung konfigurieren und verwenden.

3.0 Admin-Oberfläche

Die Magento 2 Fast Scroll-Erweiterung bietet folgende zu konfigurierende Schnittstellen:

Magento-2-Infinte-Scroll-Admin-Schnittstelle

  1. Allgemeine Einstellungen
  2. Look and Feel-Einstellungen
  3. Auswahleinstellungen
  4. Sandbox-Einstellungen

Unten finden Sie eine detaillierte Beschreibung jeder Einstellung:

3.1 Allgemeine Einstellungen

Auf dieser Registerkarte kann der Store-Administrator die allgemeinen Einstellungen des Magento® Infinite Scroll-Moduls anpassen.

  • Aktivieren Sie die Erweiterung: Diese Registerkarte von Magento 2 Fast Scroll aktiviert die Option Infinite Scroll. Der Administrator kann diese Magento-Erweiterung bei Bedarf aktivieren / deaktivieren.
  • Endseitennachricht anzeigen: In diesem Feld der Magento 2 Quick Scroll-Erweiterung kann der Administrator die Meldung aktivieren / deaktivieren, die am Ende der Produktlistenseite angezeigt wird.
  • End Page Message: In diesem Feld der Endlos-Scroll-Erweiterung von Magento 2 kann der Administrator den Text der Endseitennachricht festlegen, der am Ende der Produktlistenseite angezeigt wird.
  • Anzeige Gehe zu Top Link: Mit dem Magento 2 Infinite Scroll-Modul kann der Administrator die Option “Gehe zu Top-Link” anzeigen, mit der die Benutzer zum Anfang der Produktlistenseite springen können.
  • Nachricht wird geladen: Dieser Abschnitt der Magento 2 Fast Scroll-Erweiterung bietet dem Administrator die Möglichkeit, den Text festzulegen, während der Inhalt der Webseite geladen wird.
  • Bildlauftyp auswählen: Mit der Magento 2 Quick Scroll-Erweiterung kann der Administrator die Art des Bildlaufs auf der Produktlistenseite auswählen. Folgende Optionen sind im Bildlauftyp angegeben:

ein. Unendliches Scrollen

b. Mehr Link laden

  • Mehr Etikett laden: Wenn die Option “Mehr Link laden” ausgewählt ist, wird dieses Feld angezeigt. In diesem Feld der Magento 2 Infinite Scroll-Erweiterung kann der Administrator den Text auf den Link Mehr laden setzen.
  • Häufigkeit zum Anzeigen Laden Mehr Text: Dieses Feld der Magento 2 Fast Scroll-Erweiterung funktioniert nur, wenn “Scroll Type” “Infinite Scroll” ist. In diesem Feld kann der Administrator die Häufigkeit festlegen, mit der mehr Links im Front-End angezeigt werden.
  • Ladeverzögerung: In diesem Feld des Magento 2 Infinite Scroll-Moduls kann der Administrator die minimale Anzahl von Millisekunden festlegen, um im Ladezustand zu bleiben.
  • Negative Marge: In diesem Feld der Magento 2 Quick Scroll-Erweiterung können Sie die neuen Elemente früher laden, bevor Sie zum letzten Element der Seite gelangen. Standardmäßig lädt der Loader neue Elemente, wenn der Benutzer zum letzten Element der Seite blättert. Der Administrator kann hier die Anzahl der Produkte einstellen. Wenn hier beispielsweise die Nummer ‘X’ eingegeben wird, beginnt der Lader mit dem Laden, bevor auf der Webseite noch X Produkte vorhanden sind.
  • Symbolleiste anzeigen: In diesem Feld der Endlos-Scroll-Erweiterung von Magento 2 kann der Administrator festlegen, ob die Symbolleiste auf der Produktlistenseite angezeigt werden soll oder nicht.

,war

3.2 Look and Feel-Einstellungen

Auf dieser Registerkarte kann der Store-Administrator den Hintergrund und die Textfarbe des Meldungsfelds anpassen und zum Top-Link wechseln.

  • Hintergrundfarbe des Meldungsfelds: Auf dieser Registerkarte der Endlos-Scroll-Erweiterung von Magento 2 kann der Administrator die Hintergrundfarbe des Meldungsfelds festlegen.
  • Randfarbe: Mit der Magento 2 Infinite Scroll-Erweiterung kann der Administrator die Rahmenfarbe des Meldungsfelds gemäß seinen Einstellungen anpassen.
  • Textfarbe: Der Administrator kann die Textfarbe des Meldungsfelds nach seiner Wahl anpassen. Er kann das Gleiche tun, indem er die Farbe aus dem Farbwähler auswählt.
  • Gehe zum Top Link Hintergrundfarbe: In diesem Feld der Magento 2 Fast Scroll-Erweiterung kann der Administrator die Hintergrundfarbe des “Go To Top Link” festlegen. Unten ist der Screenshot des Go To Top Links:


  • Benutzerdefinierte CSS: Wenn der Administrator das benutzerdefinierte CSS für ein Element der Infinite Scroll for Magento 2-Erweiterung hinzufügen möchte, kann er dasselbe tun, indem er CSS in dieses Feld einfügt.
  • Loader-Bild hochladen: Auf dieser Registerkarte der Endlos-Scroll-Erweiterung von Magento 2 kann der Administrator das Loader-Image seiner Wahl hochladen. Der Administrator kann nur Bilder im JPG-, PNG- und GIF-Format hochladen. Die Bildgröße sollte nicht mehr als 2 MB betragen.

3.3 Wähleinstellungen:

  • Inhalt: Auf dieser Registerkarte der Magento 2 Infinite Scroll-Erweiterung kann der Administrator den Klassennamen des Inhaltscontainers festlegen.
  • Weiter: Auf dieser Registerkarte der Magento 2 Fast Scroll-Erweiterung kann der Administrator den Klassennamen des nächsten Elements festlegen.
  • Zurück: Auf dieser Registerkarte der Magento 2-Quick-Scroll-Erweiterung kann der Administrator den Klassennamen des vorherigen Elements festlegen.
  • Elementraster: In diesem Feld der Endlos-Scroll-Erweiterung von Magento 2 kann der Administrator den Klassennamen des Rasterelements festlegen.
  • Artikelliste: In diesem Feld der Endloscroll-Erweiterung Magento 2 kann der Administrator den Klassennamen des Listenelements festlegen.
  • Symbolleiste: In diesem Feld des Magento 2 Infinite Scroll-Moduls muss der Administrator den Klassennamen der Symbolleiste festlegen.
  • Paginierung: Auf dieser Registerkarte der Magento 2-Quick-Scroll-Erweiterung kann der Administrator den Klassennamen des Paginierungscontainers festlegen.

Anmerkung

1. Vergessen Sie nicht, ‘#’ vor dem ID-Element und ‘.’ vor dem Klassenelement.
2. Wenn Sie mit diesen Auswahlelementen nicht vertraut sind, bearbeiten Sie sie bitte nicht.

3.4 Sandbox-Einstellungen:

Auf der Registerkarte Sandbox-Einstellungen der Magento 2 Infinite-Scroll-Erweiterung kann der Administrator die Erweiterung testen, bevor sie auf der Site implementiert wird.

  • Aktivieren Sie: Aktivieren Sie dieses Feld der Magento 2 Fast Scroll-Erweiterung, um die Erweiterung zu testen.
  • Autorisierte IP-Adresse: Geben Sie in dieses Feld der Magento 2 Quick Scroll-Erweiterung die IP-Adressen ein, für die der unendliche Bildlauf aktiviert werden soll. Stellen Sie sicher, dass die eingegebenen IP-Adressen durch ein Komma getrennt sind. Sie können die IP hinzufügen, indem Sie auf die Option “Meine IP hinzufügen” klicken.

4.0 Frontend speichern

Die Endlos-Scroll-Erweiterung Magento 2 wird auf der gesamten Website aktiviert, auf der die Paginierung erfolgt. Die Unendliche Schriftrolle für die Magento 2-Erweiterung wird vorne wie folgt angezeigt:

End Seite Massege and oben lTinte:

Weitere Details zu dieser unendlichen Schriftrolle für Magento 2 finden Sie unten:

Magento 2 Endlos-Scroll-Erweiterung Admin Demo

Magento 2 Fast Scroll Extension Extension Front Demo

“Erforschen Sie auch mehr Magento 2-Erweiterungen für Ihren Laden. “

Wie kann Infinite Scroll Ihrer E-Commerce-Site zugute kommen?

Mit der Verfügbarkeit mehrerer E-Commerce-Shops haben Online-Käufer eine Reihe von Optionen zur Auswahl. Aber was führt zur Entscheidungsfindung der Käufer, wenn es darum geht, das beste Geschäft unter allen zu wählen? Können Sie erraten?

Es ist die Benutzeroberfläche. Abgesehen von der Benutzeroberfläche ist es die Benutzeroberfläche. Ihr Website-Auftritt ist der erste Eindruck Ihres E-Commerce-Shops bei Ihren Besuchern. Wenn es nicht gut aussieht, können Sie Ihre Besucher nicht dazu bringen, in Ihrem Geschäft zu bleiben. Auf eine gute Benutzeroberfläche folgt eine gute Benutzererfahrung. Wenn Ihre Benutzeroberfläche beeindruckend ist, Sie Ihren Besuchern jedoch kein komfortables Surferlebnis bieten, werden Sie sie wahrscheinlich nicht in Ihrem Shop wiederfinden.

Um den Kunden eine reibungslose und angenehme Benutzererfahrung zu bieten, ist es daher ein Muss, sowohl die Benutzeroberfläche als auch die Benutzererfahrung zu verbessern. Die Überbrückung der Lücke zwischen Benutzererfahrung und Benutzeroberfläche ist für den Erfolg eines E-Commerce-Shops von großer Bedeutung. E-Commerce-Händler verwenden verschiedene Tools und Funktionen in ihren Webshops, um sie interaktiver und ansprechender zu gestalten. Eine solche Methode, um die Benutzeroberfläche und die Benutzeroberfläche einer E-Commerce-Website zu verbessern, ist das unendliche Scrollen.

Infinite Scrolling, auch als Endless Scrolling bezeichnet, beseitigt den Paginierungsprozess in Ihrem Geschäft, indem es das automatische und kontinuierliche Laden ermöglicht. Während ein Benutzer die Seite nach unten scrollt, wird die Produktliste weiterhin gefüllt. Infolgedessen müssen Benutzer nicht auf die nächste Seite klicken, um weiter zu browsen.

Das Infinite Scroll-Modul von Knowband hilft den eCommerce-Händlern, das konventionelle Paginierungssystem loszuwerden. Es fügt der Produktlistenseite einen automatischen Bildlauf hinzu und ermöglicht dem Benutzer das einfache Navigieren durch Ihre Geschäftsprodukte auf einer einzigen Seite. Wenn Sie einen E-Commerce-Shop in Prestashop, OpenCart, Magento oder Magento 2 betreiben, können Sie die Vorteile dieses Infinite Scroll-Moduls nutzen. Probiere sie aus:

Infinite Scroll Addon für Prestashop

OpenCart Infinite Scroll Erweiterung

Infinite Scroll Erweiterung für Magento

Infinite Scroll Erweiterung für Magento 2

Sitzen Sie immer noch am Zaun, ob Sie diese Funktion zum unendlichen Blättern in Ihrem Geschäft implementieren wollen oder nicht? Hier sind einige der zwingenden Gründe, die Ihnen helfen könnten, eine Entscheidung zu treffen.

Infinite Scroll ist zeitsparend

Als E-Retailer sollte Ihr Hauptaugenmerk darauf liegen, den Benutzerfluss aufrechtzuerhalten, wenn er in Ihrem Geschäft vorhanden ist. Ein Paginierungsprozess kann den Benutzerfluss stören und zu Frustrationen führen, wenn Benutzer mehrere Seiten durchgehen. Infinite Scrolling hingegen macht das Surfen interessant und zeitsparend.

Unendliches Scrollen bietet einfaches Browsen

Einer der Hauptvorteile des unendlichen Scrollens ist, dass es das Surfen erleichtert. Durch das automatische Laden von Produkten müssen die Kunden nur einen Bildlauf durchführen, um das gewünschte Produkt zu finden. Aber kontinuierliches Scrollen kann manchmal dazu führen, dass ein Benutzer so tief greift, dass es schwierig wird, wieder an den oberen Rand der Seite zu gelangen. Zu diesem Zweck enthält das Infinite Scroll-Modul eine Schaltfläche "Nach oben", mit der ein Benutzer problemlos zum oberen Bereich der Seite navigieren kann.

Unbegrenztes Scrollen verlängert die Sitzungsdauer

Um ganz ehrlich zu sein, Benutzer langweilen sich und werden müde, nachdem sie eine Reihe von Seiten durchgeblättert haben. Sie suchen nicht einmal weiter, um mehr Ergebnisse zu sehen und verlassen Ihr Geschäft. Dies ist beim unendlichen Scrollen nicht der Fall. Wenn Produkte den Benutzern kontinuierlich auf einer einzigen Seite angezeigt werden, durchsuchen sie mehr Produkte und verbringen mehr Zeit in Ihrem Geschäft. Dies hilft dabei, die durchschnittliche Zeit zu erhöhen, die ein Benutzer auf Ihrer Website verbringt.

Infinite Scroll bietet schnelles Browsen

Kunden bevorzugen schnelles Laden. Sie hassen es einfach, auf das Laden der Seiten zu warten. Wenn Sie mehrmals auf die nächste Seite klicken und darauf warten, dass die Seite jedes Mal geladen wird, kann dies Ihre Besucher ärgern. Infinite Scrolling behebt dieses Problem und fügt den Inhalt der nächsten Seite automatisch hinzu. Benutzer finden diesen Weg bequemer.

Erstaunlich für Touchscreen-Geräte

Touchscreen-Mobilgeräte haben in den letzten Jahren die Tastatur stark dominiert. Heutzutage besitzt fast jeder Benutzer ein Touchscreen-Mobiltelefon. Aus diesem Grund wird Infinite Scrolling von E-Commerce-Händlern als der ideale Weg angesehen und der Paginierung vorgezogen. Es ist ganz einfach, mit einem Daumen zu verschiedenen Seiten zu navigieren. Facebook ist ein Paradebeispiel.

Durch das unendliche Scrollen wird die Benutzerbeteiligung erhöht

Wenn der Inhalt schnell geladen wird, bleibt der Benutzer länger auf der Seite erhöht die Kundenbindung. Aufgrund des kontinuierlichen Auftretens von Produkten sind die Benutzer für einen längeren Zeitraum mit Ihrem Geschäft in Interaktion.

Schlussfolgerung

Kunden lieben die Infinite-Scrolling-Funktion. Es verbessert die Benutzererfahrung und hält sie in Ihrem Geschäft beschäftigt. Ich denke, dies reicht aus, um diese Funktion in Ihrem E-Commerce-Shop verfügbar zu machen. Schauen Sie sich die Infinite Scroll-Module an und teilen Sie mir die Ergebnisse mit, die Sie anschließend erhalten.

Hat dieser Artikel gefallen? Ihnen werden auch diese gefallen:

Paginierung gegen unendliches Scrollen

Endlose Scroll-Optimierung: Sie registrieren sich, während sie scrollen