Warum sollten Sie Ihren Kunden die Option zur Produktanpassung geben?<\/strong><\/p>\n Wenn Sie sich fragen, warum Produktanpassung? Dann ist hier der Grund, warum es Ihren Webshop verbessern w\u00fcrde.<\/p>\n Bevor Sie mit der Installation beginnen, m\u00fcssen Sie den Opencart Product Designer\/Customizer im Knowband Store kaufen. Nach dem Kauf erhalten Sie die folgenden Dateien an Ihre registrierte E-Mail. 1. Quellcode des Opencart-Produktanpassungsmoduls im gezippten Dateiformat. 2. Benutzerhandbuch der benutzerdefinierten Produktdesigner-Erweiterung von Opencart. Befolgen Sie nun die angegebenen Schritte, um diese benutzerdefinierte Produktdesigner-Erweiterung von Opencart in Ihrem Online-Shop zu installieren:<\/p>\n Schritt 1:<\/strong> Entpacken Sie die Zip-Datei. Sie erhalten die Ordner wie im Bild unten gezeigt<\/p>\n Um die Product Designer\/Customizer-Erweiterung f\u00fcr OpenCart zu konfigurieren, navigieren Sie in der folgenden Reihenfolge durch die Einstellungen: Die Admin-Oberfl\u00e4che der OpenCart Product Designer\/Customizer-Erweiterung umfasst die folgenden Haupteinstellungen:<\/p>\n Wie passt man ein Produkt an?<\/strong><\/p>\n Um ein Produkt anzupassen, folgen Sie dem folgenden Pfad: Durch diese Einstellung des Opencart Custom Product Design-Moduls kann der Benutzer das gesamte Modul aktivieren\/deaktivieren und \u00c4nderungen an der Anpassung des Produkts vornehmen.<\/p>\n Mit dieser Einstellung des Opencart Extended Product Customization-Moduls kann der Administrator den Festpreis f\u00fcr jede Anpassung festlegen, die dem Produkt hinzugef\u00fcgt werden muss. Der Bildschirm daf\u00fcr sieht wie folgt aus:<\/p>\n Durch diese Einstellung des Opencart Custom Product Design-Moduls kann der Administrator die Textoption in der Anpassung steuern. Der Bildschirm f\u00fcr diese Option sieht wie folgt aus:<\/p>\n Mit der Seiteneinstellung des benutzerdefinierten Opencart-Produktdesigner-Erweiterungsmoduls kann der Administrator ein Bild von verschiedenen Seiten des Produkts hinzuf\u00fcgen, sodass der Benutzer das Produkt von jeder gew\u00fcnschten Seite aus anpassen kann. Der Administrator kann auch die hinzugef\u00fcgten Seiten benennen. Der Bildschirm sieht wie folgt aus:<\/p>\n Wie konfiguriere ich Schriftarten, Farben und Bildgruppen?<\/strong><\/p>\n W\u00e4hrend Sie die Anpassungseinstellungen f\u00fcr ein Produkt \u00e4ndern, finden Sie oben rechts auf dem Bildschirm die Optionen zur Auswahl verschiedener Schriftarten, Farben und Bildgruppen. Sie finden drei Optionen als:<\/p>\n 1. Schriftarten konfigurieren<\/strong><\/p>\n Alle Schriftarten, die aus dem Modul hinzugef\u00fcgt wurden, werden hier in dieser Oberfl\u00e4che aufgelistet. Sie k\u00f6nnen jede Schriftart direkt aktivieren oder deaktivieren.<\/p>\n Alle Farben, die mit dem Modul hinzugef\u00fcgt wurden, werden hier in dieser Oberfl\u00e4che aufgelistet. Sie k\u00f6nnen jede Farbe direkt aktivieren oder deaktivieren.<\/p>\n 3. Bildgruppen konfigurieren<\/strong><\/p>\n Diese Option wird im Admin-Bereich der benutzerdefinierten Produktdesigner-Erweiterung von OpenCart angegeben. Der Administrator kann das gesamte Modul \u00fcber diese Einstellung aktivieren\/deaktivieren. Der Bildschirm sieht wie folgt aus:<\/p>\n Durch diese Einstellung des OpenCart Extended Product Customization-Moduls kann der Administrator eine neue Schriftart im System hinzuf\u00fcgen und auch die vorhandene bearbeiten. Der Bildschirm sieht wie folgt aus:<\/p>\n Schriftart bearbeiten:<\/strong> Sie k\u00f6nnen einen vorhandenen Schriftsatz mit der Option \u201eBearbeiten\u201c bearbeiten. Die Bildschirme zum Bearbeiten von Schriftarten sind die gleichen wie beim Hinzuf\u00fcgen einer Schriftart. Der einzige Unterschied besteht darin, dass beim Bearbeiten die Felder bereits ausgef\u00fcllt sind.<\/p>\n Schriftart l\u00f6schen:<\/strong> Sie k\u00f6nnen eine Schriftart l\u00f6schen, indem Sie auf das Symbol \u201ePapierkorb\u201c klicken. Es erscheint ein Popup, in dem Sie nach der Best\u00e4tigung gefragt werden. Sie k\u00f6nnen auf Ja klicken und die Schriftart wird gel\u00f6scht.<\/p>\n Schriftart hinzuf\u00fcgen:<\/strong> Sie k\u00f6nnen eine Schriftart im OpenCart Extended Product Customization-Modul hinzuf\u00fcgen, indem Sie auf das \u201e+\u201c-Symbol oben auf der Seite klicken. Der Bildschirm sieht wie folgt aus:<\/p>\n Durch diese Einstellung des OpenCart Extended Product Customization-Moduls kann der Administrator eine neue Farbe im System hinzuf\u00fcgen und auch die vorhandene bearbeiten. Der Bildschirm sieht wie folgt aus:<\/p>\n Farbe l\u00f6schen:<\/strong> Sie k\u00f6nnen eine Farbe l\u00f6schen, indem Sie auf das Symbol \u201ePapierkorb\u201c klicken. Es erscheint ein Popup, in dem Sie nach der Best\u00e4tigung gefragt werden. Sie k\u00f6nnen auf Ja klicken und die Schriftart wird gel\u00f6scht.<\/p>\n Farbe hinzuf\u00fcgen:<\/strong> Sie k\u00f6nnen eine Farbe im OpenCart Extended Product Customization-Modul hinzuf\u00fcgen, indem Sie auf das \u201e+\u201c-Symbol oben auf der Seite klicken. Der Bildschirm sieht wie folgt aus:<\/p>\n Mit den Bildgruppeneinstellungen des OpenCart Extended Product Customization-Moduls kann der Administrator eine Gruppe von Bildern hinzuf\u00fcgen, um seinen Kunden die Produktanpassung anzubieten. Der Bildschirm sieht wie folgt aus:<\/p>\n Bildgruppe bearbeiten:<\/strong> Sie k\u00f6nnen einen vorhandenen Bildgruppensatz mit der Option \u201eBearbeiten\u201c bearbeiten. Die Bildschirme zum Bearbeiten einer Bildgruppe sind die gleichen wie beim Hinzuf\u00fcgen einer Farbe. Der einzige Unterschied besteht darin, dass beim Bearbeiten die Felder bereits ausgef\u00fcllt sind.<\/p>\n Bildgruppe l\u00f6schen:<\/strong> Sie k\u00f6nnen eine Bildgruppe l\u00f6schen, indem Sie auf das Symbol \u201ePapierkorb\u201c klicken. Es erscheint ein Popup, in dem Sie nach der Best\u00e4tigung gefragt werden. Sie k\u00f6nnen auf Ja klicken und die Schriftart wird gel\u00f6scht.<\/p>\n Bildgruppe hinzuf\u00fcgen:<\/strong> Sie k\u00f6nnen eine Bildgruppe im OpenCart Extended Product Customization-Modul hinzuf\u00fcgen, indem Sie auf das \u201e+\u201c-Symbol oben auf der Seite klicken. Der Bildschirm sieht wie folgt aus:<\/p>\n Vorschau der Bildgruppe:<\/strong>\ufffdSie k\u00f6nnen alle Bilder innerhalb einer Gruppe anzeigen, indem Sie auf das \u201eAuge\u201c-Symbol klicken, das einer bestimmten Gruppe entspricht. Es wird der folgende Bildschirm angezeigt:<\/p>\n Bild hochladen:<\/strong> Mit dieser Option k\u00f6nnen Sie ein gew\u00fcnschtes Bild aus Ihrem lokalen Computerbereich durchsuchen und hier hochladen.<\/p>\n Preis:<\/strong> Diese Option legt den Preis f\u00fcr das ausgew\u00e4hlte Bild fest.<\/p>\n Aktiv:<\/strong> Diese Option aktiviert oder deaktiviert das Bild f\u00fcr die ausgew\u00e4hlte Gruppe. Stellen Sie es auf JA oder NEIN ein. Ebenso k\u00f6nnen Sie auf die dem Bild entsprechende Schaltfl\u00e4che Bearbeiten klicken. Die Optionen sind dieselben, der einzige Unterschied besteht darin, dass die Felder wie in der Abbildung unten gezeigt ausgef\u00fcllt werden.<\/p>\n Wenn das Opencart Product Designer\/Customizer-Modul aktiviert ist, wird auf der Produktseite eine Schaltfl\u00e4che \u201eAnpassen\u201c angezeigt, wie unten gezeigt.<\/p>\n Beim Klicken auf die Schaltfl\u00e4che Anpassen wird dem Kunden ein Bildschirm-Popup angezeigt, das aus verschiedenen Produktdesign- und Anpassungseinstellungen besteht. Kunden k\u00f6nnen gem\u00e4\u00df ihren Einkaufsanforderungen eine beliebige Farbe, einen benutzerdefinierten Text, ein benutzerdefiniertes Bild oder einen QR-Code f\u00fcr ein Produkt hinzuf\u00fcgen.<\/p>\n Kunden k\u00f6nnen verschiedene Arten von Anpassungen vornehmen, wie z.<\/p>\n 1. Farbe<\/strong><\/p>\n <\/p>\n 2. Bild<\/strong><\/p>\n Kunden k\u00f6nnen ein Bild ihrer Wahl aus den bereitgestellten Bildgruppenoptionen ausw\u00e4hlen.<\/p>\n Sie k\u00f6nnen jedes andere Bild ihrer Wahl aus dem lokalen Bereich hochladen und drucken.<\/p>\n Sie k\u00f6nnen sogar einen QR-Code f\u00fcr einen versteckten Text oder Website-Link drucken.<\/p>\n <\/p>\n 3. Text<\/strong><\/p>\n Das Kostenkontrollk\u00e4stchen wird auf dem Bildschirm angezeigt. Klicken Sie zur Best\u00e4tigung auf OK.<\/p>\n Einkaufswagen-\u00dcbersichtsseite f\u00fcr kundenspezifische Produkte<\/strong><\/p>\n Das folgende Frontend-Bild zeigt, wie das benutzerdefinierte Produkt auf der Warenkorbseite mit verschiedenen Optionen f\u00fcr die Kunden angezeigt wird, nachdem sie auf die Schaltfl\u00e4che \u201eAnpassung speichern\u201c geklickt haben.<\/p>\n Der Administrator kann die Bestellrechnung und die gesamte Konfiguration bez\u00fcglich der Produktanpassung vom Backoffice aus anzeigen. Die Details einer Bestellung k\u00f6nnen im Abschnitt \u201eBestellungen\u201c des Admin-Panels eingesehen werden.<\/p>\n Wenn Sie auf die Produktbilder klicken, sieht der Administrator die vollst\u00e4ndigen Details des personalisierten Produkts in Form eines Popup-Bildschirms, wie unten gezeigt.<\/p>\n![\"picture1\"](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2019\/10\/Picture1-1.png\")
<\/a>
\n2.0 Installationsanleitung<\/h2>\n<\/a>
\nSchritt 2:<\/strong> Kopieren Sie alle Ordner der ZIP-Datei in das Stammverzeichnis des OpenCart-Setups \u00fcber den FTP-Manager. Das Opencart Custom Product Design-Modul ist nun erfolgreich installiert und kann in Ihrem Gesch\u00e4ft verwendet werden. Gehen Sie zum Admin-Men\u00fc und klicken Sie auf die Erweiterungen. W\u00e4hlen Sie den Erweiterungstyp als Module. Sie finden eine Liste der Module. W\u00e4hlen Sie den Opencart Product Designer\/Customizer.<\/p>\n3.0 Admin-Oberfl\u00e4che von Opencart Product Designer Customizer<\/h2>\n
\nAdmin-Panel > Erweiterungen > Module > Produktdesigner\/-anpasser<\/strong><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n\n
\nKatalog>> Produkte>> Produkt ausw\u00e4hlen>> Bearbeiten>> Produktdesigner\/-anpasser<\/strong><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a>
\nSobald der Benutzer auf den Produktdesigner\/Anpasser klickt, hat der Benutzer die folgenden Optionen im Opencart Extended Product Customization-Modul:<\/p>\n3.0.1-Konfiguration<\/h3>\n
<\/a><\/p>\n3.0.2 Preis<\/h3>\n
<\/a>
\n3.0.3-Text<\/h3>\n<\/a><\/p>\n3.0.4 Sides<\/h3>\n
<\/a><\/p>\n<\/a><\/p>\n<\/a>
\n2. Farben konfigurieren<\/strong><\/p>\n<\/a><\/p>\n<\/a>
\nAlle hinzugef\u00fcgten Bildgruppen werden hier in dieser Oberfl\u00e4che aufgelistet. Sie k\u00f6nnen jede Bildgruppe direkt aktivieren oder deaktivieren. Wenn Sie auf die Schaltfl\u00e4che “Bilder anzeigen” klicken, wird der folgende Bildschirm angezeigt.<\/p>\n<\/a><\/p>\n3.0.5 Konfigurieren<\/h3>\n
<\/a>
\n3.0.6-Schriftarten<\/h3>\n<\/a><\/p>\n
\n<\/a> <\/a><\/p>\n3.0.7 Farben<\/h3>\n
<\/a>
\nFarbe bearbeiten:<\/strong> Sie k\u00f6nnen einen vorhandenen Farbsatz mit der Option \u201eBearbeiten\u201c bearbeiten. Die Bildschirme zum Bearbeiten von Farben sind die gleichen wie beim Hinzuf\u00fcgen einer Farbe. Der einzige Unterschied besteht darin, dass beim Bearbeiten die Felder bereits ausgef\u00fcllt sind.<\/p>\n<\/a>
\n3.0.8 Bildgruppe<\/h3>\n<\/a><\/p>\n<\/a><\/p>\n<\/a>
\nHier k\u00f6nnen Sie der Gruppe ein neues Bild hinzuf\u00fcgen und das vorhandene Bild bearbeiten\/l\u00f6schen. Wenn Sie auf die Schaltfl\u00e4che Hinzuf\u00fcgen klicken, sehen Sie die folgenden Optionen, wie unten gezeigt:<\/p>\n<\/a><\/p>\n<\/a>
\nDas L\u00f6schen eines Bildes ist einfach. Klicken Sie einfach auf das dem Bild entsprechende “Papierkorb”-Symbol.<\/p>\n4.0 Frontschnittstelle des Opencart Product Designer Customizer-Moduls<\/h2>\n
<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a>
\nDer Kunde kann alle Anpassungen an seinem Produkt speichern, indem er wie unten gezeigt auf die Schaltfl\u00e4che Speichern klickt.<\/p>\n<\/a><\/p>\n<\/a>
\nEbenso gelten diese Anpassungen f\u00fcr andere Produkte des Shops wie Tassen und Handyh\u00fcllen.<\/p>\n<\/a>
\nDer Kunde kann die Rechnung dieses kundenspezifischen Produkts wie unten gezeigt einsehen.<\/p>\n<\/a>
\nBestellansicht aus dem Admin-Panel<\/strong><\/p>\n<\/a>
\nWenn Sie auf die Schaltfl\u00e4che Anzeigen klicken, die einem Produkt entspricht, kann der Administrator die vollst\u00e4ndigen Bestelldetails des benutzerdefinierten Produkts \u00fcberpr\u00fcfen.<\/p>\n<\/a><\/p>\n
![\n<\/a>](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2019\/10\/Picture19-1.png\"){kind=link}