Som Shopifys första källa och referenstema med funktioner för Online Store 2.0 kommer temat med inbyggd prestanda och flexibilitet för att hjälpa till att bygga en bättre handel. Shopify Dawn-temat är en HTML-först och endast-Javascript-efterfrågan-metod för temautveckling.

Om du är en försäljare som startar med Shopify är Dawn-temat standardtemat du kommer att börja med. Jämfört med Shopify Debut-temat kan du förvänta dig att börja med ett tema som är 35 gånger snabbare. Med några fantastiska funktioner och spännande tillägg, låt oss utforska Shopify Dawn-temat mer detaljerat nedan.

Översikt av Shopify Dawn-tema:

Dawn Shopify-temat är det första temat som använder atomära designkomponenter, minimalt JavaScript och andra förutbestämda funktioner för att vara ett ultralätt, mobilt först-tema som maximerar flexibilitet och minimerar komplexitet.

Bästa funktioner i Shopify Dawn-temat:

• Webbaserad: Genom progressiv förbättring - inte polyfills stöder Shopify Dawn-temat alla senaste webbläsare samtidigt som det stöder de äldre.

• Stöder alla funktioner: Temafunktionalitet, design och flexibilitet möjliggör för försäljare att bygga anpassade layouter med JSON-templat, appblock och sektioner på alla sidor.

• Endast-Javascript-efterfrågan: Shopify Dawn-temat använder Javascript bara efter behov för att förbättra butiksprestanda och leverera bästa möjliga användarupplevelse.

• Tillgänglighet: Från trädvisning av allt innehåll till tillgängliga färgscheman är Dawn-temat organiserat för att hjälpa försäljare att enkelt uppdatera en sidas hierarki.

Hur du installerar Dawn-tema Shopify

Så enkelt som att ladda ner Shopify-teman kan du dra nytta av Shopify Dawn-temat genom att besöka Shopify Theme Store. Du kan se Shopify GitHub-förrådet för temautveckling och dra och skicka dina anpassade begäranden.

Om du behöver hjälp med att migrera ditt tema till Shopify Dawn-tema eller uppgradera ditt tema till funktioner för Online store 2.0 eller implementera funktioner för Shopify 2.0 i dina befintliga teman kan du alltid kontakta HulkApps Shopify Online Store 2.0-experter.

Uppgradera till Shopify 2.0

Markera enkelt ändringarna med Shopify 2.0 Dawn-temaredigeraren

Förenklat för att hjälpa försäljare att dra nytta av de nya funktionerna och verktygen i Online Store 2.0, är Shopify Dawn-temaredigeraren uppdelad i tre delar: vänster panel, förhandsgranskningssektion och höger panel.

Här kan du ändra layouten eller strukturen på sektionerna för att återspegla sekvensen av ditt innehåll på din butikssida. Du kan också lägga till sektioner eller block (inuti sektionen) när som helst.

Förhandsgranskningen av temaredigeraren kommer att visa ändringarna som gjorts i layouten. Du kan också observera dessa ändringar med tre olika förhandsgranskningsalternativ: mobilt, skrivbord och fullskärm.

Temaredigeraren inkluderar nu en struktur i trädvy för att visa innehållet i sektionerna i sidofältet till höger istället för att gräva ner i olika sektioner. Du kan dölja, redigera innehållet från den här sidofältet och framförallt inkludera dynamiska resurser. Dessa alternativ låter dig snabbt uppdatera hierarkin på en sida.

Om du vill lära dig mer om andra Shopify 2.0-teman och temarkitekturen mellan Shopify och Shopify 2.0 kan du läsa vår blogg - Online Store 2.0 Shopify-teman och arkitektur.

Varför du bör uppgradera din Shopify till nya Shopify Online Store 2.0

Genom att ge kreativa människor mer makt att bygga en flexibel butik, lanserar Shopify Online Store 2.0 en ny butiksdessignupplevelse - läs mer i vår Shopify 2.0-introduktion-blogg. Nedan hittar du en snabb jämförelse mellan Shopifys Vintage-teman och Shopify Dawn-teman. 

Shopify Dawn Theme Anpassning

Innan vi går vidare och experimenterar med Shopify Dawn-temat är här några punkter om de stödda sidtyperna, sektionerna och färgschemat för Shopify Dawn-temat. 

Shopify Dawn Theme - sidtyper:

Varje tema har sina egna standardsektioner och inställningar, och nedan finns de sidmallar som redan finns tillgängliga i Dawn.

• Product Page

Som standard får du avsnittet för Produktsinformation och avsnittet för Produktrekommendationer, där Produktsinformation innehåller följande standardblock:

• Text (standardvisar leverantörsattributet)
• Titel
• Text (standard visar produktundertiteln)
• Pris
• Variantväljare
• Kvantitetsväljare
• Köpknappar
• Beskrivning
• Dela

Produktinformationsavsnittet kan innehålla upp till 16 block, med ytterligare block som Produktbetyg, Kvantitetsväljare, Anpassad liquid, Hopfällbart flik och Pop-up. 

Om du vill ha en produktinformationsalternativ som är kladdig eller dölja andra varianters medier när en variant väljs eller aktivera videospolning, kan du markera ändringarna i inställningarna för produktinformationsavsnittet.

Produktrekommendationer 

