OpenCart Infinite Scroll Extension – Benutzerhandbuch


1.0 Einführung

OpenCart Infinite Scroll-Erweiterung Bietet nahtlose Navigation über mehrere Seiten und ein problemloses Einkaufserlebnis für Online-Benutzer. Es verlangsamt die Paginierung, da es eines der größten Hindernisse bei der Arbeit an einer Website ist. Mit OpenCart Infinite Scroll können Websites diese Hürde beseitigen, indem sie den Benutzern einen Einzelklick-Zugriff mit den geringsten Unannehmlichkeiten bieten.

Im Allgemeinen müssen Kunden mehrere Seiten durchsuchen, um das gewünschte Produkt auf der Website zu suchen. Dies kann jedoch zu Zeitverlust und sogar zum Interesse der Kunden führen. Die OpenCart Infinite Scroll-Erweiterung ist die moderne Weiterentwicklung zur Verlangsamung der Paginierung und bietet eine nahtlose Navigation aller Produkte auf einer einzigen Seite. Mit Hilfe des Dropdown-Bildlaufmoduls können Kunden die Produkte der nächsten Seite auf die aktuelle Seite laden, indem sie einfach die Seite nach unten scrollen.

Die OpenCart Infinite-Bildlauferweiterung ermöglicht das automatische Laden von Seiten, ohne die Seite nach unten zu scrollen. Es hilft auch, einfach durch den Produktkatalog zu navigieren. Da alle Produkte auf einer einzigen Seite verfügbar sind, müssen Kunden für das Produkt nicht von einer Seite zur anderen wechseln.

1.1 Markante Funktionen der Infinite Scroll Extension für OpenCart

Die OpenCart Infinite Scroll-Erweiterung bietet Ihnen mehrere Funktionen, die vollständig anpassbar und einfach über die Backend-Oberfläche zu konfigurieren sind, ohne dass Programmierkenntnisse erforderlich sind. Die verschiedenen auffälligen Funktionen der OpenCart Infinite Scroll Extension sind nachfolgend aufgeführt:

  • Das OpenCart Fast Scroll-Modul ermöglicht das automatische Laden von Seiten und Suchergebnisse, ohne die Seite nach unten zu scrollen. Mithilfe des OpenCart-Quick-Scroll-Moduls können Kunden zur nächsten Seite der Produktliste navigieren, ohne die nächste Seite neu laden zu müssen.
  • Das OpenCart Infinite Scrolling Plugin bietet Kompatibilität mit SEO-freundlichen URLs.
  • Das OpenCart-Dropdown-Bildlaufmodul bietet die Funktion “Mehr laden”, um den unendlichen Bildlauf nach einem bestimmten Seitenintervall anzuhalten.
  • Dieses Seitenintervall zum Laden weiterer Funktionen kann über das Backend des Infinite Scroll-Moduls festgelegt werden.
  • Der Store-Administrator kann die Funktionsweise des Opencart Infinite Scroll-Moduls testen, indem er die Sandbox-Einstellung aktiviert und die spezifische IP-Adresse eingibt.
  • Die Administrationsoberfläche des OpenCart-Plugins ist äußerst einfach zu bedienen und erfordert keine Implementierung von Codierungskenntnissen.
  • Dieses OpenCart Infinite Scroll-Modul bietet eine Linkfunktion “Nach oben”, mit der Sie den Startpunkt jeder Produktlistenseite erreichen können.
  • Das OpenCart-Listenansichtsmodul bietet SSL-Kompatibilität.
  • Diese OpenCart Infinite Scroll zeigt einen Lader an, während die Produkte der nächsten Seite auf derselben Seite geladen werden. Dieser Loader kann bei Bedarf über die Back-End-Schnittstelle konfiguriert und deaktiviert werden.
  • Der Store-Administrator kann den Hintergrund und die Textfarbe der Endseitennachricht ändern und zum obersten Link wechseln.
  • Mit dem OpenCart Infinite Scroll-Modul kann der Administrator den Kunden eine benutzerdefinierte Nachricht anzeigen, nachdem alle Produktlisten auf der Vorderseite geladen wurden.
  • Der Administrator kann wählen, ob die Produktlisten über das OpenCart Quick Scroll-Modul im Raster- oder Listenansichtsformat angezeigt werden sollen.
  • Diese Infinite Scroll-Erweiterung für OpenCart bietet die Option, CSS- und JS-Code aus dem Backoffice einzuschließen. Durch die Verwendung des benutzerdefinierten CSS- und JS-Store-Administrators kann das Erscheinungsbild des Opencart Infinite Scroll-Moduls geändert werden.
  • Das OpenCart Infinite Scroll-Modul bietet Kompatibilität mit allen OpenCart-Designs, sodass der Administrator das Erscheinungsbild des Infinite Scrolls gemäß dem Site-Design konfigurieren kann.
  • Das OpenCart Fast Scroll-Modul bietet Multi-Store-Kompatibilität.
  • Das Opencart Infinite Scroll-Modul bietet dem Store-Administrator die Möglichkeit, die Selektoreinstellungen des Moduls wie Selektor-Paginierung, Selektor-Container usw. festzulegen.
  • Die Funktionalität des OpenCart-Quick-Scroll-Moduls steht in keinem Konflikt mit anderen installierten Modulen des Stores.
  • Das Opencart Infinite Scroll-Modul reagiert mobil.

