Magento 2 Infinite Scroll Erweiterung – Benutzerhandbuch

1.0 Einführung

Durch das unbegrenzte Scrollen wird der Inhalt der Webseite kontinuierlich geladen, während der Benutzer die Webseite herunterscrollt. Im Grunde ist das unendliche Scrollen die Technik des Webdesigns, um die Paginierung von der Website zu eliminieren. Magento 2 Unendliche Scroll-Erweiterung von Knowband macht das gleiche. Es entfernt die Funktionen zum Seitenumbruch und zum Neuladen von Seiten von der Website und erleichtert den Besuchern Ihres Magento-Stores die Navigation, um die nächste Produktgruppe anzuzeigen, ohne die Webseite neu laden zu müssen.

1.1 Admin Vorteile der Magento Infinite Scroll Erweiterung:

  1. Die Erweiterung Magento 2 Infinite Scroll ersetzt das Paginierungssystem von der Website.
  2. Magento 2 schnelle Scroll-Erweiterung reduziert die Ladezeit der Website.
  3. Magento 2 Quick Scroll-Erweiterung bietet Sandbox-Test-Option für den Administrator.
  4. Magento 2 unendliche Scroll-Erweiterung bietet eine bessere Benutzererfahrung.
  5. Magento 2 Fast Scroll Modul optimiert die Navigation der Site.
  6. Der Administrator kann die Anzahl der Seiten angeben, nach denen "Mehr laden" angezeigt wird.
  7. Magento 2 unendliche Scroll-Erweiterung funktioniert reibungslos mit Listenansichten sowie Rasteransicht.

2.0 Installationsschritte von Magento 2 Infinite Scroll Erweiterung:

Die Schritte zum Installieren der Magento 2 Infinite Scroll-Erweiterung sind nachfolgend aufgeführt:

