{"id":17438,"date":"2015-02-11T00:00:00","date_gmt":"2015-02-11T00:00:00","guid":{"rendered":"https:\/\/www.knowband.com\/blog\/?p=1382"},"modified":"2022-08-13T12:01:14","modified_gmt":"2018-06-30T09:48:18","slug":"prestashop-custom-js-und-css-modul-benutzerhandbuch","status":"publish","type":"post","link":"https:\/\/www.knowband.com\/blog\/de\/benutzerhandbuch\/prestashop-custom-js-und-css-modul-benutzerhandbuch\/","title":{"rendered":"Prestashop Custom JS- und CSS-Modul &#8211; Benutzerhandbuch"},"content":{"rendered":"<h2>Einf\u00fchrung:<\/h2>\n<p>Prestashop Custom CSS und JS-Modul ist ein einfaches Modul, mit dem Sie die Seiten individuell gestalten k\u00f6nnen. Das Modul erm\u00f6glicht den Seitenbesitzern, CSS und JS der Website mit weiteren Funktionen zu versehen. Zum Bearbeiten der vorhandenen Codedateien ben\u00f6tigen Sie keinen FTP-Zugriff. Das Addon hilft Ihnen, den CSS- und JS-Code \u00fcber das Admin-Panel hinzuzuf\u00fcgen. Das Modul hilft dabei, die Abh\u00e4ngigkeit vom Entwickler zu beseitigen, um kleine benutzerdefinierte \u00c4nderungen vorzunehmen, und Sie k\u00f6nnen dies einfach selbst durchf\u00fchren, indem Sie das Backend-Panel des Moduls verwenden. Das <a href=\"https:\/\/www.knowband.com\/prestashop-custom-css-and-js\" target=\"_blank\">Prestashop Custom CSS &amp; JS-Modul<\/a> erm\u00f6glicht es dem Prestashop-Shop-Administrator, die Benutzeroberfl\u00e4che einer beliebigen Seite der Prestashop-Website zu \u00e4ndern. Das Prestashop-Plugin bietet dem Administrator an, das Gleiche f\u00fcr mobile Ger\u00e4te oder Desktops oder beides zu tun.<\/p>\n<h2>Schritte f\u00fcr die Installation von <a href=\"https:\/\/www.knowband.com\/prestashop-better-thank-you-page\" target=\"_blank\">Prestashop Custom JS und CSS<\/a> Erweiterung:<\/h2>\n<p>Um dieses benutzerdefinierte CSS und JS Prestashop Plugin-Addon zu installieren, folgen Sie bitte den folgenden Schritten: 1. F\u00fcgen Sie den Addon-Ordner unter Module-Ordner Ihres Systems hinzu. 2. Nach dem Hinzuf\u00fcgen dieses Addon-Ordners zeigt das System das Prestashop-Addon auf der Modulseite unter der Front-Office-Feature-Kategorie wie folgt an:<\/p>\n<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2015\/12\/Installation-.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-3307\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2015\/12\/Installation-.png\" alt=\"Installation\" width=\"1280\" height=\"800\" \/><\/a><\/p>\n<p>3. Klicken Sie auf Installieren, um das Prestashop Custom JS- und CSS-Plugin zu installieren.<\/p>\n<h2>Admin-Schnittstelle<\/h2>\n<p>Folgende Funktionen werden dem Admin in diesem benutzerdefinierten CSS Prestashop-Modul zur Verf\u00fcgung gestellt: 1. Allgemeine Einstellungen 2. Erweiterte Einstellungen<\/p>\n<h3>Allgemeine Einstellungen des benutzerdefinierten JS Prestashop-Moduls:<\/h3>\n<p>Nach dem Klicken auf den Link zum Konfigurieren des Custom JS- und CSS-Addons auf der Moduleintragseite \u00f6ffnet das System standardm\u00e4\u00dfig die Registerkarten mit den allgemeinen Einstellungen, wie im folgenden Bildschirm gezeigt:<\/p>\n<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2015\/12\/General-Settings.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-3306\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2015\/12\/General-Settings.png\" alt=\"Allgemeine Einstellungen\" width=\"1280\" height=\"800\" \/><\/a><\/p>\n<p>Die aufgef\u00fchrten Felder werden mit einigen Standardwerten gef\u00fcllt<\/p>\n<p><strong>ALLGEMEINE EINSTELLUNGEN TAB DETAILS:<\/strong><\/p>\n<p style=\"text-align: justify;\"><strong>1. Aktivieren deaktivieren:<\/strong> Anfangs ist dieses Feld des benutzerdefinierten CSS-Prestashop-Moduls deaktiviert. Der Administrator kann die Addon-Funktionalit\u00e4t aktivieren \/ deaktivieren, indem er diese ein- \/ ausschaltet.<br \/>\n<strong>2. Benutzerdefinierte CSS:<\/strong> Der CSS-Inhalt, der auf jeder Seite der Website angezeigt werden muss, muss im Textbereich des benutzerdefinierten CSS- und JS-Prestashop-Plugins eingegeben werden, das mit dem Feld Benutzerdefiniertes CSS angegeben wird.<br \/>\n<strong>3. Benutzerdefiniertes JS:<\/strong> Der JS-Inhalt, der auf jeder Seite der Website angezeigt werden muss, muss in den Textbereich des benutzerdefinierten JS Prestashop-Moduls eingegeben werden, das mit dem Feld Custom JS angegeben ist.<\/p>\n<h3>Erweiterte Einstellungen des benutzerdefinierten CSS- und JS-Prestashop-Plugins:<\/h3>\n<p>Nach dem Klicken auf die Registerkarte Erweiterte Einstellungen des benutzerdefinierten CSS- und JS Prestashop-Plugins wird der folgende Bildschirm angezeigt.<\/p>\n<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2015\/12\/Advance-Settings-.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-3305\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2015\/12\/Advance-Settings-.png\" alt=\"Erweiterte Einstellungen\" width=\"1280\" height=\"800\" \/><\/a><\/p>\n<p style=\"text-align: justify;\"><strong>VORAUS EINSTELLUNGEN TAB DETAILS:<\/strong><\/p>\n<ul style=\"text-align: justify;\">\n<li><strong>Neuen Eintrag hinzuf\u00fcgen:<\/strong> Zu Beginn wird kein Eintrag in der Registerkarte &quot;Erweitert&quot; des Prestashop Custom JS-Moduls angezeigt. Klicken Sie also auf den neuen Eintrag, um die Details der CSS- und JS-Datei mit dem Seitennamen und dem Ger\u00e4tetyp hinzuzuf\u00fcgen.<\/li>\n<li><strong>Tabelle:<\/strong> Wenn die Eingabe abgeschlossen ist, wird die Zeile der Tabelle des benutzerdefinierten Prestashop-CSS-Moduls mit Details zum Eintrag hinzugef\u00fcgt, z. B. Seitenname, Ger\u00e4tetyp, Schaltfl\u00e4che zum Aktivieren oder Deaktivieren und Schaltfl\u00e4che zum Bearbeiten und L\u00f6schen.<\/li>\n<li><strong>Schaltfl\u00e4che Aktivieren oder Deaktivieren:<\/strong> Wenn die Eingabe im benutzerdefinierten CSS Prestashop-Modul erfolgt ist, kann der Benutzer die hinzugef\u00fcgte Datei aktivieren, indem er einmal auf die Schaltfl\u00e4che &quot;Aktivieren&quot; klickt, die auf die Schaltfl\u00e4che &quot;Deaktivieren&quot; wechselt, nachdem der Benutzer auf die Schaltfl\u00e4che &quot;Aktivieren&quot; geklickt hat auf der Sperrtaste, die in der Tabelle erscheint und das Gegenteil passiert.<\/li>\n<li><strong>Bearbeiten:<\/strong> In der Aktionsspalte der Tabelle befindet sich die Bearbeitungsschaltfl\u00e4che, wenn Sie darauf klicken. Es erscheint ein Popup-Fenster, das genauso aussieht wie das, das erscheint, nachdem wir auf die Schaltfl\u00e4che zum Hinzuf\u00fcgen eines neuen Eintrags geklickt haben. Der Unterschied besteht nun darin, dass die Felder des benutzerdefinierten JS PrestaShop-Moduls nun mit allen Details gef\u00fcllt sind, die der Benutzer zuvor in dieser Zeile eingegeben hat. Jetzt kann der Benutzer die Eintr\u00e4ge des benutzerdefinierten CSS- und JS-Prestashop-Plugins bearbeiten, die in den Dateien vorgenommen wurden, oder den Ger\u00e4tetyp \u00e4ndern oder den Eintrag zum Seitennamen hinzuf\u00fcgen.<\/li>\n<li><strong>L\u00f6schen:<\/strong> In der Aktionsspalte der Tabelle gibt es eine Schaltfl\u00e4che zum L\u00f6schen, wenn Sie auf diese Schaltfl\u00e4che des Prestashop Custom JS-Moduls klicken. Wir k\u00f6nnen den Eintrag l\u00f6schen, der in dieser Zeile gemacht wurde.<\/li>\n<li><strong>Schnittstellenbox:<\/strong> Dies ist das Feld, das nach dem Klicken auf die Schaltfl\u00e4che &quot;Hinzuf\u00fcgen&quot; erscheint, wenn wir einen neuen Eintrag zu der Tabelle der erweiterten Einstellungen hinzuf\u00fcgen m\u00fcssen. Es wird auch erscheinen, wenn wir auf die Bearbeitungsschaltfl\u00e4che klicken, nachdem die Eingabe abgeschlossen ist, aber der Unterschied besteht darin, dass die Felder in der Popup-Box jetzt ein Feld mit den Details der bestimmten Zeile sind, zu der die Bearbeitungsschaltfl\u00e4che geh\u00f6rt. Felder in der Popup-Box sind:<\/li>\n<\/ul>\n<p style=\"padding-left: 90px; text-align: justify;\"><strong>A. W\u00e4hlen Sie die Seitenauswahl aus:<\/strong> Das erste Feld des Feldes &quot;Neu hinzuf\u00fcgen&quot; ist ein Dropdown-Men\u00fc, das alle Namen der Seiten enth\u00e4lt, die derzeit in Prestashop verf\u00fcgbar sind. Sie k\u00f6nnen die Seite ausw\u00e4hlen, auf der der Eintrag erfolgen soll.<br \/>\n<strong>B. W\u00e4hlen Sie Ger\u00e4tetyp:<\/strong> Dieses Feld von Prestashop Custom CSS enth\u00e4lt drei Optionsfelder Mobile, Desktop und beides. Sie k\u00f6nnen den Ger\u00e4tetyp ausw\u00e4hlen, f\u00fcr den Sie css und js hinzuf\u00fcgen m\u00f6chten.<br \/>\n<strong>C. CSS-Konfiguration:<\/strong> In diesem Textbereich des Prestashop-Plugins von Knowband m\u00fcssen Sie den CSS-Code hinzuf\u00fcgen, der auf der Seite hinzugef\u00fcgt werden soll, die Sie zuvor ausgew\u00e4hlt haben.<br \/>\n<strong>D. JS-Konfiguration:<\/strong> In diesem Textbereich des benutzerdefinierten CSS Prestashop-Moduls m\u00fcssen Sie den js-Code hinzuf\u00fcgen, der auf der Seite hinzugef\u00fcgt werden soll, die Sie zuvor ausgew\u00e4hlt haben.<\/p>\n<p><strong>SCHNITTSTELLE NACH DEM ANKLICKEN NEUEN EINTRAG HINZUF\u00dcGEN<\/strong><\/p>\n<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2015\/12\/POP-UP-BOX-AFTER-CLICKING-ON-ADD-NEW-ENTRY.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-3304\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2015\/12\/POP-UP-BOX-AFTER-CLICKING-ON-ADD-NEW-ENTRY.png\" alt=\"POP UP BOX NACH DEM ANKLICKEN NEUEN EINTRAG HINZUF\u00dcGEN\" width=\"1280\" height=\"800\" \/><\/a><\/p>\n<p><strong>NACH dem Hinzuf\u00fcgen des Eintrags<\/strong><\/p>\n<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2015\/12\/AFTER-ADDING-THE-ENTRY-.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-3303\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2015\/12\/AFTER-ADDING-THE-ENTRY-.png\" alt=\"NACH dem Hinzuf\u00fcgen des Eintrags\" width=\"1280\" height=\"800\" \/><\/a><\/p>\n<p><strong>SCHNITTSTELLE NACH DEM ANKLICKEN DER EDIT-TASTE<\/strong><\/p>\n<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2015\/12\/POP-UP-BOX-AFTER-CLICKING-ON-EDIT-BUTTON.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-3302\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2015\/12\/POP-UP-BOX-AFTER-CLICKING-ON-EDIT-BUTTON.png\" alt=\"POP UP BOX NACH DEM ANKLICKEN DER EDIT-TASTE\" width=\"1280\" height=\"800\" \/><\/a><\/p>\n<h2 style=\"text-align: justify;\">Front-End-Modul<\/h2>\n<p style=\"text-align: justify;\">Nachdem das Prestashop Custom JS-Plugin von Knowband aktiviert wurde, sieht der Front-End-Benutzer die CSS und JS, die global zur Website hinzugef\u00fcgt wurden, und der Benutzer sieht auch die CSS und JS, die nur in den erweiterten Einstellungen zu dieser bestimmten Seite hinzugef\u00fcgt werden Tab.<\/p>\n<p>Die CUSTOM-CSS und JS am Front-End sieht wie folgt aus:<\/p>\n<p><a href=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2015\/12\/Front-End-Module.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-3301\" src=\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2015\/12\/Front-End-Module.png\" alt=\"Front-End-Modul\" width=\"1280\" height=\"800\" \/><\/a><\/p>\n<p><strong>Empfehlungen<\/strong><\/p>\n<p style=\"text-align: justify;\">Aktualisieren Sie die Startseite Ihres Shops jedes Mal, wenn Sie das Plug-in aktivieren \/ deaktivieren. Wenn das Plugin nach der Installation nicht funktioniert, \u00fcberpr\u00fcfen Sie bitte die Berechtigungen f\u00fcr den Modulordner. Der Ordner sollte beschreibbar sein. Bitte machen Sie die Ordnerberechtigung f\u00fcr 755.<\/p>\n<p style=\"text-align: left;\">Wir hoffen, dass wir alle Bedenken bez\u00fcglich des Installations- und Produktleitfadens dazu ge\u00e4u\u00dfert haben <a href=\"https:\/\/www.knowband.com\/prestashop-plugins\" target=\"_blank\">Prestashop-Zusatz<\/a>. Sie sollten auch unseren Blog &quot;Geben Sie mehreren Gr\u00fcnden an Ihre Kunden, um ihren Online-Zahlungsvorgang abzuschlie\u00dfen&quot; <a href=\"https:\/\/www.knowband.com\/blog\/prestashop-blog\/give-multiple-reasons-to-your-customers-for-completing-their-online-payment-process-through-our-prestashop-checkout-module\/\" target=\"_blank\"><strong>Hier<\/strong><\/a><\/p>\n<p style=\"text-align: left;\"><strong>Sehen Sie sich das Video Tutorial hier an:<\/strong><\/p>\n<div align=\"center\"><iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/lqx_yqKXSQ8\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n<p><strong>Modul Link:<\/strong> <a href=\"https:\/\/www.knowband.com\/prestashop-custom-css-and-js\" target=\"_blank\">https:\/\/www.knowband.com\/prestashop-custom-css-and-js<\/a><br \/>\n<strong>Benutzerhandbuch:<\/strong> <a href=\"https:\/\/www.knowband.com\/blog\/user-manual\/prestashop-custom-js-and-css\/\" target=\"_blank\">https:\/\/www.knowband.com\/blog\/user-manual\/prestashop-custom-js-and-css\/<\/a><br \/>\n<strong>Admin-Demo:<\/strong> <a href=\"https:\/\/ps.knowband.com\/demo1\/16\/admin1\/index.php?controller=AdminLogin&amp;token=aea1bb3fb1bab860c86c4db00ce5949e&amp;redirect=AdminModules&amp;demo_lang=en\" target=\"_blank\">https:\/\/ps.knowband.com\/demo1\/16\/admin1\/index.php?controller=AdminLogin&amp;token=aea1bb3fb1bab860c86c4db00ce5949e&amp;redirect=AdminModules&amp;demo_lang=en<\/a><br \/>\n<strong>Frontdemo:<\/strong> <a href=\"https:\/\/ps.knowband.com\/demo1\/16\/en\/\" target=\"_blank\">https:\/\/ps.knowband.com\/demo1\/16\/en\/<\/a><\/p>\n<p>Kaufe dieses Addon jetzt &gt;&gt; <a href=\"https:\/\/addons.prestashop.com\/en\/page-customization\/21546-knowband-custom-css-and-js.html\">Knowband &#8211; Benutzerdefinierte CSS und JS &#8211; PrestaShop Addons<\/a><br \/>\n<!-- delivered by GTranslate v4.8.4 in 0.009s visit https:\/\/gtranslate.io --><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Einf\u00fchrung: Prestashop Custom CSS und JS-Modul ist ein einfaches Modul, mit dem Sie die Seiten individuell gestalten k\u00f6nnen. Das Modul erm\u00f6glicht den Seitenbesitzern, CSS und JS der Website mit weiteren Funktionen zu versehen. Zum Bearbeiten der vorhandenen Codedateien ben\u00f6tigen Sie keinen FTP-Zugriff. Das Addon hilft Ihnen, den CSS- und JS-Code \u00fcber das Admin-Panel hinzuzuf\u00fcgen. Das [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_kbui_enabled":"","footnotes":""},"categories":[2340,2343],"tags":[2561,2562,2560,2559,2408],"class_list":["post-17438","post","type-post","status-publish","format-standard","hentry","category-benutzerhandbuch","category-prestashop-benutzerhandbuch","tag-benutzerdefiniertes-css-prestashop-modul","tag-benutzerdefiniertes-js-prestashop-modul","tag-prestashop-benutzerdefinierte-css","tag-prestashop-benutzerdefinierte-js","tag-prestashop-zusatz"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Prestashop Custom JS- und CSS-Modul - Benutzerhandbuch - Knowband Blog | Ecommerce Modules<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.knowband.com\/blog\/de\/benutzerhandbuch\/prestashop-custom-js-und-css-modul-benutzerhandbuch\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Prestashop Custom JS- und CSS-Modul - Benutzerhandbuch - Knowband Blog | Ecommerce Modules\" \/>\n<meta property=\"og:description\" content=\"Einf\u00fchrung: Prestashop Custom CSS und JS-Modul ist ein einfaches Modul, mit dem Sie die Seiten individuell gestalten k\u00f6nnen. Das Modul erm\u00f6glicht den Seitenbesitzern, CSS und JS der Website mit weiteren Funktionen zu versehen. Zum Bearbeiten der vorhandenen Codedateien ben\u00f6tigen Sie keinen FTP-Zugriff. Das Addon hilft Ihnen, den CSS- und JS-Code \u00fcber das Admin-Panel hinzuzuf\u00fcgen. Das [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.knowband.com\/blog\/de\/benutzerhandbuch\/prestashop-custom-js-und-css-modul-benutzerhandbuch\/\" \/>\n<meta property=\"og:site_name\" content=\"Knowband Blog | Ecommerce Modules\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Knowband\" \/>\n<meta property=\"article:published_time\" content=\"2015-02-11T00:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2018-06-30T09:48:18+00:00\" \/>\n<meta name=\"author\" content=\"Joe Parker\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@KnowbandPlugin\" \/>\n<meta name=\"twitter:site\" content=\"@KnowbandPlugin\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Joe Parker\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/de\\\/benutzerhandbuch\\\/prestashop-custom-js-und-css-modul-benutzerhandbuch\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/de\\\/benutzerhandbuch\\\/prestashop-custom-js-und-css-modul-benutzerhandbuch\\\/\"},\"author\":{\"name\":\"Joe Parker\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/#\\\/schema\\\/person\\\/81a9f6410791bd28706e8027b984012b\"},\"headline\":\"Prestashop Custom JS- und CSS-Modul &#8211; Benutzerhandbuch\",\"datePublished\":\"2015-02-11T00:00:00+00:00\",\"dateModified\":\"2018-06-30T09:48:18+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/de\\\/benutzerhandbuch\\\/prestashop-custom-js-und-css-modul-benutzerhandbuch\\\/\"},\"wordCount\":1144,\"publisher\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/de\\\/benutzerhandbuch\\\/prestashop-custom-js-und-css-modul-benutzerhandbuch\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/wp-content\\\/uploads\\\/2015\\\/12\\\/Installation-.png\",\"keywords\":[\"benutzerdefiniertes CSS Prestashop-Modul\",\"benutzerdefiniertes JS Prestashop-Modul\",\"Prestashop benutzerdefinierte CSS\",\"Prestashop Benutzerdefinierte JS\",\"Prestashop-Zusatz\"],\"articleSection\":[\"Benutzerhandbuch\",\"Prestashop Benutzerhandbuch\"],\"inLanguage\":\"de-DE\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/de\\\/benutzerhandbuch\\\/prestashop-custom-js-und-css-modul-benutzerhandbuch\\\/\",\"url\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/de\\\/benutzerhandbuch\\\/prestashop-custom-js-und-css-modul-benutzerhandbuch\\\/\",\"name\":\"Prestashop Custom JS- und CSS-Modul - Benutzerhandbuch - Knowband Blog | Ecommerce Modules\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/de\\\/benutzerhandbuch\\\/prestashop-custom-js-und-css-modul-benutzerhandbuch\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/de\\\/benutzerhandbuch\\\/prestashop-custom-js-und-css-modul-benutzerhandbuch\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/wp-content\\\/uploads\\\/2015\\\/12\\\/Installation-.png\",\"datePublished\":\"2015-02-11T00:00:00+00:00\",\"dateModified\":\"2018-06-30T09:48:18+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/de\\\/benutzerhandbuch\\\/prestashop-custom-js-und-css-modul-benutzerhandbuch\\\/#breadcrumb\"},\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.knowband.com\\\/blog\\\/de\\\/benutzerhandbuch\\\/prestashop-custom-js-und-css-modul-benutzerhandbuch\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de-DE\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/de\\\/benutzerhandbuch\\\/prestashop-custom-js-und-css-modul-benutzerhandbuch\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/wp-content\\\/uploads\\\/2015\\\/12\\\/Installation-.png\",\"contentUrl\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/wp-content\\\/uploads\\\/2015\\\/12\\\/Installation-.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/de\\\/benutzerhandbuch\\\/prestashop-custom-js-und-css-modul-benutzerhandbuch\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Prestashop Custom JS- und CSS-Modul &#8211; Benutzerhandbuch\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/#website\",\"url\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/\",\"name\":\"Knowband Blog | Ecommerce Modules\",\"description\":\"Magento, Prestashop, Opencart, Shopify\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de-DE\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/#organization\",\"name\":\"Knowband Blog | Ecommerce Modules\",\"url\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de-DE\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/wp-content\\\/uploads\\\/2016\\\/09\\\/cropped-knowband_logo-v2.png\",\"contentUrl\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/wp-content\\\/uploads\\\/2016\\\/09\\\/cropped-knowband_logo-v2.png\",\"width\":153,\"height\":61,\"caption\":\"Knowband Blog | Ecommerce Modules\"},\"image\":{\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/Knowband\",\"https:\\\/\\\/x.com\\\/KnowbandPlugin\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/fr\\\/#\\\/schema\\\/person\\\/81a9f6410791bd28706e8027b984012b\",\"name\":\"Joe Parker\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de-DE\",\"@id\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/wp-content\\\/plugins\\\/wp-user-avatar\\\/deprecated\\\/wp-user-avatar\\\/images\\\/wpua-96x96.png\",\"url\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/wp-content\\\/plugins\\\/wp-user-avatar\\\/deprecated\\\/wp-user-avatar\\\/images\\\/wpua-96x96.png\",\"contentUrl\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/wp-content\\\/plugins\\\/wp-user-avatar\\\/deprecated\\\/wp-user-avatar\\\/images\\\/wpua-96x96.png\",\"caption\":\"Joe Parker\"},\"description\":\"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.\",\"url\":\"https:\\\/\\\/www.knowband.com\\\/blog\\\/de\\\/author\\\/admin\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Prestashop Custom JS- und CSS-Modul - Benutzerhandbuch - Knowband Blog | Ecommerce Modules","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.knowband.com\/blog\/de\/benutzerhandbuch\/prestashop-custom-js-und-css-modul-benutzerhandbuch\/","og_locale":"de_DE","og_type":"article","og_title":"Prestashop Custom JS- und CSS-Modul - Benutzerhandbuch - Knowband Blog | Ecommerce Modules","og_description":"Einf\u00fchrung: Prestashop Custom CSS und JS-Modul ist ein einfaches Modul, mit dem Sie die Seiten individuell gestalten k\u00f6nnen. Das Modul erm\u00f6glicht den Seitenbesitzern, CSS und JS der Website mit weiteren Funktionen zu versehen. Zum Bearbeiten der vorhandenen Codedateien ben\u00f6tigen Sie keinen FTP-Zugriff. Das Addon hilft Ihnen, den CSS- und JS-Code \u00fcber das Admin-Panel hinzuzuf\u00fcgen. Das [&hellip;]","og_url":"https:\/\/www.knowband.com\/blog\/de\/benutzerhandbuch\/prestashop-custom-js-und-css-modul-benutzerhandbuch\/","og_site_name":"Knowband Blog | Ecommerce Modules","article_publisher":"https:\/\/www.facebook.com\/Knowband","article_published_time":"2015-02-11T00:00:00+00:00","article_modified_time":"2018-06-30T09:48:18+00:00","author":"Joe Parker","twitter_card":"summary_large_image","twitter_creator":"@KnowbandPlugin","twitter_site":"@KnowbandPlugin","twitter_misc":{"Written by":"Joe Parker","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.knowband.com\/blog\/de\/benutzerhandbuch\/prestashop-custom-js-und-css-modul-benutzerhandbuch\/#article","isPartOf":{"@id":"https:\/\/www.knowband.com\/blog\/de\/benutzerhandbuch\/prestashop-custom-js-und-css-modul-benutzerhandbuch\/"},"author":{"name":"Joe Parker","@id":"https:\/\/www.knowband.com\/blog\/fr\/#\/schema\/person\/81a9f6410791bd28706e8027b984012b"},"headline":"Prestashop Custom JS- und CSS-Modul &#8211; Benutzerhandbuch","datePublished":"2015-02-11T00:00:00+00:00","dateModified":"2018-06-30T09:48:18+00:00","mainEntityOfPage":{"@id":"https:\/\/www.knowband.com\/blog\/de\/benutzerhandbuch\/prestashop-custom-js-und-css-modul-benutzerhandbuch\/"},"wordCount":1144,"publisher":{"@id":"https:\/\/www.knowband.com\/blog\/fr\/#organization"},"image":{"@id":"https:\/\/www.knowband.com\/blog\/de\/benutzerhandbuch\/prestashop-custom-js-und-css-modul-benutzerhandbuch\/#primaryimage"},"thumbnailUrl":"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2015\/12\/Installation-.png","keywords":["benutzerdefiniertes CSS Prestashop-Modul","benutzerdefiniertes JS Prestashop-Modul","Prestashop benutzerdefinierte CSS","Prestashop Benutzerdefinierte JS","Prestashop-Zusatz"],"articleSection":["Benutzerhandbuch","Prestashop Benutzerhandbuch"],"inLanguage":"de-DE"},{"@type":"WebPage","@id":"https:\/\/www.knowband.com\/blog\/de\/benutzerhandbuch\/prestashop-custom-js-und-css-modul-benutzerhandbuch\/","url":"https:\/\/www.knowband.com\/blog\/de\/benutzerhandbuch\/prestashop-custom-js-und-css-modul-benutzerhandbuch\/","name":"Prestashop Custom JS- und CSS-Modul - Benutzerhandbuch - Knowband Blog | Ecommerce Modules","isPartOf":{"@id":"https:\/\/www.knowband.com\/blog\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.knowband.com\/blog\/de\/benutzerhandbuch\/prestashop-custom-js-und-css-modul-benutzerhandbuch\/#primaryimage"},"image":{"@id":"https:\/\/www.knowband.com\/blog\/de\/benutzerhandbuch\/prestashop-custom-js-und-css-modul-benutzerhandbuch\/#primaryimage"},"thumbnailUrl":"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2015\/12\/Installation-.png","datePublished":"2015-02-11T00:00:00+00:00","dateModified":"2018-06-30T09:48:18+00:00","breadcrumb":{"@id":"https:\/\/www.knowband.com\/blog\/de\/benutzerhandbuch\/prestashop-custom-js-und-css-modul-benutzerhandbuch\/#breadcrumb"},"inLanguage":"de-DE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.knowband.com\/blog\/de\/benutzerhandbuch\/prestashop-custom-js-und-css-modul-benutzerhandbuch\/"]}]},{"@type":"ImageObject","inLanguage":"de-DE","@id":"https:\/\/www.knowband.com\/blog\/de\/benutzerhandbuch\/prestashop-custom-js-und-css-modul-benutzerhandbuch\/#primaryimage","url":"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2015\/12\/Installation-.png","contentUrl":"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2015\/12\/Installation-.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.knowband.com\/blog\/de\/benutzerhandbuch\/prestashop-custom-js-und-css-modul-benutzerhandbuch\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.knowband.com\/blog\/fr\/"},{"@type":"ListItem","position":2,"name":"Prestashop Custom JS- und CSS-Modul &#8211; Benutzerhandbuch"}]},{"@type":"WebSite","@id":"https:\/\/www.knowband.com\/blog\/fr\/#website","url":"https:\/\/www.knowband.com\/blog\/fr\/","name":"Knowband Blog | Ecommerce Modules","description":"Magento, Prestashop, Opencart, Shopify","publisher":{"@id":"https:\/\/www.knowband.com\/blog\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.knowband.com\/blog\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de-DE"},{"@type":"Organization","@id":"https:\/\/www.knowband.com\/blog\/fr\/#organization","name":"Knowband Blog | Ecommerce Modules","url":"https:\/\/www.knowband.com\/blog\/fr\/","logo":{"@type":"ImageObject","inLanguage":"de-DE","@id":"https:\/\/www.knowband.com\/blog\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2016\/09\/cropped-knowband_logo-v2.png","contentUrl":"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2016\/09\/cropped-knowband_logo-v2.png","width":153,"height":61,"caption":"Knowband Blog | Ecommerce Modules"},"image":{"@id":"https:\/\/www.knowband.com\/blog\/fr\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Knowband","https:\/\/x.com\/KnowbandPlugin"]},{"@type":"Person","@id":"https:\/\/www.knowband.com\/blog\/fr\/#\/schema\/person\/81a9f6410791bd28706e8027b984012b","name":"Joe Parker","image":{"@type":"ImageObject","inLanguage":"de-DE","@id":"https:\/\/www.knowband.com\/blog\/wp-content\/plugins\/wp-user-avatar\/deprecated\/wp-user-avatar\/images\/wpua-96x96.png","url":"https:\/\/www.knowband.com\/blog\/wp-content\/plugins\/wp-user-avatar\/deprecated\/wp-user-avatar\/images\/wpua-96x96.png","contentUrl":"https:\/\/www.knowband.com\/blog\/wp-content\/plugins\/wp-user-avatar\/deprecated\/wp-user-avatar\/images\/wpua-96x96.png","caption":"Joe Parker"},"description":"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.","url":"https:\/\/www.knowband.com\/blog\/de\/author\/admin\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.knowband.com\/blog\/de\/wp-json\/wp\/v2\/posts\/17438","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.knowband.com\/blog\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.knowband.com\/blog\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.knowband.com\/blog\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.knowband.com\/blog\/de\/wp-json\/wp\/v2\/comments?post=17438"}],"version-history":[{"count":0,"href":"https:\/\/www.knowband.com\/blog\/de\/wp-json\/wp\/v2\/posts\/17438\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.knowband.com\/blog\/de\/wp-json\/wp\/v2\/media?parent=17438"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.knowband.com\/blog\/de\/wp-json\/wp\/v2\/categories?post=17438"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.knowband.com\/blog\/de\/wp-json\/wp\/v2\/tags?post=17438"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}