Generera temablock automatiskt i temaredigeraren

Med Shopify Magic kan du använda AI för att generera ett nytt temablock i temaredigeraren baserat på de uppgifter du anger.

På den här sidan

Att tänka på när du genererar temablock

Läs igenom följande överväganden för att generera temablock:

AI-genererad kod är inte alltid perfekt. Den kan ibland producera fel, oväntade resultat eller kod som inte helt uppfyller bästa praxis för tillgänglighet eller prestanda. Du ansvarar för att granska, testa och säkerställa att det genererade blocket uppfyller dina standarder och fungerar korrekt.
Förhandsgranska hur blocket ser ut i både dator- och mobilvy i temaredigerarens förhandsgranskning.
Om ditt block innehåller anpassningsinställningar, testa dem efter att du har lagt till blocket för att säkerställa att de fungerar som förväntat.
När du har genererat ett temablock läggs den nya Liquid-filen för blocket till i blocks mappen i din temakod.
- Temablock består av Liquid, Shopifys mallspråk. Temablocksfiler innehåller även HTML, CSS, JSON och JavaScript. När du har genererat ett temablock läggs den nya Liquid-filen för blocket till i blocks mappen i din temakod.
- Om du vill redigera ett genererat temablock genom att redigera koden kan du redigera din temakod. Redigera din temakod endast om du kan HTML och CSS och har en grundläggande förståelse för Liquid.
- Liquid-filen som genereras av Shopify Magic är fristående. Du kan fortfarande uppdatera ditt tema när nya versioner publiceras i temabutiken.

Behörighetskrav för att generera temablock

Läs igenom följande krav för att generera temablock.

Krav på prissättningsplan

Din butik måste ha en av följande prissättningsplaner:

Gratis testversion
Basic
Growth
Advanced
Plus

Den här funktionen är inte tillgänglig i Starter-planen, som använder temat Spotlight och inte stöder tillägg av anpassade temasektioner eller temablock.

Temakompatibilitet

Funktionen för att generera temablock är tillgänglig för alla teman i Shopify Theme Store. Om du använder ett kompatibelt tredjepartstema måste du köpa temat innan du kan generera temablock, eftersom den gratis testversionen inte stöder funktionen.

Funktionen är inte tillgänglig för äldre teman. Mer information om funktioner för olika arkitekturversioner av teman.

Krav på användarbehörigheter

Följande användare kan generera block i teman:

Butiksägaren och organisationsägaren.
Användare med rollerna Administratör eller Organisationsadministratör.
Användare med en Butiksroll med behörigheten Redigera kod.

Tips för att skriva effektiva instruktioner för temablock

Kvaliteten på det genererade blocket beror ofta på kvaliteten på dina instruktioner. Följ den här bästa praxisen:

Var specifik och beskrivande: Instruktionerna bör bestå av minst fem ord. Längre instruktioner med fler detaljer ger sannolikt mer exakta resultat. Ange till exempel inte lägg till bilder och text, utan ange istället Skapa ett block med en bild till vänster och en rubrik, brödtext och en ”Handla nu”-knapp till höger. Stapla på mobil.
Nämn innehållselement: Lista vilka typer av innehåll som behövs i blocket, till exempel rubriker, stycken, bilder, knappar, formulär och ikoner.
Föreslå layout: Beskriv hur elementen ska arrangeras i blocket, till exempel sida vid sida, i rutnät, centrerat eller med alternerande rader.
Inkludera anpassningsinställningar: Om du vill att blocket ska ha specifika redigerbara inställningar i temaredigeraren, till exempel alternativet att ändra bild, text eller knapplänk, kan du inkludera dem i dina instruktioner. För att till exempel inkludera en inställning för att styra animeringshastigheten i ett block med en video anger du Inkludera en inställning för att styra animeringshastighet.
Iterera med uppföljningsinstruktioner: Om det första resultatet inte blir helt rätt kan du justera dina instruktioner med mer detaljer eller en annan formulering, och sedan generera igen.

Läs igenom följande exempel på instruktioner som följer bästa praxis:

Ett omdömesblock med ett kundfoto, citattext, kundnamn och en visning av 5-stjärnigt betyg.
Funktionsblock sida vid sida: vänstra sidan har en ikon och rubrik, högra sidan har beskrivande text.
Banderoll i full bredd med en bakgrundsbild, centrerad stor rubriktext, mindre underrubriktext under den och en uppmaningsknapp.

Generera ett temablock

När du har genererat ett block och bestämmer dig för att behålla det läggs det nya blocket till i blockväljaren. Du kan lägga till blocket i kompatibla sektioner som accepterar temablock.

Steg:

Gå till Webbutik > Teman från din Shopify-administratör.
Hitta det tema du vill redigera och klicka på Redigera tema.
Anpassa din startsida, eller tryck på rullgardinsmenyn Startsida och välj sedan den mall som du vill lägga till en sektion i.
Klicka på den sektion som du vill generera ett block för.
Klicka på Lägg till block.
Klicka på Generera.
Ange en beskrivning av det block som du vill generera.
Klicka på Generera. Shopify Magic bearbetar din begäran och skapar koden.
Förhandsgranska det genererade blocket direkt i temaredigeraren. Om anpassningsinställningar genererades kan du anpassa ditt block.
Om du är nöjd med det genererade blocket klickar du på Behåll. Annars kan du antingen ignorera blocket eller ge uppföljande instruktioner.

Ta bort ett genererat temablock från temat

När du har genererat ett temablock läggs den nya liquid-filen för blocket till i mappen blocks i temats kod. Om ett genererat temablock orsakar problem i din butik kan du ta bort det genom att ta bort liquid-filen från temakoden.

Steg:

Gå till Webbutik > Teman från din Shopify-administratör.
Bredvid det tema som du vill redigera klickar du på Redigera tema.
Anpassa din startsida, eller tryck på rullgardinsmenyn Startsida och välj sedan den mall som du vill lägga till en sektion i.
Klicka på ett avsnitt som innehåller blocket som du vill ta bort. Om du tidigare har tagit bort alla instanser av blocket klickar du på Lägg till block för att lägga till blocket på nytt från blockväljaren.
I blockets inställningar klickar du på > Redigera kod.
I sidofältsmenyn klickar du på mappen blocks för att öppna den och letar sedan reda på den blockfil som du för närvarande visar. Filen har samma namn som det block som är öppet och slutar på .liquid.
I sidofältsmenyn klickar du på ikonen bredvid blockfilen.
I dialogrutan klickar du på Ta bort fil för att bekräfta.