Med Shopify som den første kilde og henvisningstema med Online Store 2.0-funktioner hjælper temaets indbyggede ydeevne og fleksibilitet med at opbygge bedre handel. Shopify Dawn-tema repræsenterer en HTML-først-tilgang og kun-javascript-som-er-nødvendigt til temaudvikling.

Hvis du er købmand og lige er begyndt med Shopify, er Dawn-temaet standardtemaet, du vil begynde med. Så når det sammenlignes med Shopify Debut-temaet, er du sandsynligvis starte med et tema, der er 35 gange hurtigere. Bygget med nogle fantastiske funktioner og spændende tilføjelser, lad os udforske Shopify Dawn-temaet mere detaljeret nedenfor.

Shopify Dawn-temaoversigt:

Dawn Shopify-tema er det første tema, der bruger atomisk designkomponenter, minimal JavaScript og andre holdninger om funktioner for at være et ultralyset, mobil-første tema, der maksimerer fleksibilitet og minimerer kompleksitet.

Bedste funktioner Shopify Dawn-tema:

• Webfødt: Ved progressiv forbedring - ikke polyfills, understøtter Shopify Dawn-tema alle de nyeste webbrowsere og bibeholder samtidig support for de ældre.

• Understøtter alle funktioner: Temaets funktionalitet, design og fleksibilitet giver købmænd mulighed for at opbygge brugerdefinerede layouter med JSON-skabeloner, appblokke og sektioner på alle sider.

• Kun-javascript-som-er-nødvendigt: Shopify Dawn-temaet bruger kun javascript efter behov til at forbedre butikens ydeevne og levere den bedste oplevelse.

• Tilgængelighed: Fra trævisning af alt indhold til tilgængelige farveskemaer er Dawn-temaet organiseret med henblik på at hjælpe købmænd med nemt at opdatere siderangfølgelsen.

Sådan installeres Dawn Theme Shopify

Så simpelt som at downloade Shopify-temaer, kan du udnytte Shopify Dawn-temaet ved at besøge Shopify Theme Store. Du kan se Shopify GitHub repository til temaudvikling og trække og skubbe dine brugerdefinerede anmodninger.

Hvis du har brug for hjælp til at migrere dit tema til Shopify Dawn-temaet eller opgradere dit tema til Online Store 2.0-funktioner eller implementere Shopify 2.0-funktioner i dine eksisterende temaer, kan du altid nå HulkApps Shopify Onlin Store 2.0 eksperter.

Opgradér til Shopify 2.0

Marker nemt ændringerne med Shopify 2.0 Dawn Theme editor

Forenklet for at forstærke handlende til at udnytte Online Store 2.0 nye funktioner og værktøjer, er Shopify Dawn-temaeditoren opdelt i tre dele: Venstre panel, Forhåndsvisningssektion og Højre panel.

 Her kan du ændre layoutet eller strukturen på sektionerne for at afspejle din indholdssekvens på din butiksside. Du kan også tilføje sektioner eller blokke (inde i sektionen), når det er nødvendigt.

Forhåndsvisningsafsnittet for temaeditoren viser ændringerne i layoutet. Du kan også observere disse ændringer med tre forskellige forhåndsvisningsmuligheder: Mobil, desktop og fuldskærm.

Temaeditoren inkluderer nu en trævisning af sektionens indhold i sidepanelets højrepandel i stedet for at gennemgå forskellige sektioner. Du kan skjule, redigere indholdet fra dette sidepanel og inkludere dynamiske ressourcer. Disse muligheder giver dig mulighed for hurtigt at opdatere rangfølgen på en

Hvis du vil lære mere om andre Shopify 2.0-temaer og temaarkitekturen mellem Shopify og Shopify 2.0, kan du læse bloggen vores - Online Butik 2.0 Shopify 2.0 Shopify 2.0 og arkitektur.

Hvorfor du skal opgradere din Shopify til den nye Shopify Online Store 2.0

For at give kreatørerne mere magt og give købmænd mere magt til at opbygge en fleksibel butiksfront lancerer Shopify Online Store 2.0 en ny butiksdesignoplevelse - læs mere i vores Shopify 2.0-introduktion blog . Her er et hurtigt snap af forskellen mellem Shopify Vintage-temaer og Shopify Dawn-temaer. 

Shopify Dawn-tematilpasning

Før vi går videre og leger med Shopify Dawn-temaet, er her nogle punkter om de understøttede sidetyper, sektioner og farveskema for Shopify Dawn-temaet. 

Shopify Dawn Theme - sidetyper:

Hvert tema har sine egne standardsektioner og indstillinger, og nedenfor er de side skabeloner, der allerede er tilgængelige i Dawn.

• Produktoplysninger

Som standard får du sektionen Produktoplysninger og en Produktanbefalinger-sektion, hvor Produktoplysninger indeholder følgende standardblokke:

• Text (standard viser leverandørattributten)
• Titel
• Text (standard viser produktundertitelattributten)
• Pris
• Variantvælger
• Mængdevælger
• Købsknapper
• Beskrivelse
• Del

Produktoplysninger-sektionen kan indeholde op til 16 blokke med yderligere blokke som produktvurdering, Mængdevælger, Tilpasset liquid, Klappelig fanen og Pop-up. 

Hvis du f.eks. vil have en sticky produktoplysningsindstilling eller skjule andres varianter medier, når en variant er valgt, eller aktivere videoløkke, kan du angive ændringerne i indstillingerne for produktinformationssektionen.

Produktanbefalinger 

