Intelligentere Feldtypen im Page Builder

Bessere Produktauswahl im Page Builder

Der Page Builder ist das Herzstück Ihres Seitenlayouts. Hier erstellen Sie Ihre Titelseite, Kategorieseiten und Landing Pages mit genau den Blöcken, die Sie benötigen. Jetzt ist es noch einfacher, den richtigen Inhalt auszuwählen.

Neue Feldtypen für Themen

Page Builder unterstützt jetzt eine Reihe von neuen Feldtypen, die Themes in ihren Modulen verwenden können. Dies bedeutet, dass Themes intelligentere und benutzerfreundlichere Möglichkeiten zur Auswahl von Inhalten bieten können - ohne dass Sie sich IDs oder Tags merken müssen.

Wählen Sie mehr Produkte, Kategorien und Zielseiten - mit der Suche

Bisher mussten Sie manuell IDs eingeben, um ausgewählte Produkte anzuzeigen. Das gehört nun der Vergangenheit an. Jetzt können Sie einfach einen Produktnamen eintippen und aus einer Liste auswählen. Sie können so viele hinzufügen, wie Sie möchten, und sie erscheinen als kleine Tags, die Sie leicht entfernen können.

Das Gleiche gilt für Kategorien und Landing Pages. Haben Sie eine Landing Page mit "Sommerangeboten" oder eine Kategorie mit "Neuigkeiten" erstellt? Suchen Sie danach, klicken Sie darauf und es wird hinzugefügt.

Und so funktioniert es:

• Geben Sie mindestens 2 Buchstaben in das Suchfeld ein
• Wählen Sie aus der Dropdown-Liste aus
• Fügen Sie so viele hinzu, wie Sie möchten - sie werden als Tags angezeigt
• Klicken Sie auf ein X bei einer Markierung, um sie zu entfernen

Das neue Link-Feld: Finden Sie alle Inhalte mit einer Suche

Wenn Sie Links zu Schaltflächen, Bannern oder Bildern hinzufügen, können Sie jetzt in Ihrem gesamten Shop suchen. Geben Sie ein paar Buchstaben ein und Sie erhalten Ergebnisse von:

• Produkte
• Kategorien
• Landing Pages
• Statische Seiten (z.B. "Über uns")
• Blog-Beiträge

Jedes Ergebnis ist mit einem farblich gekennzeichneten Badge versehen, damit Sie schnell erkennen können, worum es sich handelt. Und wenn Sie einen Link zu einer externen Seite herstellen möchten, können Sie die URL einfach direkt eingeben.

Montana: Kombinieren Sie Produktquellen - ohne Duplikate

In der Produktliste und im Produkt-Slider des Montana-Themas können Sie "Featured" auswählen und Produkte aus mehreren Quellen auf einmal kombinieren:

1. Handverlesene Produkte
2. Alle Produkte aus ausgewählten Kategorien
3. Alle Produkte von ausgewählten Landing Pages

Das System entfernt automatisch Duplikate, so dass nie dasselbe Produkt zweimal angezeigt wird - selbst wenn ein Produkt in mehreren Kategorien erscheint.

Für Entwickler: Wie man die neuen Feldtypen verwendet

Wenn Sie Themes für Shoporama entwickeln, können Sie die neuen Feldtypen in Ihren Komponenten-JSON-Dateien verwenden. Hier finden Sie eine Übersicht mit Beispielen.

Produkte mit Mehrfachauswahl

Ermöglicht es dem Benutzer, mehrere Produkte zu suchen und auszuwählen. Gespeichert als Komma-getrennte IDs.

{ "id": "products", "type": "products", "title": "Featured products", "description": "Search and select products" }

In der Smarty-Vorlage:

<{if $section.products}> <{$product_ids = ","|explode:$section.products}> <{section name="j" loop=$product_ids}> <{$p = $webshop->getProductById($product_ids[j])}> <{if $p}> <!-- Produkt anzeigen --> <{/if}> <{/section}> <{/if}

Kategorien mit Mehrfachauswahl

Gleiches Prinzip wie Produkte, aber mit Kategorien. Verwenden Sie es zum Beispiel, um Produkte aus ausgewählten Kategorien abzurufen.

{ "id": "categories", "type": "categories", "title": "Categories", "description": "Search and select categories" }

In der Smarty-Vorlage:

<{if $section.categories}> <{$cat_ids = ","|explode:$section.categories}> <{section name="j" loop=$cat_ids}> <{$cat = $webshop->getCategory($cat_ids[j])}> <{if $cat}> <{foreach $cat->getOnlineProducts() as $cp}> <!-- Produkt anzeigen --> <{/foreach}> <{/if}> <{/if}> <{/section}> <{/if}>

Landing Pages mit Mehrfachauswahl

{ "id": "landing_pages", "type": "landing_pages", "title": "Landing pages", "description": "Landing pages suchen und auswählen" }

Intelligentes Link-Feld

Sucht in Produkten, Kategorien, Zielseiten, statischen Seiten und Blogbeiträgen. Speichert direkt eine URL, so dass Sie den Wert als href verwenden können.

{ "id": "link", "type": "link", "title": "Link" }

In der Smarty-Vorlage:

<{if $section.link}> <a href="<{$section.link}>">Klick hier</a> <{/if}

Alle verfügbaren Feldtypen

Hier ist die vollständige Liste der Feldtypen, die Sie in Ihren Komponenten-JSON-Dateien verwenden können:

• text - Textfeld
• integer - Zahlenfeld (mit optionalem Min/Max)
• image - Upload eines einzelnen Bildes
• images - Upload mehrerer Bilder mit Sortierung
• bool - Kontrollkästchen
• richtext - Richtext-Editor
• longtext - Textbereich
• color - Farbwähler
• list - Dropdown mit festen Optionen
• product - Einzelnes Produkt (AJAX-Suche)
• products - Mehrere Produkte (AJAX-Suche, Tags)
• Kategorie - Einzelne Kategorie (AJAX-Suche)
• categories - Mehrere Kategorien (AJAX-Suche, Tags)
• landing_page - Einzelne Landing Page (Dropdown)
• landing_pages - Mehrere Landingpages (AJAX-Suche, Tags)
• link - Intelligentes Linkfeld (Suche im gesamten Inhalt oder Eingabe der URL)
• repeater - Wiederholende Gruppe von Feldern

Erste Schritte

Die neuen Feldtypen sind Teil der Page Builder-Plattform und für alle Themen verfügbar. Das Montana-Thema unterstützt sie bereits vollständig. Wenn Sie ein anderes Thema verwenden, werden die neuen Optionen in zukünftigen Themen-Updates enthalten sein.

Sie finden Page Builder unter Design → Page Builder in Ihrer Verwaltung.

Haben Sie noch Fragen? Lesen Sie unsere Anleitung zum Page Builder oder kontaktieren Sie uns unter support@shoporama.dk.