1.2 Technologie für die Entwicklung

Sprache: PHP Framework: OpenCart

2.0 Installationsanleitung

Führen Sie die folgenden Schritte aus, um dieses OpenCart Infinite-Bildlaufmodul zu installieren: Kaufen Sie die OpenCart Infinite-Bildlauferweiterung im Knowband Store. Sie erhalten folgende Dateien:

  • Komprimierte Datei mit dem Quellcode des OpenCart Infinite Scroll-Moduls.
  • Benutzerhandbuch des OpenCart Infinite Scroll Plugins.

Führen Sie die folgenden Schritte aus, um die OpenCart Infinite Scroll-Erweiterung im OpenCart Store zu installieren:

1. Entpacken Sie den Reißverschluss. Sie erhalten die Ordner wie im Bild unten gezeigt:

picture1

2.Kopieren Sie alle Dateien und Ordner der ZIP-Datei im Stammverzeichnis des OpenCart-Setups über den FTP-Manager.

3. Das OpenCart Infinite Scroll-Modul ist jetzt installiert und einsatzbereit. Gehen Sie zu Admin -> Hauptmenü -> Erweiterungen, wie im Bild unten gezeigt:

screenshot-opencartdemo-knowband-com-2019-03-20-11-15-14

4.Wählen Sie Infinite Scroll aus der Liste der Module und klicken Sie auf die Schaltfläche “Bearbeiten” (siehe Abbildung unten):

3.0 Admin-Oberfläche der OpenCart Infinite Scroll-Erweiterung

Die OpenCart Infinite Scroll-Erweiterung bietet dem Store-Administrator eine einfache Anpassungsoption. Die verschiedenen Konfigurationsoptionen werden im Folgenden ausführlich erläutert:

3.1 Allgemeine Einstellungen

Auf dieser Registerkarte kann der Store-Administrator die Grundeinstellungen des Moduls finden und das Modul konfigurieren.

opencart-infinite-scroll-module-general-settings

  1. Aktivieren / Deaktivieren: Aktivieren oder deaktivieren Sie das Opencart Infinite Scroll-Modul mit einem einzigen Klick.
  2. Benutzerdefiniertes JS: Geben Sie das benutzerdefinierte JS entsprechend ein.
  3. Benutzerdefiniertes CSS: Der Store-Administrator kann benutzerdefiniertes CSS eingeben, um das Erscheinungsbild des Opencart Infinite Scroll-Moduls zu ändern.

3.2 Erweiterte Einstellungen

Auf dieser Registerkarte kann der Store-Administrator die erweiterten Einstellungen des Opencart Infinite Scroll-Moduls festlegen.

