Tag: Ajax Add to cart Erweiterung

Magento Ajax Cart Erweiterung – Benutzerhandbuch

Einführung der Magento Ajax Cart Erweiterung:

Ajax Cart ist ein Addon, das (wenn aktiviert) die Standardaktion "Zum Warenkorb hinzufügen" durch die benutzerdefinierte Aktion des Moduls ersetzt. Nachdem Sie dies aktiviert haben Magento Ajax Warenkorb ErweiterungWenn ein Kunde auf die Schaltfläche "In den Warenkorb" klickt, wird der Benutzer nicht zur Seite des Ansichtskorbes weitergeleitet, stattdessen wird ein Popup angezeigt. Im Popup werden die Artikel angezeigt. Einkaufswagenartikel können aus der Ajax Add-in-Cart-Erweiterung entfernt, aktualisiert und bearbeitet werden. Coupons können auch auf die Magento Popup Cart Erweiterung angewendet werden und Benutzer können von dort aus Kasse gehen. Der Händler kann auch seine / ihre Banner zeigen oder die meistverkauften Produkte auf der Magento-Popup-Cart-Seite mit Hilfe dessen anzeigen Magento-Plugin.

Installation der Magento Ajax Cart Erweiterung:

  • Befolgen Sie die folgenden Schritte zur Installation der Magento Ajax Cart Extension:
  • Laden Sie das Erweiterungspaket herunter.
  • Entpacken Sie das Paket in Ihrem Stammordner von Magento Setup über FTP-Manager (wie Filezilla oder WinSCP – Download hier)

Magento Ajax Warenkorb Erweiterung Benutzerhandbuch | KnowBand

  • Gehen Sie im Admin-Panel zu "System> Knowband Extensions> Ajax Cart".
  • Das ist alles – Ihr System ist bereit.

Benutzerhandbuch

Dieses Benutzerhandbuch führt Benutzer durch die Admin-Modul / Store Front Einstellungen und Funktionen der Magento Ajax Cart Extension von Knowband.

Admin Panel Einstellung der Magento Ajax Cart Extension

Admin Panel Einstellungen der Magento Ajax Cart Popup Erweiterung enthält die 3 Tabs für Einstellungen.

1. Allgemeine Einstellungen der Magento Ajax Cart Extension

Die Allgemeinen Einstellungen des Magento-Popup-Einkaufswagen-Moduls haben folgende Optionen:

  • Aktivieren Sie: Aktiviert oder deaktiviert das Magento-Plugin. Schalten Sie es ein, um das Magento-Popup-Modul zu aktivieren.
  • Zeige Gutschein-Option: Diese Option der Magento Ajax Cart Extension ermöglicht es dem Administrator, die anzuwendende Coupon-Division in dem auf der Front-Website angezeigten Pop-up-Fenster ein- oder auszublenden.
  • Zeige Kontakt E-Mail: Aktivieren Sie diese Option der Magento Ajax Cart Extension, um die Option Kontakt-E-Mail im Popup-Einkaufswagen anzuzeigen.
  • E-Mail: Dieses Feld der Magento Add-In-Cart-Popup-Erweiterung bietet dem Administrator die Möglichkeit, die Standard-E-Mail-ID für die Kontakt-E-Mail-Option auf der Vorderseite festzulegen. Standardmäßig wird die E-Mail-ID des Store-Administrators in das Feld eingefügt.
  • JQuery einschließen: Diese Option von Magento Add to Cart Ajax Popup ermöglicht es uns, jQuery in unser Magento Modul einzubinden.

2. Schauen und