Som terminologin anger kommer produktrekommendationeratt visa alla liknande produkter eller produkter som ofta köps tillsammans med denna produkt. Du kan anpassa produktinformationen i avsnittet för produktrekommendation från höger panel.

• Kategorisidor

Som produktsidan har kategorisidorna som standard ett kollektionsbanner och ett Produktraster-avsnitt. Inställningarna för kollektionsbannersäktionen har Visa kollektionsbeskrivning och Visa kollektionsbild, medan inställningarna för produktgitteravsnittet visar hur många produkter/sida förhållande och andra aspekter.

• Kategorilistingsidor

Som ovanstående punkter visar sidan för kategorilistningar alla dina kategorier och de nödvändiga alternativen.  

• Sidor, bloggsidor, blogginläggssidor, kundvagnssida, lösenordssida, 404-sida, söksida

Som de andra sidorna har dessa alternativ sina egna uppsättningar sektioner och inställningar som du kan konfigurera för att ställa in din varumärkeshistoria. 

Shopify Dawn Theme - sektioner:

Inbyggda som referens för att visa upp funktioner och verktyg för Shopify Online Store 2.0, omfamnar Shopify Dawn-temat sektioner överallt-funktioner. Det vill säga att du kan lägga till sektioner på vilken sida som helst och de standardsektioner som visas på varje sida är annonseringsfält, sidhuvud och sidfot.

Den andra sektionen som du kan dra nytta av är:

• Blogginlägg
• Kollage
• Kollektionslista
• Kontaktformulär
• Anpassad liquid
• E-postregistrering
• Främsta produkt
• Utmärkt kollektion
• Bildbanner
• Bild med text
• Multikolumn
• Sida
• Rik text
• Video

Varje sektion har sin egen sektionsinställning som du kan konfigurera för att passa dina affärsbehov. För mer detaljerad information om Shopify 2.0-metafält kan du läsa vår blogg - Varför är Shopify dynamiska sektioner det som förändrar spelet?

Shopify Dawn Theme - färgscheman: 

Genom att revolutionera Debut Shopify-temat som lanserades 2016 antar Shopify Dawn-temat designarkitektur som följer avancerad UX-design och webbstandarder. Som ett resultat är temat 35% snabbare än sin föregångare, mer flexibelt med enbart JavaScript efter behov för att säkerställa utmärkt prestanda.

Hantera ditt färgschema och:

• För klara färger,

• Använd färgväljaren eller

• Ange det hexadecimala värdet för färgen

• För färggradienter,

• Klistra in Gradient CSS-koden i färgrutan

Shopify Dawn Theme viktiga funktioner

• Atomärt färgsystem:

Som vi vet påverkar färgen konversationen stort hos kunder; Shopify Dawn-temat tillhandahåller accentfärg och bakgrundsfärg för att göra temat mer mångsidigt för varumärkesuttryck. 

• Öppenkälla temakod:

Genom att främja antagandet av en öppen standard är Shopify Dawn-temat ett öppet källkodstema.
This is for translation only test purposes

• Anpassningsbara sektioner:

Genom att ställa rätt väg för att leverera optimala upplevelser ersätter Shopify Dawn-temat alternativet för Bilderbjudande med avsnittet för bildbanner, där du kan visa en bild, en textbit och ett anrop till handling. 

Det bästa med Shopify Dawn-temat är skjutreglagekomponenten, där bilder snappar från en till nästa istället för att ha en smidig scroll mellan bilderna. Det hjälper dig att behålla visuell harmoni samtidigt som du förbättrar butikens prestanda. 

• Uppgraderad prestanda:

Utan att förlora sikten på att leverera den bästa användarupplevelsen siktar Shopify Dawn-temat på att maximera flexibiliteten samtidigt som det minimerar komplexiteten. 

Till exempel kollapsar inte navigeringen i sidhuvudet (skrivbordvariant) längre till en burgarikon; istället omger den flera gånger när navigeringsobjekt kolliderar. Genom att ändra navigeringslayouten kompromissar detta temats beteende inte flexibilitet eller konverteringsgraden. 

Om du är en försäljare som vill ha bevisade CRO-strategier som ger enastående konverteringsresultat, samarbeta med Shopify CRO-experter på HulkApps som hjälper till att växa din organisation. 

• Smarta standarder: 

Utan att begränsa dig med att beskära bilden för att passa in i anpassade sektioner eller med överlappning av innehåll på en bild, är bildens integritet och tillgänglighet de viktigaste designprinciperna för Shopify Dawn-temat. 

Visa din varumärkesröst med Shopify Dawn Temaanpassning

Som inledningen av Online Store 2.0 markerar början på en ny typ av handel, hjälper Shopify Dawn-temat som dig att fatta smartare, unika designbeslut samtidigt som de levererar bästa möjliga prestanda, dvs snabbt och flexibelt.

Förutom att upprätthålla en hälsosam balans mellan prestanda och smidighet förenklar det öppna källkods-kodbasen för Shopify Dawn-temat och förbättrar ditt butiks färgval. De anpassningsbara sektionerna och smarta standarder ger dig mer kontroll över butiksdesign och minskar beroendet av utvecklare för designändringar. 

Eftersom Shopify Dawn-temat är standardtemat för försäljare som börjar med Shopify från augusti 2021 kan du dra nytta av Shopify Dawn Online Store genom att migrera med HulkApps Shopify Online Store 2.0-experter.