1. Kaufen Sie die Magento 2 Infinite Scroll-Erweiterung von Knowband. Sie können das Erweiterungspaket herunterladen. 2. Das Paket enthält eine gezippte Datei, die das Benutzerhandbuch und den Quellcode von 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 im obigen Ordner per FTP-Manager hoch (wie Filezilla oder WinSCP – hier herunterladen: http://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 –clear-static-content Knowband_ Infinitescroll php -f bin / Magento-Setup: upgrade php -f bin / Magento-Setup: di: kompilieren php bin / magento setup: statisch-content: deploy 6. Die Erweiterung ist jetzt installiert und betriebsbereit. Gehen Sie im Admin-Panel zu "Knowband Extensions> Infinite Scroll". Sie können jetzt die Erweiterung Magento 2 Infinite Scroll konfigurieren und verwenden.

3.0 Admin-Schnittstelle

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

Magento 2 Infinite Scroll Erweiterung von Knowband - Admin-Schnittstelle

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

Unten ist die detaillierte Beschreibung jeder Einstellung:

3.1 Allgemeine Einstellungen

Magento 2 Infinite Scroll Erweiterung von Knowband - Allgemeine Einstellungen

  • Aktivieren Sie die Erweiterung: Diese Registerkarte von Magento 2 scroll schnell aktiviert die unendliche Scroll-Option. Der Administrator kann diese Magento-Erweiterung jederzeit aktivieren / deaktivieren.
  • Endseitenmeldung anzeigen: In diesem Feld der Magento 2 Schnellsuchlauf-Erweiterung kann der Administrator die Nachricht aktivieren / deaktivieren, die am Ende der Seite mit der Produktliste angezeigt wird.
  • Ende der Seite Nachricht: In diesem Feld der Endlos-Scroll-Erweiterung von Magento 2 kann der Administrator den Text der Endseitennachricht festlegen, die am Ende der Produktlistenseite angezeigt wird.
  • Anzeige Zum Seitenanfang Link: Das Magento 2 Endlos-Scroll-Modul ermöglicht es dem Administrator, die Option "Zum Seitenanfang Link anzeigen" anzuzeigen, mit der die Benutzer zum Anfang der Produktlistenseite springen können.
  • Nachricht wird geladen: Dieser Abschnitt der schnellen Scroll-Erweiterung von Magento 2 bietet dem Administrator an, den Text beim Laden des Inhalts der Webseite einzustellen.
  • Wählen Sie Scroll-Typ: Die Magento 2-Schnellsuchlauf-Erweiterung bietet dem Administrator die Möglichkeit, den Scroll-Typ auf der Produktlistenseite auszuwählen. Folgende Optionen sind im Scroll-Typ angegeben:

ein. Unendliches Scrollen

b. Laden Sie mehr Link

  • Mehr Label laden: Wenn "Load More Link" ausgewählt ist, wird dieses Feld angezeigt. Dieses Feld der unendlichen Scroll-Erweiterung von Magento 2 ermöglicht es dem Administrator, den Text auf den Link Mehr laden zu setzen.
  • Häufigkeit zum Anzeigen Mehr Text: Dieses Feld der schnellen Scroll-Erweiterung von Magento 2 funktioniert nur, wenn "Scroll Type" "Infinite Scroll" ist. Dieses Feld ermöglicht es dem Administrator, die Ladefrequenz festzulegen, die im Frontend angezeigt werden soll.
  • Ladeverzögerung: Dieses Feld des unendlichen Scroll-Moduls von Magento 2 ermöglicht es dem Administrator, die minimale Anzahl von Millisekunden festzulegen, um in einem Ladezustand zu bleiben.
  • Negative Marge: In diesem Feld der Magento 2 Schnell-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 scrollt. Der Administrator kann hier die Anzahl der Produkte festlegen. Wenn hier beispielsweise die Zahl "X" eingegeben wird, beginnt der Lader mit dem Laden, bevor noch X Produkte auf der Webseite vorhanden sind.
  • Symbolleiste anzeigen: In diesem Feld der Endlos-Scroll-Erweiterung von Magento 2 kann der Administrator festlegen, ob die Symbolleiste auf der Seite mit den Produktlisten angezeigt werden soll oder nicht.

Unten sehen Sie den Screenshot der Symbolleiste auf der Produktlistenseite:

Magento 2 Infinite Scroll Erweiterung von Knowband - Display Toolbar

3.2 Look and Feel Einstellungen

Magento 2 Infinite Scroll Erweiterung von Knowband - Look and Feel Einstellungen

  • Message Box Hintergrundfarbe: Diese Registerkarte der Endlos-Scroll-Erweiterung von Magento 2 bietet dem Administrator die Möglichkeit, die Hintergrundfarbe des Meldungsfelds festzulegen.
  • Randfarbe: Die Magento 2 Infinite Scroll-Erweiterung erlaubt es dem Administrator, die Rahmenfarbe des Meldungsfelds nach seinen Vorlieben anzupassen.
  • Textfarbe: Der Administrator kann die Textfarbe des Nachrichtenfelds nach seiner Wahl anpassen. Er kann das gleiche tun, indem er die Farbe aus dem Farbwähler auswählt.
  • Zum Seitenanfang Link Hintergrundfarbe: Dieses Feld der schnellen Scroll-Erweiterung von Magento 2 ermöglicht es dem Administrator, die Hintergrundfarbe des "Nach oben Link" zu setzen. Unten ist der Screenshot des Go To Top-Links:

Magento 2 Infinite Scroll Erweiterung von Knowband - Gehe zu Top-Link

  • Benutzerdefinierte CSS: Wenn der Administrator das benutzerdefinierte CSS für ein beliebiges Element der unendlichen Scroll-Erweiterung von Magento 2 hinzufügen möchte, kann er dies auch tun, indem er in diesem Feld CSS hinzufügt.
  • Loader-Bild hochladen: Diese Registerkarte der Magento 2 Endlos-Scroll-Erweiterung ermöglicht es dem Administrator, das Loader-Bild seiner Wahl hochzuladen. Der Administrator kann nur Bilder im Format .jpg, .png und .gif hochladen. Die Bildgröße sollte nicht mehr als 2 MB betragen.

3.3-Auswahleinstellungen:

Magento 2 Infinite Scroll Erweiterung nach Knowband - Selector Einstellungen

  • Inhalt: Diese Registerkarte der Magento 2 Infinite Scroll-Erweiterung ermöglicht es dem Administrator, den Klassennamen des Inhaltscontainers festzulegen.
  • Weiter: Diese Registerkarte der schnellen Scroll-Erweiterung von Magento 2 bietet dem Administrator die Möglichkeit, den Klassennamen des Next-Elements festzulegen.
  • Previous: Diese Registerkarte von Magento 2 Quick Scroll-Erweiterung ermöglicht es dem Administrator, den Klassennamen des Elements "Previous" festzulegen.
  • Item Grid: Dieses Feld der endlosen Scroll-Erweiterung von Magento 2 ermöglicht es dem Administrator, den Klassennamen des Grid-Elements festzulegen.
  • Werkzeugleiste: In diesem Feld des unendlichen Scrollmoduls von Magento 2 muss der Administrator den Klassennamen der Werkzeugleiste festlegen.
  • Seitenumbruch: Diese Registerkarte der Magento 2-Schnellumlauf-Erweiterung ermöglicht es dem Administrator, den Klassennamen des Seitenumbruch-Containers festzulegen.

HINWEIS:

1. Vergessen Sie nicht, '#' vor dem ID-Element und '.' vor dem Klassenelement.
2. Wenn Sie diese Auswahlelemente nicht kennen, bearbeiten Sie sie bitte nicht.

3.4 Sandbox Einstellungen:

Magento 2 Infinite Scroll Erweiterung von Knowband - Sandbox Testing

Die Registerkarte "Sandbox-Einstellungen" der Endlos-Scroll-Erweiterung "Magento 2" bietet dem Administrator die Möglichkeit, die Erweiterung zu testen, bevor sie auf der Site implementiert wird.

  • Aktivieren Sie: Aktivieren Sie dieses Feld der schnellen Scroll-Erweiterung von Magento 2, um die Erweiterung zu testen.
  • Autorisierte IP-Adresse: Geben Sie in diesem Feld der Magento 2-Schnellsuchlauf-Erweiterung die IP-Adressen ein, auf denen Sie die Endlos-Scroll-Funktion aktivieren möchten. Stellen Sie sicher, dass die eingegebenen IP-Adressen durch ein Komma getrennt sind. Sie können die IP hinzufügen, indem Sie auf "Add my IP" -Option klicken.

4.0 Store-Frontend

Die Magento 2 Endlos-Scroll-Erweiterung wird auf der gesamten Website aktiviert, auf der die Paginierung erfolgt. Das

Magento 2 Infinite Scroll Erweiterung von Knowband - Front End

Magento 2 Infinite Scroll Erweiterung von Knowband - Front End

Magento 2 Infinite Scroll Erweiterung von Knowband - Front End

Weitere Details zu dieser Magento 2 Infinite Scroll Erweiterung finden Sie weiter unten:

Magento 2 Infinite Scroll Erweiterung Admin Demo

Magento 2 Unendliche Scroll-Erweiterung Front-Demo

"Erkunden Sie auch mehr Magento 2 Erweiterungen für deinen Laden. "

Joe Parker

We boast of the best in the industry plugins for eCommerce systems and has years of experience working with eCommerce websites. We provide best plugins for platforms like - Magento, Prestashop, OpenCart and Shopify . We also provide custom module development and customization services for the website and modules..

Leave a Reply

Your email address will not be published. Required fields are marked *