Diese Registerkarte der Ajax Add to Cart-Erweiterung wird verwendet, um das Popup-Fenster im Vordergrund anzupassen.

  • Knopffarbe: Diese Option der Magento Cart-Popup-Erweiterung ändert die Hintergrundfarbe der Checkout-Schaltfläche.
  • Schaltfläche Textfarbe: Farbe des Textes, der in der Checkout-Schaltfläche im Popup-Fenster angezeigt wird. Der Admin kann die Textfarbe dieser Magento Ajax Cart Popup-Erweiterung ändern.
  • Schaltfläche Rahmenfarbe: Die Farbe des Randes der Schaltfläche kann mit dieser Option der Magento Add-In-Popup-Erweiterung geändert werden.
  • Popup-Hintergrundfarbe: Die Hintergrundfarbe des Haupt-Popup-Fensters wird von diesem Magento-Add-In-Kart-Ajax-Popup-Modul festgelegt.
  • Popup-Rahmenfarbe: Die Hintergrundfarbe des Haupt-Popup-Fensters wird in diesem Feld der Ajax Add to Cart-Erweiterung festgelegt.
  • Zeige Artikel: Diese Option der Magento Ajax Cart Extension zeigt die Banner oder die meistverkauften Artikel im Front-Popup-Fenster. Wenn diese Option als "Keine" ausgewählt ist, wird kein Element im Popup angezeigt. Wenn diese Option als "Meistverkaufte" ausgewählt wird, werden die meistverkauften Produkte von 4 im Popup-Fenster auf der rechten Seite angezeigt und wenn sie als "Banner" ausgewählt werden, wird eine Entscheidung angezeigt, aus welcher die Banner ausgewählt werden können die Vorderseite dieser Magento Erweiterung.

3. Selektoreinstellungen der Magento Ajax Cart Extension

Registerkarte "Selector-Einstellungen" von Magento In den Warenkorb einfügen ajax popup wird verwendet, um das Modul zu aktivieren, wenn die Checkout-Schaltflächen unterschiedliche Klassennamen haben. Das Feld Magento-Plugin hat folgende Optionen:

Name der Schaltflächenklasse: Standardmäßig wird dieses Feld der Magento-Popup-Erweiterung automatisch ausgefüllt. Wenn das Magento-Modul immer noch nicht funktioniert, müssen wir den korrekten Klassennamen für die Checkout-Schaltflächen eingeben, die auf der Vorderseite angezeigt werden (außer auf der Produktansichtsseite). Um den Klassennamen der Schaltfläche zu erhalten, klicken Sie mit der rechten Maustaste auf die Schaltfläche "Add to cart" und klicken Sie auf "Inspect Element".

Wenn sich der Inspektor öffnet, finden Sie den Klassennamen im "Knopf" -Tag.

Sehen Sie sich das folgende Bild an.

  • Name der Schaltflächenklasse (Produktseite): Dieses Feld des Magento-Popup-Einkaufswagens ist ebenfalls standardmäßig gefüllt. Um den Klassennamen der Schaltfläche "In den Warenkorb" zu erhalten, die auf der Produktansichtsseite angezeigt wird. Gehen Sie zur Produktansichtsseite der Magento Ajax Cart Extension und folgen Sie den oben beschriebenen Schritten.
  • Zum Einkaufswagen hinzufügen Formular-ID: Dieses Feld der Magento Ajax Cart Extension ist ebenfalls standardmäßig ausgefüllt. Um die Formular-ID der Magento Ajax Cart Extension zu ändern, gehen Sie zur Produktansichtsseite und klicken Sie mit der rechten Maustaste auf die Schaltfläche "In den Warenkorb" und dann auf "Element prüfen". Wenn sich der Inspektor öffnet, finden Sie das Formular wie in der Abbildung unten gezeigt.

 

Gelbes Feld ist der Ort der "Add to cart" Schaltfläche und das rote Feld ist der Ort, um die ID des Formulars zu finden.

Store Frontend der Magento Ajax Cart Erweiterung:

Wenn das Magento Add-In-Kart-Ajax-Popup-Modul aktiviert ist und der Benutzer auf die Schaltfläche "In den Warenkorb" klickt, wird ein Popup geöffnet. Das Produkt wird zum Warenkorb hinzugefügt und im Popup-Fenster angezeigt. Die Magento Ajax Cart Extension ermöglicht es uns, die Produktmenge zu aktualisieren oder sie aus dem Warenkorb zu entfernen. Vom Popup aus kann der Benutzer zur Kasse gehen und sich ebenfalls für den Gutschein bewerben.

  • Um die Menge des Produkts zu aktualisieren, geben Sie die Menge in das Eingabefeld ein und klicken Sie auf den Update-Link der Magento Extension.
  • Um ein Produkt aus dem Popup zu entfernen, klicken Sie auf das Kreuzsymbol, das vor jeder Produktreihe angezeigt wird.
  • Um den Coupon zu beantragen, aktivieren Sie die Option "Show Coupon anzeigen" im Admin-Panel der Magento Cart Popup-Erweiterung und die Coupon-Abteilung wird im Front-Pop-Up-Einkaufswagen angezeigt. Geben Sie den Gutschein-Code in das Eingabefeld der Magento Ajax Cart Extension ein und klicken Sie auf "Übernehmen".

