{"id":5926,"date":"2026-03-24T17:48:40","date_gmt":"2026-03-24T16:48:40","guid":{"rendered":"https:\/\/support.sparkles.io\/kennisbank\/handbuch-shop-theme-und-page-builder\/"},"modified":"2026-05-05T10:16:09","modified_gmt":"2026-05-05T09:16:09","slug":"handbuch-shop-theme-und-page-builder","status":"publish","type":"ht_kb","link":"https:\/\/support.sparkles.io\/de\/kennisbank\/handbuch-shop-theme-und-page-builder\/","title":{"rendered":"Handbuch Shop-Theme und Page Builder"},"content":{"rendered":"\n<p>In diesem Handbuch erkl\u00e4ren wir dir, wie du mit dem neuen Shop-Theme und Page Builder arbeitest. Au\u00dferdem zeigen wir dir Videos mit visuellen Erkl\u00e4rungen. <\/p>\n\n<h2 class=\"wp-block-heading\" id=\"sets\"><strong>1. Einf\u00fchrung<\/strong> <\/h2>\n\n<h3 class=\"wp-block-heading\">Spezifikationen<\/h3>\n\n<p>Mit dem neuen Header &amp; Footer Builder k\u00f6nnen Webshop-Besitzer ihren Header und Footer selbst gestalten. Dieses Handout hilft Nutzern bei den ersten Schritten und bietet eine \u00dcbersicht der wichtigsten Funktionen.  <\/p>\n\n<h2 class=\"wp-block-heading\">2. <strong>Shop-Theme-Einstellungen (Stileinstellungen f\u00fcr dein Theme)<\/strong> <\/h2>\n\n<p>Gehe im CMS zu: \u201e<strong>CMS \/ Layout \/ Shop-Theme <strong>\u2192<\/strong> Shop-Theme einstellen<\/strong>\u201c.<\/p>\n\n<p>Hier stellst du das allgemeine Design\/Corporate Design deines Webshops ein. <\/p>\n\n<figure class=\"wp-block-image size-large\"><img  title=\"\" fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"588\" src=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/shopthema-1024x588.png\"  alt=\"shopthema-1024x588 Handbuch Shop-Theme und Page Builder\"  class=\"wp-image-2631\" srcset=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/shopthema-1024x588.png 1024w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/shopthema-300x172.png 300w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/shopthema-768x441.png 768w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/shopthema-50x29.png 50w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/shopthema.png 1077w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n<p>Klicke auf \u201e<strong>Neues Shop-Theme hinzuf\u00fcgen<\/strong>\u201c (gr\u00fcner Button oben rechts).<\/p>\n\n<p><\/p>\n\n<h3 class=\"wp-block-heading\"><strong>2.1 Farbnamen<\/strong> <\/h3>\n\n<ul class=\"wp-block-list\">\n<li>Es sind <strong>mindestens 2<\/strong> und <strong>maximal 9<\/strong> Farben einstellbar. Aus diesen Farben werden jeweils zwei weitere Nuancen erstellt, sodass du letztendlich 27 Farben zur Auswahl hast.  <\/li>\n<\/ul>\n\n<ul class=\"wp-block-list\">\n<li>Klicke auf die Farbe, w\u00e4hle im Farbmen\u00fc den Hex-Code aus und gib diesen ein. <\/li>\n<\/ul>\n\n<figure class=\"wp-block-image size-full\"><img  title=\"\" decoding=\"async\" width=\"543\" height=\"345\" src=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/Hex-code.png\"  alt=\"Hex-code Handbuch Shop-Theme und Page Builder\"  class=\"wp-image-2634\" srcset=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/Hex-code.png 543w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/Hex-code-300x191.png 300w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/Hex-code-50x32.png 50w\" sizes=\"(max-width: 543px) 100vw, 543px\" \/><\/figure>\n\n<p>Klicke hinter jeder Farbe einzeln auf \u201eSpeichern\u201c (Disketten-Symbol). <\/p>\n\n<ul class=\"wp-block-list\">\n<li>Diese Farben k\u00f6nnen anschlie\u00dfend f\u00fcr Buttons, Text, Hintergr\u00fcnde und andere Elemente ausgew\u00e4hlt und verwendet werden, bei denen die Farbe einstellbar ist. <\/li>\n<\/ul>\n\n<p><\/p>\n\n<h3 class=\"wp-block-heading\"><strong>2.2 Schriftarten (Fonts)<\/strong> <\/h3>\n\n<ul class=\"wp-block-list\">\n<li>Stelle die <strong>prim\u00e4re<\/strong> und <strong>sekund\u00e4re<\/strong> Schriftart ein.<\/li>\n<\/ul>\n\n<ul class=\"wp-block-list\">\n<li>Du kannst aus den Schriftarten w\u00e4hlen, die in der Liste erscheinen.<\/li>\n<\/ul>\n\n<ul class=\"wp-block-list\">\n<li>Klicke hinter jeder Schriftart auf \u201e<strong>Speichern<\/strong>\u201c (Disketten-Symbol).<\/li>\n<\/ul>\n\n<figure class=\"wp-block-image size-large\"><img  title=\"\" decoding=\"async\" width=\"1024\" height=\"230\" src=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/lettertypen-1024x230.png\"  alt=\"lettertypen-1024x230 Handbuch Shop-Theme und Page Builder\"  class=\"wp-image-2635\" srcset=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/lettertypen-1024x230.png 1024w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/lettertypen-300x67.png 300w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/lettertypen-768x172.png 768w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/lettertypen-50x11.png 50w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/lettertypen.png 1069w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n<p>Die prim\u00e4re Schriftart ist die Basisschriftart und wird f\u00fcr den Flie\u00dftext sowie in den (Navigations-)Men\u00fcs verwendet. Die sekund\u00e4re Schriftart wird f\u00fcr \u00dcberschriften genutzt. <\/p>\n\n<p><\/p>\n\n<h3 class=\"wp-block-heading\">2.3 <strong>Ecken<\/strong> <\/h3>\n\n<figure class=\"wp-block-image size-full is-resized\"><img  title=\"\" loading=\"lazy\" decoding=\"async\" width=\"301\" height=\"198\" src=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/raduis.png\"  alt=\"raduis Handbuch Shop-Theme und Page Builder\"  class=\"wp-image-2632\" style=\"width:301px;height:auto\" srcset=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/raduis.png 301w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/raduis-50x33.png 50w\" sizes=\"(max-width: 301px) 100vw, 301px\" \/><\/figure>\n\n<p><em>Du kannst aus voreingestellten Werten w\u00e4hlen. <\/em><\/p>\n\n<p><strong>Button-Ecken<\/strong> <\/p>\n\n<p>Passe die Abrundung von Schaltfl\u00e4chen an, indem du den \u201e<strong>Radius<em> <\/em><\/strong>\u201c w\u00e4hlst. Dies ist die Rundung der Ecke. Damit bestimmst du, ob Buttons eckig, leicht abgerundet oder komplett rund wirken. Klicke auf \u201e<strong>Shop-Theme speichern<\/strong>\u201c, wenn du fertig bist.   <\/p>\n\n<p><strong>Rahmen-Ecken<\/strong> <\/p>\n\n<p>Dies funktioniert genauso wie bei den Button-Ecken. Kleiner Tipp: W\u00e4hle f\u00fcr beide den gleichen Wert, das sorgt f\u00fcr ein konsistentes Design der Buttons und Rahmen. Klicke auf \u201e<strong>Speichern<\/strong>\u201c, wenn du fertig bist.  <\/p>\n\n<p><\/p>\n\n<h2 class=\"wp-block-heading\"><strong>3. Footer Builder<\/strong> <\/h2>\n\n<p>Der Footer kann \u00fcber das CMS-Men\u00fc bearbeitet werden: <br\/><strong>Layout \/ Footer \u2192 Scrolle auf der Seite nach unten (die Felder kannst du ansonsten leer lassen) <strong>\u2192<\/strong> Klicke auf <em>Shop-Element anpassen<\/em> <\/strong>  <\/p>\n\n<h3 class=\"wp-block-heading\"><strong>3.1 Vorschau &amp; Ger\u00e4te<\/strong> <\/h3>\n\n<p>Oben im Editor stehen drei Anzeigeoptionen zur Verf\u00fcgung: <\/p>\n\n<ul class=\"wp-block-list\">\n<li><strong>Desktop<\/strong> <\/li>\n<\/ul>\n\n<ul class=\"wp-block-list\">\n<li><strong>Tablet<\/strong> <\/li>\n<\/ul>\n\n<ul class=\"wp-block-list\">\n<li><strong>Mobil<\/strong> <\/li>\n<\/ul>\n\n<p>Zus\u00e4tzlich: <\/p>\n\n<ul class=\"wp-block-list\">\n<li>\u201e<strong>Preview-Button<\/strong>\u201c (Quadrat mit Pfeil) \u2192 hier siehst du, wie dein Header aussieht. <\/li>\n<\/ul>\n\n<ul class=\"wp-block-list\">\n<li>\u201e<strong>Export changes<\/strong>\u201c \u2192 verwende dies nur, wenn du mit der Bearbeitung fertig bist (Version speichern).<\/li>\n<\/ul>\n\n<figure class=\"wp-block-image size-large\"><img  title=\"\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"200\" src=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-73-1024x200.png\"  alt=\"image-73-1024x200 Handbuch Shop-Theme und Page Builder\"  class=\"wp-image-2636\" srcset=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-73-1024x200.png 1024w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-73-300x58.png 300w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-73-768x150.png 768w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-73-50x10.png 50w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-73.png 1093w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n<p>Im linken Men\u00fc findest du verschiedene Elemente, die du auf die rechte Seite ziehen kannst. Es erscheint ein gr\u00fcner Balken, der anzeigt, wohin das Element gezogen werden muss. Sobald du das Element an die richtige Stelle gezogen hast, wird es dort angezeigt.   <\/p>\n\n<p>Um immer wieder zum Hauptmen\u00fc zur\u00fcckzukehren, klicke auf das Plus-Symbol. <\/p>\n\n<figure class=\"wp-block-image size-full\"><img  title=\"\" loading=\"lazy\" decoding=\"async\" width=\"901\" height=\"402\" src=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-74.png\"  alt=\"image-74 Handbuch Shop-Theme und Page Builder\"  class=\"wp-image-2637\" srcset=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-74.png 901w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-74-300x134.png 300w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-74-768x343.png 768w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-74-50x22.png 50w\" sizes=\"(max-width: 901px) 100vw, 901px\" \/><\/figure>\n\n<h3 class=\"wp-block-heading\"><strong>3.2 Elementoptionen<\/strong> <\/h3>\n\n<p>Wenn du ein Element ausw\u00e4hlst, sind dies die verf\u00fcgbaren Aktionen: <\/p>\n\n<ul class=\"wp-block-list\">\n<li><strong>L\u00f6schen (M\u00fclleimer)<\/strong> <\/li>\n<\/ul>\n\n<ul class=\"wp-block-list\">\n<li><strong>Kopieren (Kopier-Icon)<\/strong> <\/li>\n<\/ul>\n\n<ul class=\"wp-block-list\">\n<li><strong>Verschieben (Pfeil-Icon in alle Richtungen)<\/strong> <\/li>\n<\/ul>\n\n<ul class=\"wp-block-list\">\n<li>\u201e<strong>Untergeordnetes Element ausw\u00e4hlen<\/strong>\u201c (eine Ebene h\u00f6her) <\/li>\n<\/ul>\n\n<figure class=\"wp-block-image size-full\"><img  title=\"\" loading=\"lazy\" decoding=\"async\" width=\"445\" height=\"169\" src=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-75.png\"  alt=\"image-75 Handbuch Shop-Theme und Page Builder\"  class=\"wp-image-2638\" srcset=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-75.png 445w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-75-300x114.png 300w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-75-50x19.png 50w\" sizes=\"(max-width: 445px) 100vw, 445px\" \/><\/figure>\n\n<h3 class=\"wp-block-heading\"><strong>3.3 Footer USP<\/strong> <\/h3>\n\n<p>Element mit Alleinstellungsmerkmalen \u2013 Footer USP <\/p>\n\n<ul class=\"wp-block-list\">\n<li>Ziehe den Balken nach rechts, bis ein gr\u00fcner Strich erscheint. <\/li>\n<\/ul>\n\n<figure class=\"wp-block-image size-large\"><img  title=\"\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"438\" src=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-77-1024x438.png\"  alt=\"image-77-1024x438 Handbuch Shop-Theme und Page Builder\"  class=\"wp-image-2640\" srcset=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-77-1024x438.png 1024w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-77-300x128.png 300w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-77-768x328.png 768w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-77-50x21.png 50w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-77.png 1083w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n<p>Anschlie\u00dfend kannst du die Footer USPs gestalten.<\/p>\n\n<ol start=\"1\" class=\"wp-block-list\">\n<li>Wenn du \u201e<strong>Mobil<\/strong>\u201c w\u00e4hlst,<strong> <\/strong>wird der Footer USP als <strong>Swiper<\/strong> angezeigt.<\/li>\n<\/ol>\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li>Klicke auf \u201e<strong>Alle Slides anzeigen<\/strong>\u201c, um alle USPs einzublenden.<\/li>\n<\/ol>\n\n<figure class=\"wp-block-image size-full\"><img  title=\"\" loading=\"lazy\" decoding=\"async\" width=\"901\" height=\"678\" src=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-78.png\"  alt=\"image-78 Handbuch Shop-Theme und Page Builder\"  class=\"wp-image-2641\" srcset=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-78.png 901w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-78-300x226.png 300w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-78-768x578.png 768w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-78-50x38.png 50w\" sizes=\"(max-width: 901px) 100vw, 901px\" \/><\/figure>\n\n<h3 class=\"wp-block-heading\"><strong>3<\/strong><strong>.4<\/strong><strong> <\/strong><strong>Footer <\/strong><strong>Versandarten<\/strong> <\/h3>\n\n<figure class=\"wp-block-image size-large\"><img  title=\"\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"297\" src=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-80-1024x297.png\"  alt=\"image-80-1024x297 Handbuch Shop-Theme und Page Builder\"  class=\"wp-image-2722\" srcset=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-80-1024x297.png 1024w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-80-300x87.png 300w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-80-768x223.png 768w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-80-50x14.png 50w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-80.png 1111w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n<p>Je nachdem, welche \u201eBox\u201c\/welchen Rahmen\/welchen Container du w\u00e4hlst, werden dir im linken Men\u00fc unterschiedliche Optionen angezeigt.<\/p>\n\n<figure class=\"wp-block-image size-large\"><img  title=\"\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"417\" src=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-76-1024x417.png\"  alt=\"image-76-1024x417 Handbuch Shop-Theme und Page Builder\"  class=\"wp-image-2639\" srcset=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-76-1024x417.png 1024w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-76-300x122.png 300w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-76-768x313.png 768w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-76-50x20.png 50w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-76.png 1089w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n<p>Hier werden die Versandarten und Zahlungsmethoden hinzugef\u00fcgt. Du kannst die Bilder nach Belieben hinzuf\u00fcgen oder entfernen. Die Reihenfolge kannst du per Drag-and-Drop \u00e4ndern.   <\/p>\n\n<h3 class=\"wp-block-heading\"><strong>3.5 Footer-Men\u00fc<\/strong> <\/h3>\n\n<figure class=\"wp-block-image size-large\"><img  title=\"\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"317\" src=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-81-1024x317.png\"  alt=\"image-81-1024x317 Handbuch Shop-Theme und Page Builder\"  class=\"wp-image-2723\" srcset=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-81-1024x317.png 1024w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-81-300x93.png 300w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-81-768x238.png 768w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-81-50x15.png 50w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-81.png 1098w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n<p>Im Footer werden 5 Spalten hinzugef\u00fcgt. Durch Klicken auf ein Zahnrad-Symbol kannst du den Text pro Spalte \u00e4ndern. Links f\u00fcgst du hinzu, indem du auf den Men\u00fcpunkt klickst und unter Href den Link eintr\u00e4gst. Zus\u00e4tzliche Spalten f\u00fcgst du durch Kopieren hinzu.    <\/p>\n\n<h3 class=\"wp-block-heading\"><strong>3.6 Mobiles Footer-Men\u00fc<\/strong> <\/h3>\n\n<p>Mobile Variante des Men\u00fcs. W\u00e4hle die mobile Ansicht.  <\/p>\n\n<figure class=\"wp-block-image size-large\"><img  title=\"\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"401\" src=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-82-1024x401.png\"  alt=\"image-82-1024x401 Handbuch Shop-Theme und Page Builder\"  class=\"wp-image-2724\" srcset=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-82-1024x401.png 1024w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-82-300x117.png 300w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-82-768x300.png 768w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-82-50x20.png 50w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-82.png 1099w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n<p>Dies arbeitet mit <strong>Akkordeons<\/strong> f\u00fcr eine kompakte Darstellung.<\/p>\n\n<figure class=\"wp-block-image size-large\"><img  title=\"\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"415\" src=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-79-1024x415.png\"  alt=\"image-79-1024x415 Handbuch Shop-Theme und Page Builder\"  class=\"wp-image-2642\" srcset=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-79-1024x415.png 1024w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-79-300x122.png 300w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-79-768x311.png 768w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-79-50x20.png 50w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-79.png 1098w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n<h3 class=\"wp-block-heading\">3.7 <strong>Footer-Disclaimer<\/strong> <\/h3>\n\n<ul class=\"wp-block-list\">\n<li>Frei konfigurierbarer Text. <\/li>\n\n\n\n<li>Perfekt f\u00fcr Rechtstexte, Copyright oder Bedingungen.<\/li>\n<\/ul>\n\n<figure class=\"wp-block-image size-large\"><img  title=\"\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"269\" src=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-83-1024x269.png\"  alt=\"image-83-1024x269 Handbuch Shop-Theme und Page Builder\"  class=\"wp-image-2725\" srcset=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-83-1024x269.png 1024w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-83-300x79.png 300w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-83-768x201.png 768w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-83-50x13.png 50w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-83.png 1102w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n<ul class=\"wp-block-list\">\n<li>Durch Auswahl des richtigen Containers kannst du einen Link hinzuf\u00fcgen, der dann extern auf z. B. Facebook verweist.<\/li>\n<\/ul>\n\n<figure class=\"wp-block-image size-large\"><img  title=\"\" decoding=\"async\" src=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/Scherm&#xAD;afbeelding-2026-04-14-om-13.37.49-1024x328.png\"  alt=\"Scherm&#xAD;afbeelding-2026-04-14-om-13.37.49-1024x328 Handbuch Shop-Theme und Page Builder\"  class=\"wp-image-4493\"\/><\/figure>\n\n<h2 class=\"wp-block-heading\"><strong>4. Header Builder<\/strong> <\/h2>\n\n<p>Der Header kann \u00fcber das CMS-Men\u00fc bearbeitet werden:<br\/><strong>Layout \/ Header \u2192 Scrolle auf der Seite nach unten (die Felder kannst du ansonsten leer lassen) &#8211;&gt; Klicke auf &#8212;<\/strong><strong> Shop-Element erstellen<\/strong>. <\/p>\n\n<h3 class=\"wp-block-heading\"><strong>4.1 Vorschau &amp; Ger\u00e4te<\/strong> <\/h3>\n\n<p>Oben im Editor stehen drei Anzeigeoptionen zur Verf\u00fcgung: <\/p>\n\n<ul class=\"wp-block-list\">\n<li><strong>Desktop<\/strong> <\/li>\n<\/ul>\n\n<ul class=\"wp-block-list\">\n<li><strong>Tablet<\/strong> <\/li>\n<\/ul>\n\n<ul class=\"wp-block-list\">\n<li><strong>Mobil<\/strong> <\/li>\n<\/ul>\n\n<p>Zus\u00e4tzlich: <\/p>\n\n<ul class=\"wp-block-list\">\n<li>\u201e<strong>Preview-Button<\/strong>\u201c (Quadrat mit Pfeil) \u2192 hier siehst du, wie dein Header aussieht. <\/li>\n<\/ul>\n\n<ul class=\"wp-block-list\">\n<li>\u201e<strong>Export changes<\/strong>\u201c \u2192 verwende dies nur, wenn du mit der Bearbeitung fertig bist (Version speichern). <\/li>\n<\/ul>\n\n<h2 class=\"wp-block-heading\"><strong>5. Header-Elemente (Bl\u00f6cke hinzuf\u00fcgen)<\/strong> <\/h2>\n\n<p>Im linken Men\u00fc findest du verschiedene Elemente, die du auf die rechte Seite ziehen kannst. Es erscheint ein gr\u00fcner Balken, der anzeigt, wohin das Element gezogen werden muss. Sobald du das Element an die richtige Stelle gezogen hast, wird es dort angezeigt.   <\/p>\n\n<p>Um immer wieder zum Hauptmen\u00fc zur\u00fcckzukehren, klicke auf das Plus-Symbol. <\/p>\n\n<h3 class=\"wp-block-heading\"><strong>5.1 Elementoptionen<\/strong> <\/h3>\n\n<p>Wenn du ein Element ausw\u00e4hlst, sind dies die verf\u00fcgbaren Aktionen: <\/p>\n\n<ul class=\"wp-block-list\">\n<li><strong>L\u00f6schen (M\u00fclleimer)<\/strong> <\/li>\n<\/ul>\n\n<ul class=\"wp-block-list\">\n<li><strong>Kopieren (Kopier-Icon)<\/strong> <\/li>\n<\/ul>\n\n<ul class=\"wp-block-list\">\n<li><strong>Verschieben (Pfeil-Icon in alle Richtungen)<\/strong> <\/li>\n<\/ul>\n\n<ul class=\"wp-block-list\">\n<li>\u201e<strong>Untergeordnetes Element ausw\u00e4hlen<\/strong>\u201c (eine Ebene h\u00f6her) <\/li>\n<\/ul>\n\n<figure class=\"wp-block-image size-full\"><img  title=\"\" loading=\"lazy\" decoding=\"async\" width=\"445\" height=\"169\" src=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-84.png\"  alt=\"image-84 Handbuch Shop-Theme und Page Builder\"  class=\"wp-image-2726\" srcset=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-84.png 445w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-84-300x114.png 300w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-84-50x19.png 50w\" sizes=\"(max-width: 445px) 100vw, 445px\" \/><\/figure>\n\n<h3 class=\"wp-block-heading\"><strong>5.2 USP-Leiste<\/strong> <\/h3>\n\n<p>Es gibt zwei Varianten: <\/p>\n\n<p>1. <strong>Desktop-Ansicht<\/strong> &#8211;&gt; Leiste <\/p>\n\n<p>2. <strong>Mobile Ansicht<\/strong> &#8211;&gt; Swiper mobile (dies ist ein Slider) <\/p>\n\n<figure class=\"wp-block-image size-large\"><img  title=\"\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"200\" src=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-85-1024x200.png\"  alt=\"image-85-1024x200 Handbuch Shop-Theme und Page Builder\"  class=\"wp-image-2727\" srcset=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-85-1024x200.png 1024w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-85-300x59.png 300w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-85-768x150.png 768w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-85-50x10.png 50w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-85.png 1105w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n<p>Je nachdem, in welcher Ansicht du dich befindest (Desktop oder Mobil), wird die entsprechende Variante der USP-Leiste angezeigt. <\/p>\n\n<figure class=\"wp-block-image size-large\"><img  title=\"\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"307\" src=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-87-1024x307.png\"  alt=\"image-87-1024x307 Handbuch Shop-Theme und Page Builder\"  class=\"wp-image-2729\" srcset=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-87-1024x307.png 1024w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-87-300x90.png 300w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-87-768x230.png 768w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-87-50x15.png 50w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-87.png 1111w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"advgb-dyn-ea80d493\"><em>Desktop-Ansicht<\/em><\/p>\n<\/blockquote>\n\n<p><strong>Icon anpassen (das Element, wie z. B. ein Sternchen oder Herzchen, das vor dem USP-Text steht)<\/strong> <\/p>\n\n<ol start=\"1\" class=\"wp-block-list\">\n<li>Klicke auf das Icon. <\/li>\n<\/ol>\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li>Im linken Men\u00fc erscheint die Icon-Bibliothek. <\/li>\n<\/ol>\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li>Klicke auf das gew\u00fcnschte Icon. <\/li>\n<\/ol>\n\n<p><strong>Um ein \u201eanderes\u201c Icon von <em>Font Awesome<\/em> hinzuzuf\u00fcgen, klicke auf Icon name: <\/strong><\/p>\n\n<ol start=\"1\" class=\"wp-block-list\">\n<li>Gehe zu <a href=\"https:\/\/fontawesome.com\/icons\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/fontawesome.com\/icons<\/a> <\/li>\n<\/ol>\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li>Suche nach dem gew\u00fcnschten Icon (auf Englisch). <\/li>\n<\/ol>\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li>Kopiere den Titel des Icons und f\u00fcge ihn ein. <\/li>\n<\/ol>\n\n<p><strong>Um dein eigenes Icon hinzuzuf\u00fcgen, klicke auf das \u201eZahnrad\u201c:<\/strong><\/p>\n\n<ol class=\"wp-block-list\">\n<li>Klicke auf das \u201eZahnrad\u201c.<\/li>\n\n\n\n<li>Entferne &#8230;.. USP.<\/li>\n\n\n\n<li>W\u00e4hle ein anderes USP-Layout.<\/li>\n\n\n\n<li>Ersetze das Standardbild durch das Icon-Bild.<\/li>\n<\/ol>\n\n<figure class=\"wp-block-image size-large\"><img  title=\"\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"287\" src=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/verwijder-standaard-USP-1024x287.png\"  alt=\"verwijder-standaard-USP-1024x287 Handbuch Shop-Theme und Page Builder\"  class=\"wp-image-4494\" srcset=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/verwijder-standaard-USP-1024x287.png 1024w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/verwijder-standaard-USP-300x84.png 300w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/verwijder-standaard-USP-768x216.png 768w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/verwijder-standaard-USP-50x14.png 50w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/verwijder-standaard-USP-1536x431.png 1536w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/verwijder-standaard-USP.png 1924w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n<figure class=\"wp-block-image size-large\"><img  title=\"\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"334\" src=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/iccon-vervangen-1024x334.png\"  alt=\"iccon-vervangen-1024x334 Handbuch Shop-Theme und Page Builder\"  class=\"wp-image-4497\" srcset=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/iccon-vervangen-1024x334.png 1024w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/iccon-vervangen-300x98.png 300w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/iccon-vervangen-768x250.png 768w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/iccon-vervangen-50x16.png 50w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/iccon-vervangen-1536x501.png 1536w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/iccon-vervangen-2048x667.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n<figure class=\"wp-block-image size-large\"><img  title=\"\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"329\" src=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/vervang-afb-door-eigen-icoon-1024x329.png\"  alt=\"vervang-afb-door-eigen-icoon-1024x329 Handbuch Shop-Theme und Page Builder\"  class=\"wp-image-4495\" srcset=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/vervang-afb-door-eigen-icoon-1024x329.png 1024w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/vervang-afb-door-eigen-icoon-300x96.png 300w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/vervang-afb-door-eigen-icoon-768x247.png 768w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/vervang-afb-door-eigen-icoon-50x16.png 50w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/vervang-afb-door-eigen-icoon-1536x494.png 1536w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/vervang-afb-door-eigen-icoon-2048x658.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n<p><strong>Text anpassen<\/strong> <\/p>\n\n<ol start=\"1\" class=\"wp-block-list\">\n<li>Klicke auf den Text, den du anpassen m\u00f6chtest. <\/li>\n<\/ol>\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li>Passe den Text an. <\/li>\n<\/ol>\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li>Die Farbe kann nach Belieben im linken Men\u00fc angepasst werden. <\/li>\n<\/ol>\n\n<p><strong>Farbe der USP-Leiste anpassen<\/strong> <\/p>\n\n<ol start=\"1\" class=\"wp-block-list\">\n<li>Klicke auf das Verschieben-Icon in der USP-Leiste. <\/li>\n<\/ol>\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li>Klicke im linken Men\u00fc auf Style. <\/li>\n<\/ol>\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li>Klicke auf die gew\u00fcnschte Farbe. <\/li>\n<\/ol>\n\n<p><\/p>\n\n<figure class=\"wp-block-image size-large\"><img  title=\"\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"396\" src=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-89-1024x396.png\"  alt=\"image-89-1024x396 Handbuch Shop-Theme und Page Builder\"  class=\"wp-image-2731\" srcset=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-89-1024x396.png 1024w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-89-300x116.png 300w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-89-768x297.png 768w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-89-50x19.png 50w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-89.png 1093w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><em>Mobile Ansicht <\/em><\/p>\n\n\n\n<p><\/p>\n<\/blockquote>\n\n<figure class=\"wp-block-image size-large\"><img  title=\"\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"597\" src=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-90-1024x597.png\"  alt=\"image-90-1024x597 Handbuch Shop-Theme und Page Builder\"  class=\"wp-image-2732\" srcset=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-90-1024x597.png 1024w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-90-300x175.png 300w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-90-768x448.png 768w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-90-50x29.png 50w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-90.png 1086w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n<p>Klicke auf den Text (USP 1) + klicke anschlie\u00dfend auf das Zahnrad dieses Fensters. Klicke im linken Men\u00fc auf \u201eShow all slides\u201c, um alle USPs anzuzeigen und anzupassen.  <\/p>\n\n<ul class=\"wp-block-list\">\n<li><strong><em>Slides per view<\/em><\/strong><em>:<\/em> wie viele USPs pro Slide im Bild erscheinen. <\/li>\n<\/ul>\n\n<ul class=\"wp-block-list\">\n<li><strong><em>Space between slides<\/em><\/strong><em>: <\/em>der Abstand zwischen den USPs. <\/li>\n<\/ul>\n\n<ul class=\"wp-block-list\">\n<li><strong><em>Show navigation<\/em><\/strong><em>: <\/em>es werden Pfeile an beiden Seiten des USPs hinzugef\u00fcgt, damit der Kunde manuell swipen kann. <\/li>\n<\/ul>\n\n<ul class=\"wp-block-list\">\n<li><strong><em>Show bullets<\/em><\/strong>: unter den USPs erscheinen Bullets. Die Anzahl der hinzugef\u00fcgten USPs entspricht der Anzahl der Bullets.  <\/li>\n<\/ul>\n\n<ul class=\"wp-block-list\">\n<li><strong><em>Loop<\/em><\/strong><em>: <\/em>hiermit sorgst du daf\u00fcr, dass nach dem letzten Slide wieder der erste Slide angezeigt wird. <\/li>\n<\/ul>\n\n<ul class=\"wp-block-list\">\n<li><strong><em>Autoplay<\/em><\/strong><em>: <\/em>der Swiper startet automatisch. <\/li>\n<\/ul>\n\n<ul class=\"wp-block-list\">\n<li><strong><em>Delay<\/em><\/strong><em>: <\/em>die Zeit, die der USP im Bild bleibt, bevor der n\u00e4chste USP angezeigt wird. Die Angabe erfolgt in Millisekunden. 2 Sekunden = 2.000 Millisekunden.   <\/li>\n<\/ul>\n\n<p><strong>Icon anpassen<\/strong> <\/p>\n\n<ol start=\"1\" class=\"wp-block-list\">\n<li>Klicke auf das Icon. <\/li>\n<\/ol>\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li>Im linken Men\u00fc erscheint die Icon-Bibliothek. <\/li>\n<\/ol>\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li>Klicke auf das gew\u00fcnschte Icon. <\/li>\n<\/ol>\n\n<p><em>Um ein benutzerdefiniertes Icon <strong>hinzuzuf\u00fcgen<\/strong>, klicke auf Icon name<\/em>: <\/p>\n\n<ol start=\"1\" class=\"wp-block-list\">\n<li>Gehe zu <a href=\"https:\/\/fontawesome.com\/icons\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/fontawesome.com\/icons<\/a> <\/li>\n<\/ol>\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li>Suche nach dem gew\u00fcnschten Icon (auf Englisch). <\/li>\n\n\n\n<li>Kopiere den Titel des Icons und f\u00fcge ihn ein. <\/li>\n<\/ol>\n\n<p><strong>Um dein eigenes Icon hinzuzuf\u00fcgen, klicke auf das \u201eZahnrad\u201c:<\/strong><\/p>\n\n<ol class=\"wp-block-list\">\n<li>Klicke auf das \u201eZahnrad\u201c.<\/li>\n\n\n\n<li>Entferne &#8230;.. USP.<\/li>\n\n\n\n<li>W\u00e4hle ein anderes USP-Layout.<\/li>\n\n\n\n<li>Ersetze das Standardbild durch das Icon-Bild.<\/li>\n<\/ol>\n\n<figure class=\"wp-block-image size-large\"><img  title=\"\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"287\" src=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/verwijder-standaard-USP-1024x287.png\"  alt=\"verwijder-standaard-USP-1024x287 Handbuch Shop-Theme und Page Builder\"  class=\"wp-image-4494\" srcset=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/verwijder-standaard-USP-1024x287.png 1024w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/verwijder-standaard-USP-300x84.png 300w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/verwijder-standaard-USP-768x216.png 768w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/verwijder-standaard-USP-50x14.png 50w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/verwijder-standaard-USP-1536x431.png 1536w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/verwijder-standaard-USP.png 1924w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n<figure class=\"wp-block-image size-large\"><img  title=\"\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"334\" src=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/iccon-vervangen-1024x334.png\"  alt=\"iccon-vervangen-1024x334 Handbuch Shop-Theme und Page Builder\"  class=\"wp-image-4497\" srcset=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/iccon-vervangen-1024x334.png 1024w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/iccon-vervangen-300x98.png 300w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/iccon-vervangen-768x250.png 768w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/iccon-vervangen-50x16.png 50w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/iccon-vervangen-1536x501.png 1536w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/iccon-vervangen-2048x667.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n<figure class=\"wp-block-image size-large\"><img  title=\"\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"329\" src=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/vervang-afb-door-eigen-icoon-1024x329.png\"  alt=\"vervang-afb-door-eigen-icoon-1024x329 Handbuch Shop-Theme und Page Builder\"  class=\"wp-image-4495\" srcset=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/vervang-afb-door-eigen-icoon-1024x329.png 1024w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/vervang-afb-door-eigen-icoon-300x96.png 300w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/vervang-afb-door-eigen-icoon-768x247.png 768w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/vervang-afb-door-eigen-icoon-50x16.png 50w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/vervang-afb-door-eigen-icoon-1536x494.png 1536w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/vervang-afb-door-eigen-icoon-2048x658.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n<p><strong>Text anpassen<\/strong> <\/p>\n\n<ol start=\"1\" class=\"wp-block-list\">\n<li>Klicke auf den Text, den du anpassen m\u00f6chtest. <\/li>\n<\/ol>\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li>Passe den Text an. <\/li>\n<\/ol>\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li>Die Farbe kann nach Belieben im linken Men\u00fc angepasst werden. <\/li>\n<\/ol>\n\n<p><strong>Farbe der USP-Leiste anpassen<\/strong> <\/p>\n\n<ol start=\"1\" class=\"wp-block-list\">\n<li>Klicke auf das Verschieben-Icon in der USP-Leiste. <\/li>\n<\/ol>\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li>Klicke im linken Men\u00fc auf Style. <\/li>\n\n\n\n<li>Klicke auf die gew\u00fcnschte Farbe.<\/li>\n<\/ol>\n\n<figure class=\"wp-block-image size-full\"><img  title=\"\" loading=\"lazy\" decoding=\"async\" width=\"901\" height=\"330\" src=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-91.png\"  alt=\"image-91 Handbuch Shop-Theme und Page Builder\"  class=\"wp-image-2733\" srcset=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-91.png 901w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-91-300x110.png 300w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-91-768x281.png 768w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-91-50x18.png 50w\" sizes=\"(max-width: 901px) 100vw, 901px\" \/><\/figure>\n\n<p><\/p>\n\n<h3 class=\"wp-block-heading\"><strong>5.3 Standard-Navigationsleiste<\/strong> <\/h3>\n\n<p>Dies ist die Standard-Men\u00fcleiste oben auf der Seite. Sie enth\u00e4lt ein Logo, ein Standard-Dropdown-Men\u00fc sowie die Icons f\u00fcr dein Konto und den Warenkorb.  <\/p>\n\n<ul start=\"1\" class=\"wp-block-list\">\n<li>Ziehe den Block namens \u201e<em>Standard-Navigationsleiste<\/em>\u201c aus dem linken Men\u00fc auf die rechte Seite. Platziere ihn unter der USP-Leiste.  <\/li>\n<\/ul>\n\n<figure class=\"wp-block-image size-large\"><img  title=\"\" decoding=\"async\" src=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/Scherm&#xAD;afbeelding-2026-04-14-om-13.58.24-1024x375.png\"  alt=\"Scherm&#xAD;afbeelding-2026-04-14-om-13.58.24-1024x375 Handbuch Shop-Theme und Page Builder\"  class=\"wp-image-4500\"\/><\/figure>\n\n<h4 class=\"wp-block-heading\"><em>Dropdowns hinzuf\u00fcgen<\/em><\/h4>\n\n<ol class=\"wp-block-list\">\n<li>Klicke auf das Dropdown-Men\u00fc-Item in der Standard-Navigationsleiste im rechten Bildschirm.<\/li>\n\n\n\n<li>Klicke auf das Zahnrad-Icon.<\/li>\n\n\n\n<li>W\u00e4hle den gew\u00fcnschten Men\u00fcpunkt:<\/li>\n<\/ol>\n\n<ol style=\"list-style-type:lower-alpha\" class=\"wp-block-list\">\n<li class=\"advgb-dyn-d7372487\">Add menu item: einzelner Men\u00fcpunkt (Link zu einer Seite).<\/li>\n\n\n\n<li>Add item with dropdown: Men\u00fcpunkt mit einem Ausklappmen\u00fc. <\/li>\n\n\n\n<li>Add item with search dropdown: Men\u00fcpunkt, mit dem man auf deiner Website suchen kann. <\/li>\n\n\n\n<li>Add item with mega search: f\u00fcr diese Navigationsleiste nicht relevant. <\/li>\n<\/ol>\n\n<ol start=\"4\" class=\"wp-block-list\">\n<li>Du f\u00fcgst das Item hinzu, indem du auf das gr\u00fcne Plus-Symbol klickst. Das Item wird dann automatisch im rechten Bildschirm angezeigt.  <\/li>\n<\/ol>\n\n<figure class=\"wp-block-image size-large\"><img  title=\"\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"352\" src=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-94-1024x352.png\"  alt=\"image-94-1024x352 Handbuch Shop-Theme und Page Builder\"  class=\"wp-image-2736\" srcset=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-94-1024x352.png 1024w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-94-300x103.png 300w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-94-768x264.png 768w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-94-50x17.png 50w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-94.png 1101w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n<h4 class=\"wp-block-heading\"><em><strong>Men\u00fcpunkte bearbeiten <\/strong><\/em><\/h4>\n\n<p><strong>Men\u00fcpunkt<\/strong> <\/p>\n\n<ol start=\"1\" class=\"wp-block-list\">\n<li>Klicke auf den Text im rechten Bildschirm, den du \u00e4ndern m\u00f6chtest, und passe ihn an. <\/li>\n<\/ol>\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li>F\u00fcge im linken Men\u00fc unter Href den Link ein, zu dem das Men\u00fc f\u00fchren soll. <\/li>\n<\/ol>\n\n<p><strong>Item with dropdown<\/strong> <\/p>\n\n<ol start=\"1\" class=\"wp-block-list\">\n<li>Klicke auf den Text im rechten Bildschirm, den du \u00e4ndern m\u00f6chtest, und passe ihn an. <\/li>\n\n\n\n<li>Klicke auf das Zahnrad. <\/li>\n\n\n\n<li>Klicke im linken Men\u00fc auf \u201eShow dropdown menu\u201c. <\/li>\n\n\n\n<li>Klicke im rechten Bildschirm auf das Dropdown-Item und passe den Text an. <\/li>\n\n\n\n<li>F\u00fcge im linken Men\u00fc unter Href den Link ein, zu dem das Men\u00fc f\u00fchren soll. <\/li>\n\n\n\n<li>Wiederhole dies f\u00fcr jeden Dropdown-Punkt. <\/li>\n\n\n\n<li>Um einen weiteren Punkt zum Dropdown hinzuzuf\u00fcgen, klicke auf das Zahnrad und anschlie\u00dfend im linken Men\u00fc auf \u201eAdd menuitem\u201c. <\/li>\n<\/ol>\n\n<p><strong>Add item with search dropdown<\/strong> <\/p>\n\n<ol start=\"1\" class=\"wp-block-list\">\n<li>Dieser befindet sich standardm\u00e4\u00dfig in der <em>Standard-Navigationsleiste<\/em> (Lupe). <\/li>\n<\/ol>\n\n<p><strong><em>Anzeige pro Ger\u00e4t<\/em><\/strong> <\/p>\n\n<figure class=\"wp-block-image size-large\"><img  title=\"\" decoding=\"async\" src=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/Scherm&#xAD;afbeelding-2026-04-14-om-14.04.15-1024x257.png\"  alt=\"Scherm&#xAD;afbeelding-2026-04-14-om-14.04.15-1024x257 Handbuch Shop-Theme und Page Builder\"  class=\"wp-image-4502\"\/><\/figure>\n\n<p>Hier stellst du ein, auf welchem Ger\u00e4t die Navigationsleiste sichtbar ist. Dies passt du an, indem du auf das gew\u00fcnschte Item im rechten Bildschirm klickst. Im linken Men\u00fc klickst du unter \u201eAnzeige pro Ger\u00e4t\u201c, um das Men\u00fc mit dem Schalter ein- oder auszuschalten.   <\/p>\n\n<h3 class=\"wp-block-heading\"><strong>5.4 Megamen\u00fc<\/strong> <\/h3>\n\n<p>Dies ist das seitenbreite Men\u00fc, das unter deinem Men\u00fc ausklappt. Geeignet f\u00fcr gr\u00f6\u00dfere oder visuelle Men\u00fcs.  <\/p>\n\n<figure class=\"wp-block-image size-large\"><img  title=\"\" decoding=\"async\" src=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/Scherm&#xAD;afbeelding-2026-04-14-om-14.06.30-1024x369.png\"  alt=\"Scherm&#xAD;afbeelding-2026-04-14-om-14.06.30-1024x369 Handbuch Shop-Theme und Page Builder\"  class=\"wp-image-4503\"\/><\/figure>\n\n<p>Ziehe den Block namens \u201eNavigationsleiste mit Megamen\u00fc\u201c aus dem linken Men\u00fc auf die rechte Seite. Platziere ihn unter der USP-Leiste.  <\/p>\n\n<p><strong><em>Megamen\u00fc hinzuf\u00fcgen<\/em><\/strong> <\/p>\n\n<ol start=\"1\" class=\"wp-block-list\">\n<li>Klicke auf das <strong><em>Megamen\u00fc<\/em><\/strong>-Item in der Navigationsleiste im rechten Bildschirm. <\/li>\n\n\n\n<li>Klicke auf das Zahnrad-Icon. <\/li>\n\n\n\n<li>Klicke auf <strong><em>Megamen\u00fc anzeigen<\/em><\/strong> im linken Bildschirm. Die Dropdown-Optionen werden nun im rechten Bildschirm angezeigt.  <\/li>\n\n\n\n<li>Klicke auf den Text im rechten Bildschirm, den du \u00e4ndern m\u00f6chtest, und passe ihn an. <\/li>\n\n\n\n<li>F\u00fcge im linken Men\u00fc unter <strong><em>Link<\/em><\/strong> den Link ein, zu dem das Men\u00fc f\u00fchren soll. <\/li>\n<\/ol>\n\n<p><\/p>\n\n<p><strong><em>Bild hinzuf\u00fcgen<\/em><\/strong> <\/p>\n\n<ol start=\"1\" class=\"wp-block-list\">\n<li>Kopiere einen Block mit Bild-Link. <\/li>\n\n\n\n<li>Klicke auf das erscheinende Bild. <\/li>\n\n\n\n<li>Klik in het&nbsp;linkermenu&nbsp;\n<ul class=\"wp-block-list\">\n<li>auf Bild-URL: Link eingeben.<\/li>\n\n\n\n<li>auf Bildbeschreibung: Alt-Text eingeben.<\/li>\n\n\n\n<li>auf Link: Link eingeben.<\/li>\n\n\n\n<li>auf Ziel: W\u00e4hle das <em>Target<\/em> \u2013 Blank\/Self.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n<p><\/p>\n\n<h3 class=\"wp-block-heading\"><strong>5.5 Mobile Ansicht bearbeiten<\/strong> <\/h3>\n\n<p>\u00d6ffne das mobile Men\u00fc \u00fcber das Zahnrad im <em>Megamen\u00fc<\/em>. <\/p>\n\n<figure class=\"wp-block-image size-large\"><img  title=\"\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"403\" src=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-97-1024x403.png\"  alt=\"image-97-1024x403 Handbuch Shop-Theme und Page Builder\"  class=\"wp-image-2739\" srcset=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-97-1024x403.png 1024w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-97-300x118.png 300w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-97-768x303.png 768w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-97-50x20.png 50w, https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/image-97.png 1099w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n<p>Klicke auf \u201e<strong>Edit panel<\/strong>\u201c und passe die Optionen nach Bedarf an. <\/p>\n\n<h3 class=\"wp-block-heading\"><strong>5.6 Elements (allgemeine Elemente)<\/strong> <\/h3>\n\n<p><strong>Spalten<\/strong> <br\/>Spalten sind die Basis. Hier kannst du Elemente hinzuf\u00fcgen.  <\/p>\n\n<ol start=\"1\" class=\"wp-block-list\">\n<li>Klicke auf \u201eSpalten-Layout w\u00e4hlen\u201c im rechten Bildschirm. <\/li>\n<\/ol>\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li>Im linken Bildschirm kannst du die Anzahl der Spalten unter \u201eSpalten-Layout\u201c w\u00e4hlen. <\/li>\n<\/ol>\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li>Unter \u201eSpalten-Abstand\u201c stellst du den Leerraum zwischen den Spalten ein. 1 = wenig Abstand, 5 = viel Abstand.  <\/li>\n<\/ol>\n\n<figure class=\"wp-block-image size-full is-resized\"><img  title=\"\" decoding=\"async\" src=\"https:\/\/support.sparkles.io\/wp-content\/uploads\/2026\/03\/Scherm&#xAD;afbeelding-2026-04-14-om-14.14.07.png\"  alt=\"Scherm&#xAD;afbeelding-2026-04-14-om-14.14.07 Handbuch Shop-Theme und Page Builder\"  class=\"wp-image-4504\" style=\"width:452px;height:auto\"\/><\/figure>\n\n<p>Jetzt ist es an der Zeit, Elemente zu den Spalten hinzuzuf\u00fcgen. Klicke auf das Plus-Symbol.  <\/p>\n\n<p><strong>Text<\/strong> <br\/>Ziehe \u201eText\u201c in eine Spalte, um Text hinzuzuf\u00fcgen. <\/p>\n\n<p><strong>Icon<\/strong> <br\/>F\u00fcge ein Icon in der Spalte hinzu. <\/p>\n\n<p><strong>Interaktives Bild<\/strong> <br\/>Hiermit f\u00fcgst du ein Bild zur Spalte hinzu. Wenn man auf der Website mit der Maus \u00fcber das Bild f\u00e4hrt, zoomt das Bild leicht heran.  <\/p>\n\n<p>Du f\u00fcgst dem Bild einen Link hinzu, indem du auf das Bild klickst und auf den Pfeil nach oben klickst. Im linken Men\u00fc kannst du unter Href einen Link hinzuf\u00fcgen.  <\/p>\n\n<p>Du kannst unter dem Bild noch Text, Buttons und Icons hinzuf\u00fcgen. Diese kannst du aus dem linken Men\u00fc einf\u00fcgen.  <\/p>\n\n<p><strong>Link<\/strong>: Hiermit f\u00fcgst du einer Spalte einen klickbaren Link hinzu. <\/p>\n\n<p><strong>Swiper<\/strong>: F\u00fcge mehrere Bilder hinzu, die swipebar sind. In den Bl\u00f6cken kannst du auch Bewertungen, Karten oder USPs hinzuf\u00fcgen. F\u00fcgst du eine Bewertung oder einen USP hinzu? Dann kannst du im Block in der Spalte w\u00e4hlen, welches Layout du f\u00fcr deine Bewertung m\u00f6chtest.    <\/p>\n\n<p><strong>Akkordeon<\/strong>: Hiermit f\u00fcgst du ausklappbare Elemente hinzu. Dies ist zum Beispiel praktisch f\u00fcr deine FAQ.  <\/p>\n\n<p><strong>Box<\/strong>: Hiermit f\u00fcgst du einen Block hinzu. Innerhalb dieses Blocks kannst du mehrere Elemente hinzuf\u00fcgen, die jedoch innerhalb desselben Blocks bleiben.  <\/p>\n\n<p><strong>Paragraph<\/strong>: Hiermit f\u00fcgst du einen abgegrenzten Textabschnitt hinzu. <\/p>\n\n<p><strong>Bild<\/strong>: Hiermit f\u00fcgst du ein Bild hinzu. <\/p>\n\n<p><strong>Button<\/strong>: Hiermit f\u00fcgst du eine einzelne Schaltfl\u00e4che hinzu. <\/p>\n\n<p><strong>Dropdown<\/strong>: Hiermit f\u00fcgst du einen Button mit einem Dropdown hinzu. Klicke auf den Button im rechten Bildschirm und anschlie\u00dfend auf das Zahnrad. Im linken Men\u00fc klickst du auf \u201eShow dropdown menu\u201c, um die Men\u00fcpunkte anzuzeigen und \u00e4ndern zu k\u00f6nnen.   <\/p>\n\n<p><strong>Men\u00fc (Liste)<\/strong>: Hier kannst du einen Textabschnitt mit einem Link darunter hinzuf\u00fcgen. So baust du ein Men\u00fc auf.  <\/p>\n\n<p><strong>&lt;&gt;Offcanvas:<\/strong> Hiermit f\u00fcgst du einen Button hinzu. Wenn man auf den Button klickt, klappt ein Seitenmen\u00fc auf. Durch Klicken auf das Zahnrad kannst du im linken Men\u00fc auf \u201eOpen panel\u201c klicken, um die Items zu \u00e4ndern.   <\/p>\n\n<p><\/p>\n\n<h1 class=\"wp-block-heading\"><strong>6. OPTIONAL Tipps f\u00fcr Shop-Besitzer (Basis) <\/strong> <\/h1>\n\n<ul class=\"wp-block-list\">\n<li>Erstelle ein Design zuerst auf einem Ger\u00e4t (zum Beispiel Desktop) und passe es erst danach pro Ger\u00e4t an. <\/li>\n<\/ul>\n\n<ul class=\"wp-block-list\">\n<li>Halte Farben und Schriftarten \u00fcber das Shop-Theme konsistent mit deiner Markenidentit\u00e4t. <\/li>\n<\/ul>\n\n<ul class=\"wp-block-list\">\n<li>Nutze den Preview-Button, um \u00c4nderungen zuerst zu pr\u00fcfen. <\/li>\n<\/ul>\n\n<ul class=\"wp-block-list\">\n<li>Speichere erst mit \u201e<strong>Diese Version ver\u00f6ffentlichen<\/strong>\u201c, wenn du sicher bist, dass alles fertig ist. <\/li>\n<\/ul>\n\n<ul class=\"wp-block-list\">\n<li>Nutze das Megamen\u00fc vor allem f\u00fcr gr\u00f6\u00dfere Sortimente oder viele Produktkategorien. <\/li>\n<\/ul>\n\n<h1 class=\"wp-block-heading\">7. Die Videos<\/h1>\n\n<h2 class=\"wp-block-heading\">ELS Einf\u00fchrung<\/h2>\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-4-3 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"ELS Introductie\" width=\"500\" height=\"375\" src=\"https:\/\/www.youtube.com\/embed\/WfBBNmd27uU?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n<p><\/p>\n\n<h2 class=\"wp-block-heading\">Footer<\/h2>\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-4-3 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"footer\" width=\"500\" height=\"375\" src=\"https:\/\/www.youtube.com\/embed\/C-KsExOvcN0?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n<p><\/p>\n\n<h2 class=\"wp-block-heading\">Header USP<\/h2>\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-4-3 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"header usp\" width=\"500\" height=\"375\" src=\"https:\/\/www.youtube.com\/embed\/aWkT8XvXHI8?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n<p><\/p>\n\n<h2 class=\"wp-block-heading\">Header-Navigationsleiste (Navbar)<\/h2>\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-4-3 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"header navbar\" width=\"500\" height=\"375\" src=\"https:\/\/www.youtube.com\/embed\/5kihs2QiaPw?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n","protected":false},"excerpt":{"rendered":"<p class=\"qua-blog-post-description\">In diesem Handbuch erkl\u00e4ren wir dir, wie du mit dem neuen Shop-Theme und Page Builder arbeitest. Au\u00dferdem zeigen wir dir Videos mit visuellen Erkl\u00e4rungen. 1. Einf\u00fchrung Spezifikationen Mit dem neuen Header &amp; Footer Builder k\u00f6nnen Webshop-Besitzer ihren Header und Footer selbst gestalten. Dieses Handout hilft Nutzern bei den ersten Schritten und bietet eine \u00dcbersicht der [&hellip;]<\/p>\n","protected":false},"author":8,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"advgb_blocks_editor_width":"","advgb_blocks_columns_visual_guide":"","footnotes":""},"ht-kb-category":[720],"ht-kb-tag":[723,724,727,722,726,725],"class_list":["post-5926","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-webshop","ht_kb_tag-footer","ht_kb_tag-header","ht_kb_tag-megamenu","ht_kb_tag-pagebuilder","ht_kb_tag-schriftarten","ht_kb_tag-shop-theme"],"featured_img":false,"coauthors":[],"author_meta":{"author_link":"https:\/\/support.sparkles.io\/de\/author\/andresparkles-io\/","display_name":"Andr\u00e9"},"relative_dates":{"created":"Ver\u00f6ffentlicht 1\u00a0Monat vor","modified":"Aktualisiert 2\u00a0Tagen vor"},"absolute_dates":{"created":"Ver\u00f6ffentlicht am 24\/03\/2026","modified":"Aktualisiert am 05\/05\/2026"},"absolute_dates_time":{"created":"Ver\u00f6ffentlicht am 24\/03\/2026 17:48","modified":"Aktualisiert am 05\/05\/2026 10:16"},"featured_img_caption":"","tax_additional":{"ht_kb_category":{"linked":["<a href=\"https:\/\/support.sparkles.io\/artikel-categorieen\/webshop\/\" class=\"advgb-post-tax-term\">Webshop<\/a>"],"unlinked":["<span class=\"advgb-post-tax-term\">Webshop<\/span>"],"slug":"ht_kb_category","name":"Article Categories"},"ht_kb_tag":{"linked":["<a href=\"https:\/\/support.sparkles.io\/artikel-tags\/footer\/\" class=\"advgb-post-tax-term\">Footer<\/a>","<a href=\"https:\/\/support.sparkles.io\/artikel-tags\/header\/\" class=\"advgb-post-tax-term\">Header<\/a>","<a href=\"https:\/\/support.sparkles.io\/artikel-tags\/megamenu\/\" class=\"advgb-post-tax-term\">Megamen\u00fc<\/a>","<a href=\"https:\/\/support.sparkles.io\/artikel-tags\/pagebuilder\/\" class=\"advgb-post-tax-term\">Pagebuilder<\/a>","<a href=\"https:\/\/support.sparkles.io\/de\/artikel-tags\/schriftarten\/\" class=\"advgb-post-tax-term\">Schriftarten<\/a>","<a href=\"https:\/\/support.sparkles.io\/de\/artikel-tags\/shop-theme\/\" class=\"advgb-post-tax-term\">Shop-Theme<\/a>"],"unlinked":["<span class=\"advgb-post-tax-term\">Footer<\/span>","<span class=\"advgb-post-tax-term\">Header<\/span>","<span class=\"advgb-post-tax-term\">Megamen\u00fc<\/span>","<span class=\"advgb-post-tax-term\">Pagebuilder<\/span>","<span class=\"advgb-post-tax-term\">Schriftarten<\/span>","<span class=\"advgb-post-tax-term\">Shop-Theme<\/span>"],"slug":"ht_kb_tag","name":"Article Tags"}},"series_order":"","_links":{"self":[{"href":"https:\/\/support.sparkles.io\/de\/wp-json\/wp\/v2\/ht-kb\/5926","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/support.sparkles.io\/de\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/support.sparkles.io\/de\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/support.sparkles.io\/de\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/support.sparkles.io\/de\/wp-json\/wp\/v2\/comments?post=5926"}],"version-history":[{"count":1,"href":"https:\/\/support.sparkles.io\/de\/wp-json\/wp\/v2\/ht-kb\/5926\/revisions"}],"predecessor-version":[{"id":5941,"href":"https:\/\/support.sparkles.io\/de\/wp-json\/wp\/v2\/ht-kb\/5926\/revisions\/5941"}],"wp:attachment":[{"href":"https:\/\/support.sparkles.io\/de\/wp-json\/wp\/v2\/media?parent=5926"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/support.sparkles.io\/de\/wp-json\/wp\/v2\/ht-kb-category?post=5926"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/support.sparkles.io\/de\/wp-json\/wp\/v2\/ht-kb-tag?post=5926"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}