Som terminologien angiver, viser Produktanbefalinger alle lignende produkter eller produkter, der ofte købes sammen med dette produkt. Du kan tilpasse produktinformationen i Produktanbefalingssektionen i højre sidepanel.

• Kollektionssider

Ligesom produkt siden har kolleskionsider en Kollektion banner- og en Produktgitter -sektion som standard. Indstillingerne for Kollektion banner-sektionen har Vis kollektionsbeskrivelse og Vis kollektionsbillede, hvorimod Produktgitter-sektionens indstillinger viser, hvor mange produkter pr. Side til deres forhold og andre aspekter.

• Liste over kolleskioner

ligesom de etc toi Punkter, viser listen over kolleskioner alle dine kollesktioner og de krævede muligheder.  

• Sider, blog sider, blogpost sider, kurv side, adgangskode side, 404 side, søgeside

ligesom ogs andre m-siger harfulgte muligheder deres egne sektioner og indstillinger, som du kan konfigurere for at indstille din mærkefortælling. 

Shopify Dawn Theme - sektioner:

Indbygget reference til at præsentere Shopify Online Butik 2.0 funktioner og værktøjer omfavner Shopify Dawn-temaet sektioner overalt-funktioner. Det vil sige, at du kan tilføje sektioner på en hvilken som helst side, og de sektioner, der vises som standard på hver side, er meddelelsesbalken, overskriften og foden.

Den anden sektion, du kan nyttiggøre, er:

• Blogindlæg
• Collage
• Kolleskion list
• Kontakt formular
• Brugerdefineret liquid
• E-mail tilmelding
• Udvalgt produkt
• Udvalgt kolleskion
• Billedbanner
• Billede med tekst
• Multikolumn
• Side
• Rigtig tekst
• Video

Hver sektion har sin egen sektion indstilling, som du kan konfigurere for at passe til dine forretnings behov.  For mere detaljeret information om Shopify 2.0 metafelter, kan du læse vores blog - Hvorfor Shopify dynamiske sektioner er gamechanger?

Shopify Dawn Theme -farvepaletter:

Mens vi revolutionerer Debut Shopify-temaet, som blev lanceret i 2016, vedtager Shopify Dawn-temaets designarkitektur avanceret UX-design og webstandarder. Som et resultat er temaet 35 % hurtigere end sin forgænger og mere fleksibelt med JavaScript efter behov for at sikre top ydeevne. 

Styr din farveskema

• Til solide farver, 

• Brug farvevælgeren eller 

• Indtast den hexadecimal værdi af farven

• Til farvegradienter, 

• Indsæt gradient CSS-koden inde i farveboksen

De vigtigste funktioner i Shopify Dawn Theme 

• Atomisk farvesystem:

Farve har som vi ved en stor effekt på kundesamtalen; Shopify Dawn-temaet giver accentfarve og baggrundsfarve for at gøre temaet mere alsidigt for mærkeudtrykning. 

• Open Source Tema kode:

Opfordre til vedtagelse af en åben standard er Shopify Dawn-temaet et Open Source-tema. Reference-tema informerer om bedre kvalitet af temaudvikling på tværs af bestyrelsen og giver Shopify-købmænd adgang til premium Shopify-temaer. 

• Tilpasningssektioner:

Ved at sætte den rigtige sti for at levere den optimale oplevelse erstatter Shopify Dawn-temaet Slideshow-indstillingen med sektionen Billedebanner, hvor du kan vise ét billede, en tekst og en CTA. 

Den bedste del af Shopify Dawn-temaet er slider-komponenten, hvor billeder hurtigt skifter fra det ene til det næste, i stedet for at have en flydende rulle mellem billederne. Det hjælper dig med at opretholde visuel harmoni samtidig med at forbedre butikens ydeevne.

• Opgraderet ydeevne:

Uden at miste synet af at levere den bedste brugeroplevelse sigter Shopify Dawn-temaet mod at maksimere fleksibilitet, samtidig med at det minimerer kompleksitet. 

For eksempel kollapser navigationshovedet (desktop-type) ikke længere i en burgerikon, i stedet pakker det flere gange, når navigationspunkter kollideres. Ændring af navigationslayoutet kompromitterer ikke denne tematikens fleksibilitet eller konverteringsfrekvens. 

Hvis du er en købmand, der leder efter beviste CRO-strategier, der giver enestående konverteringsresultater, kan du samarbejde med Shopify CRO-eksperter hos HulkApps, der hjælper dig med at vokse din organisation. 

• Klare standarder: 

Uden at begrænse dig til at beskære billedet, så det passer ind i de tilpassede sektioner eller stå over for overlappende indhold på et billede, er Shopify Dawn-temaets billedintegritet og tilgængelighed de vigtigste designprincipper for Shopify-temaet. 

Vis din brand-voice med Shopify Dawn Theme Customization

Da indførelsen af ​​Online Butik 2.0 markerer begyndelsen på en ny handelsstil, hjælper Shopify Dawn-temaet købmænd som dig med at træffe mere intelligente, unikke designbeslutninger, samtidig med at de leverer den bedste ydeevne, dvs. temaets hastighed er høj sammen med fleksibilitet.

Udover at opretholde en sund balance mellem ydeevne og smidighed forenkler det open-source kodebaserede Shopify Dawn temaet og forbedrer din butiks farvevalg. De tilpassningssektioner og de klare standarder giver dig mere kontrol over butiksdesignet og reducerer behovet for udviklere for at foretage designændringer. 

Mens Shopify Dawn-temaet er det nye standardtema for købmænd, der begynder med Shopify fra august 2021, kan du udnytte Shopify Dawn Online-butik ved at migrere med HulkApps Shopify Online Store 2.0-eksperterne.