Um E-Mails für Hilfe oder Vorschläge zu senden, klicken Sie auf die Option "E-Mail senden". Es öffnet sich ein Fenster, von dem aus der Benutzer eine E-Mail an den Administrator senden kann.

Sehen Sie sich das Video-Tutorial der Magento Ajax Cart Extension hier an:

Klicken Sie hier für Admin-Demo von und Frontdemo von.

Prestashop Ajax Cart Plus – User Manual

Einführung in Prestashop Ajax Warenkorb + Addon

Prestashop Ajax Cart + Addon bietet eine interaktive und nützliche Schnittstelle / Pop-up für den Warenkorb, wo Benutzer in der Lage, Warenkorb Artikel zu sehen. Zusammen mit verwandten Artikeln, Neuheiten, Bestseller oder Werbebanner. Pop-up bietet auch die Möglichkeit, einen Coupon / einen Geschenkgutschein zu verwenden, um den geschätzten Warenkorb zu überprüfen. Pop-up wird angezeigt, wenn der Benutzer die Produkte von der Startseite / Produktseite / Kategorieseite zu Einkaufswagen hinzufügt. Prestashop Ajax Warenkorb Pop-up ist vollständig anpassbar, das Addon bietet mehrere Anpassungsoptionen wie Aussehen und Gefühl und Custom CSS für admin admin zur Anpassung der Pop-up. Dieses interaktive und informative Ajax Cart Pop-Up ist eine gute Möglichkeit den Kaufimpuls der Kunden zu beeinflussen und führt oft zu Conversions.

1.1 Features von Prestashop Ajax Warenkorb + Addon

1. Fügt ein gut organisiertes und optimiertes Ajax-basiertes Einkaufswagen-Popup in Ihrem Geschäft hinzu. 2. Sehr einfach zu bedienendes und intuitives Backend: Kein technisches Wissen erforderlich 3. Option, um Related Items, Neuheiten, Bestseller und Werbebanner im Popup-Fenster 4 anzuzeigen. Option für den Administrator, die Kontaktinformationen im Responsive-Popup-Fenster 5 anzuzeigen. Optionen zum Anpassen des Aussehens und Verhaltens von Pop-Ups aus dem Back-End. 6. Passen Sie das Ajax Cart Popup mit Custom CSS 7 an. Fertig Ajax Warenkorb Pop-up-Vorlage 8. Option zum Aktivieren / Deaktivieren des Ajax-Einkaufswagens auf Mobilgeräten. 9. Möglichkeit, das Popup nur für mobile Geräte zu deaktivieren. 10. Kein Konflikt mit anderen PrestaShop-Modulen. 11. Warenkorb Produkte anzeigen, Warenkorb Menge aktualisieren, Warenkorb Produkte löschen, Gutschein anwenden, ohne zur Warenkorbseite zu gehen. 12. Schaltfläche, um die Checkout-Seite direkt über das Popup aufzurufen. 13. Ajax aktiviert Wagen für mühelose Interaktion. 14. Mehrsprachige Unterstützung 15. Multi-Store-kompatibel. 16. Mobiles, Tablet- und Desktop-Responsive-Design. Es passt sich den meisten Bildschirmgrößen und Geräten an. 17. Funktioniert mit allen PrestaShop-Themes: Konflikt mit anderen Prestashop-Addons nicht

1.3 Vorteile für Händler:

1. Das interaktive Ajax-Popup sorgt für hohe Wirkung im Direktverkauf.

2. Vollständig anpassbare Ajax Warenkorb Pop-up.

