Smartare fälttyper i Page Builder

Smartare produktval i Page Builder

Page Builder är hjärtat i din sidlayout. Det är här du bygger din förstasida, dina kategorisidor och dina landningssidor med exakt de block du behöver. Nu är det ännu enklare att välja rätt innehåll.

Nya fälttyper för teman

Page Builder har nu stöd för ett antal nya fälttyper som teman kan använda i sina moduler. Det innebär att teman kan erbjuda smartare och mer användarvänliga sätt att välja innehåll - utan att behöva komma ihåg ID:n eller taggar.

Välj fler produkter, kategorier och målsidor - med sökning

Tidigare var du tvungen att ange ID:n manuellt för att visa utvalda produkter. Det hör till det förflutna. Nu kan du bara börja skriva in ett produktnamn och välja från en lista. Du kan lägga till så många du vill och de visas som små taggar som du enkelt kan ta bort.

Samma sak gäller för kategorier och landningssidor. Har du skapat en landningssida med "Sommarerbjudanden" eller en kategori med "Nyheter"? Sök efter den, klicka och den är tillagd.

Så här fungerar det:

• Skriv minst 2 bokstäver i sökfältet
• Välj från rullgardinsmenyn
• Lägg till så många du vill - de kommer att visas som taggar
• Klicka på X på en tagg för att ta bort den

Det nya länkfältet: Hitta allt innehåll med en enda sökning

När du lägger till länkar i knappar, banners eller bilder kan du nu söka i hela din shop. Skriv in några bokstäver så får du resultat från:

• Produkter
• Kategorier
• Landningssidor
• Statiska sidor (t.ex. "Om oss")
• Blogginlägg

Varje resultat är markerat med en färgkodad badge så att du snabbt kan se vad det är. Och om du vill länka till en extern sida kan du bara skriva in webbadressen direkt.

Montana: Kombinera produktkällor - utan dubbletter

I Montana-temats produktlista och produktslider kan du välja "Featured" och kombinera produkter från flera källor på en gång:

1. Handplockade produkter
2. Alla produkter från utvalda kategorier
3. Alla produkter från utvalda landningssidor

Systemet tar automatiskt bort dubbletter så att du aldrig visar samma produkt två gånger - inte ens när en produkt förekommer i flera kategorier.

För utvecklare: Så här använder du de nya fälttyperna

Om du utvecklar teman för Shoporama kan du använda de nya fälttyperna i dina JSON-filer för komponenter. Här är en översikt med exempel.

Välj produkter med flera alternativ

Tillåter användaren att söka och välja flera produkter. Lagrade som kommaseparerade ID:n.

{ "id":"products", "type":"products", "title":"Utvalda produkter", "description":"Sök och välj produkter" }

I Smarty-mallen:

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

Kategorier med flera val

Samma princip som för produkter, men med kategorier. Använd den t.ex. för att hämta produkter från valda kategorier.

{ "id": "categories", "type": "categories", "title": "Categories", "description": "Sök och välj kategorier" }

I Smarty-mallen:

<{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}> <!-- visa produkt --> <{/foreach}> <{/if}> <{/if}> <{/section}> <{/if}> <{/if}>

Landningssidor med flera val

{ "id": "landing_pages", "type": "landing_pages", "title": "Landningssidor", "description": "Sök och välj landningssidor" }

Smart länkfält

Söker bland produkter, kategorier, landningssidor, statiska sidor och blogginlägg. Lagrar en URL direkt så att du kan använda värdet som href.

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

I Smarty-mallen:

<{if $section.link}> <a href="<{$section.link}>">Klicka här</a> <{/if}

Alla tillgängliga fälttyper

Här är en fullständig lista över fälttyper som du kan använda i JSON-filerna för dina komponenter:

• text - Textfält
• integer - Sifferfält (med valfri min/max)
• image - Uppladdning av en enda bild
• images - Uppladdning av flera bilder med sortering
• bool - Checkbox
• richtext - Rika textredigerare
• longtext - Textarea
• color - Färgväljare
• list - Rullgardinsmeny med fasta alternativ
• product - Enstaka produkt (AJAX-sökning)
• products - Flera produkter (AJAX-sökning, taggar)
• category - Enstaka kategori (AJAX-sökning)
• categories - Flera kategorier (AJAX-sökning, taggar)
• landing_page - En landningssida (rullgardinsmeny)
• landing_pages - Flera landningssidor (AJAX-sökning, taggar)
• link - Smart länkfält (sök i allt innehåll eller ange URL)
• repeater - Upprepning av en grupp fält

Så här kommer du igång

De nya fälttyperna är en del av Page Builder-plattformen och är tillgängliga för alla teman. Temat Montana har redan fullt stöd för dem. Om du använder ett annat tema kommer de nya alternativen med framtida temauppdateringar.

Du hittar Page Builder under Design → Page Builder i din administration.

Har du några frågor eller funderingar? Läs vår Page Builder-guide eller kontakta oss på support@shoporama.dk.