opencart-infinite-scroll-module-Vorauseinstellungen

  1. Endseitennachricht anzeigen: Wählen Sie Ja, um die Endseitennachricht anzuzeigen. Wenn der Store-Administrator dies aktiviert, wird am Ende der Produkte eine Endseitenmeldung angezeigt.
  2. Anzeige Gehe zu Top Link: Wählen Sie Ja, um den Link Gehe zu Top anzuzeigen. Wenn der Store-Administrator dies aktiviert, wird ein Go-to-Top-Link angezeigt, wenn der Kunde die Seite scrollt.
  3. Loader während des Ladens anzeigen: Wählen Sie Ja, um den Lader beim Laden anzuzeigen.
  4. Bildlauftyp: Wählen Sie in der Dropdown-Liste die Option “Unendlicher Bildlauf” aus, um den Bildlauftyp auszuwählen.
  5. Showload more Link Krebsgeschwürer pages: Wenn der Store-Administrator den Bildlauftyp “Link zum Laden weiterer Produkte” auswählt, muss der Store-Administrator die Anzahl der Seiten eingeben, nach denen der Link “Weitere laden” angezeigt wird.
  6. Sandbox-Einstellung: Wählen Sie Ja oder Nein aus der Dropdown-Liste für die Sandbox-Einstellung.
  7. Add IP: Der Store-Administrator kann die spezifische IP-Adresse hinzufügen, um die Funktionsweise des Opencart Infinite Scroll-Moduls zu testen.

3.3 Anzeigeeinstellungen

Im Folgenden sind die Einstellungen aufgeführt, die auf dieser Registerkarte aufgeführt sind:

opencart-infinite-scroll-module-display-settings

  1. Hintergrundfarbe des Meldungsfelds: Wählen Sie die Hintergrundfarbe des Meldungsfelds.
  2. Textfarbe des Meldungsfeldes: Wählen Sie die Textfarbe des Meldungsfelds.
  3. Rahmenfarbe des Meldungsfelds: Wählen Sie die Rahmenfarbe des Meldungsfelds.
  4. Hintergrundfarbe des oberen Links: Wählen Sie die Hintergrundfarbe des oberen Links.
  5. Endtext: Geben Sie den Endtext entweder in englischer oder französischer Sprache ein.
  6. Massege and Zup link preview: Der Store-Administrator kann die Vorschau der End-Page-Nachricht anzeigen und zum Top-Link wechseln.

3.4 Wähleinstellungen:

Auf dieser Registerkarte kann der Store-Administrator die Auswahldetails des Opencart Infinite Scroll-Moduls festlegen. Bearbeiten Sie diese Einstellungen nicht, wenn Sie sich nicht sicher sind, da Änderungen an diesen Einstellungen zu fehlerhafter Funktion führen können des Moduls.

opencart-infinite-scroll-module-selector-settings

  1. Auswahlelement: Geben Sie das Auswahlelement ein.
  2. Auswahlcontainer: Geben Sie den Auswahlcontainer ein.
  3. Auswahl weiter: Geben Sie als nächstes den Selektor ein.
  4. Selektor-Paginierung: Geben Sie die Auswahlseite ein.

4.0 Frontend des OpenCart Infinite Scroll-Moduls

Wenn das OpenCart-Listenansichtsmodul von Knowband im Admin-Bereich aktiviert ist, wird auf jeder Produktlistenseite keine Paginierung der Produkte angezeigt. Der Kunde kann alle Produkte anzeigen, indem er auf der Seite nach unten scrollt. Wenn die Anzeige zum oberen Link aktiviert ist, wird der Link unten rechts auf der Seite angezeigt, um den Kunden zum oberen Rand der Seite zurückzuscrollen . Wenn alle Seiten geladen sind, wird unten eine Meldung angezeigt, die besagt, dass jetzt alle Seiten geladen sind.

opencart-infinte-scroll-module-frontlader

Los zu top link and Ende p Alter message:

opencart-infinite-scroll-module-front-interface

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 *