3. Werbeangebote und Banner im Einkaufswagen bewerben

4. Verwandte Produkte anzeigen & Conversion erhöhen & Durchschnittliche Bestellung Größe

5. Steigern Sie das Vertrauen der Kunden: Bietet ihnen eine reibungslose Navigation zur Checkout-Seite.

6. Einfaches und elegantes Admin-Panel

1.4 Kundennutzen:

1. Warenkorb anzeigen, Warenkorb aktualisieren, Warenkorb löschen, Gutschein einlösen, ohne zur Warenkorbseite 2 zu wechseln. Sehen Sie sich die geschätzten Versandkosten und Versandkosten an, bevor Sie zur Kasse gehen. 3. Bietet einen reibungslosen Ablauf der Checkout-Seite 4. Einfacher Button Klicken Sie hier, um die Checkout-Seite direkt über das Popup aufzurufen. 5. Ajax aktiviert Wagen für mühelose Interaktion. 6. Mobile Reaktionsfähigkeit macht es auch auf mobilen Geräten nutzbar.

Installation

Nach dem Kauf von Prestashop Ajax Cart + Addon erhalten Sie folgende Dateien: 1. Komprimierte Datei im ZIP-Format (enthält Quellcode des Addons) 2. Benutzerhandbuch Folgen Sie den folgenden Schritten, um die Erweiterung zu installieren:

  1. Entpacken Sie die komprimierte Datei. Es würde Dateien und Ordner enthalten, wie unten gezeigt –

  1. Kopieren Sie alle Dateien und Ordner des entpackten Ordners in das Verzeichnis "modules" Ihres Speichers auf dem Pfad – Root Directory / modules /.
  2. Jetzt kann das Addon in Ihrem Store installiert werden und Sie finden es in Store Admin -> Module und Services. Es würde wie folgt gezeigt werden –

4. Klicken Sie auf "Installieren", um das Addon zu installieren. Es würde ein Pop-up für Ihre Bestätigung angezeigt. Klicken Sie auf "Mit der Installation fortfahren" Option. Dieser Schritt wird das Addon installieren und Benachrichtigungen anzeigen – "Module wurden erfolgreich installiert".

Wie konfiguriere ich Addon?

Dieses Addon ist konfigurierbar und Store Owner oder Admin können dieses Addon über das Admin Panel des Geschäfts einrichten oder konfigurieren. Es gibt folgende Abschnitte, um dieses Addon zu konfigurieren:

  1. Allgemeine Einstellungen
  2. Customizer
  3. FAQ’s
  4. Vorschläge
  5. Andere Plugins

Jeder Abschnitt wird nachstehend erläutert.

Allgemeine Einstellungen

Sie müssen die folgenden Schritte befolgen, um die allgemeinen Einstellungen dieses Addons zu aktualisieren –

  1. Gehen Sie zu Addon und Services -> Addon and Services
  2. Es würde alle Addons von Store auflisten. Finde 'Ajax Cart +' in der Liste der Addons.
  3. Klicken Sie nun auf die Schaltfläche "Konfigurieren", die dem Add-On "Ajax Cart +" entspricht.
  4. Es würde Store Owner oder Admin auf eine neue Seite umleiten, wie unten gezeigt –

  1. Aktualisiere die Werte der gegebenen Felder entsprechend den 'Allgemeinen Einstellungen' nach Bedarf.
  2. Klicken Sie nun auf "Speichern", um die angegebenen Werte zu validieren und zu speichern.
  3. Das ist es.

Dieses Formular enthält folgende Eingabefelder, die Store Owner oder Admin aktualisieren können:

  1. Aktivieren deaktivieren – Anfangs wird dies "AUS" sein. Der Administrator kann das Addon aktivieren / deaktivieren, indem es ein- / ausgeschaltet wird
  2. Aktivieren / Deaktivieren in mobilen – Anfangs wird dies "AUS" sein. Der Admin kann das Addon in Handys aktivieren / deaktivieren, indem es ein- / ausgeschaltet wird.
  3. Gutschein aktivieren / deaktivieren – Das Eingabefeld für den Gutschein wird auf dem vorderen Ajax Warenkorb-Popup angezeigt, wenn dieses auf "ON" gestellt ist.
  4. Kontakt-E-Mail aktivieren / deaktivieren – Die Kontakt-E-Mail wird im Ajax Cart-Popup angezeigt, wenn diese Option aktiviert ist.
  5. Kontakt E-mail – Eingabefeld zur Bereitstellung der Kontakt-E-Mail.
  6. Benutzerdefinierte CSS Textfeldfeld zum Hinzufügen von CSS im Popup.

Customizer

Sie müssen die folgenden Schritte befolgen, um das Ajax Cart Popup-Erscheinungsbild auf der Vorderseite anzupassen –

  1. Gehe zu Addon und Services -> Addon and Services
  2. Es würde alle Addons von Store auflisten. Finde 'Ajax Cart +' in der Liste der Addons.
  3. Klicken Sie nun auf die Schaltfläche "Konfigurieren", die dem Add-On "Ajax Cart +" entspricht.
  4. Es würde Store Owner oder Admin auf eine neue Seite umleiten, wie unten gezeigt –
  5. Aktualisiere die Werte der gegebenen Felder, die dem Abschnitt 'Customizer' entsprechen, nach Bedarf.
  6. Klicken Sie nun auf "Speichern", um die angegebenen Werte zu validieren und zu speichern.
  7. Das ist es.

Dieses Formular enthält folgende Eingabefelder, die Store Owner oder Admin aktualisieren können:

  1. Knopffarbe – Eingabefeld zum Einstellen der Farbe der Popup-Schaltfläche. Wenn Sie auf das Eingabefeld klicken, wird eine Farbpalette geöffnet, in der Sie die Farbe der Schaltfläche auswählen können.

  1. Schaltfläche Rahmenfarbe – Eingabefeld zum Festlegen der Farbe des Schaltflächenrahmens. Wenn Sie auf das Eingabefeld klicken, wird eine Farbpalette (siehe unten) geöffnet, in der Sie die Farbe des Knopfrahmens auswählen können.

  1. Schaltfläche Textfarbe – Eingabefeld zum Einstellen der Textfarbe der Popup-Schaltfläche. Wenn Sie auf das Eingabefeld klicken, wird eine Farbpalette geöffnet, in der Sie die Farbe des Buttons auswählen können.
  2. Pop-up-Rahmenfarbe – Eingabefeld zum Festlegen der Popup-Rahmenfarbe. Wenn Sie auf das Eingabefeld klicken, wird eine Farbpalette zur Auswahl der Popup-Rahmenfarbe geöffnet.
  3. Vorlage wählen Es gibt zwei Vorlagen für das Popup, Admin kann jede von ihnen.
  4. Ähnliche Artikel – Der Administrator kann die Option auswählen, die er im Popup-Fenster mit Einkaufswagen anzeigen möchte, wie zum Beispiel "Letzte Artikel", "Neue Artikel" oder "Banner". Addon hat die Option, bis zu zwei Banner anzuzeigen.

Um das Banner hinzuzufügen, wählen Sie die Option Banner. Wählen Sie das Banner aus, das Sie anzeigen möchten, und geben Sie die URL der Webseite an, auf die Sie den Benutzer umleiten möchten.

Screenshots – Frontend

Warenkorb mit neuen Produkten

Wagen mit Banner

Warenkorb, wenn der Gutschein gültig ist

Warenkorb ohne Banner & verwandte Produkte

Um Ihren Kunden eine optimierte und benutzerfreundliche Oberfläche zu bieten, können die Ladenbesitzer diesen Prestashop Ajax Cart einfach in ihrem eCommerce Store implementieren. Mit diesem Addon können Sie ganz einfach die Kaufentscheidungen Ihrer Kunden treffen und so den Direktverkauf Ihres Shops steigern. Das Addon verfügt über eine direkte Schaltfläche zur Checkout-Seite aus dem Ajax Cart-Popup, die es den Kunden ermöglicht, ihre Transaktionen einfach und mühelos abzuschließen. Keine Notwendigkeit mehr zu warten, kaufen Sie dieses Prestashop Ajax Cart Modul auf der Erweiterung