Being Shopify's first source and reference theme with Online Store 2.0 features, the theme's built-in performance, flexibility will help build better commerce. Shopify Dawn-tema representerer en HTML-først, JavaScript-bare-etter-behov tilnærming til tema-utvikling.

Hvis du er en kjøpmann som begynner med Shopify, er Dawn-temaet standardtemaet du vil begynne med. Så når det sammenlignes med Shopify Debut-temaet, er du sannsynligvis å starte med et tema som er 35 ganger raskere. Bygd med noen fantastiske funksjoner og spennende tillegg, la oss utforske Shopify Dawn-temaet i detalj nedenfor.

Shopify Dawn-temaoversikt:

Dawn Shopify-tema er det første temaet som bruker atomdesignkomponenter, minimal JavaScript og andre meningsfylte sett med funksjoner for å være et ultralett, mobilt-først-tema som maksimerer fleksibilitet og minimerer kompleksitet.

Beste funksjoner i Shopify Dawn-tema:

• Webnativ: Gjennom gradvis forbedring - ikke polyfills, støtter Shopify Dawn-tema alle de nyeste nettleserne samtidig som støtten for de eldre opprettholdes.

• Støtter alle funksjoner: Temaets funksjonalitet, design og fleksibilitet lar kjøpmenn bygge tilpassede oppsett med JSON-templates, appblokker og seksjoner på alle sider.

• Bare-JavaScript-etter-behov: Shopify Dawn-temaet bruker kun JavaScript når det er nødvendig for å forbedre butikkens ytelse samtidig som den leverer den beste opplevelsen.

• Tilgjengelighet: Fra tredjeoversikt over all innhold til tilgjengelige fargeordninger, er Dawn-temaet organisert for å hjelpe kjøpmenn med å oppdatere hierarkiet på en side enkelt.

Hvordan installere Dawn-temaet i Shopify

Så enkelt som å laste ned Shopify-temaer kan du dra nytte av Shopify Dawn-temaet ved å besøke Shopify Theme Store. Du kan se på Shopify GitHub-repositoriet for tema-utvikling og trekke og skyve dine egne tilpassede forespørsler.

Hvis du trenger hjelp til å migrere temaet ditt til Shopify dawn-tema eller oppgradere temaet ditt med Online Store 2.0-funksjoner eller implementere Shopify 2.0-funksjoner i dine eksisterende tematikk, kan du alltid nå HulkApps Shopify Online Store 2.0-eksperter.

Oppgrader til Shopify 2.0

Merke endringene enkelt med Shopify 2.0 Dawn-temaeditor

Forenklet for å gi kjøpmenn mulighet til å dra nytte av Online Store 2.0 nye funksjoner og verktøy, er Shopify Dawn-temaeditoren delt opp i tre deler: Venstre panel, Forhåndsvisningsseksjon og Høyre panel.

Her kan du endre layouten eller strukturen til seksjonene for å gjenspeile sekvensen av innholdet på butikksiden din. Du kan også legge til seksjoner eller blokker (innenfor seksjonen) ved behov.

Forhåndsvisningsseksjonen i temaeditoren viser endringene som er gjort i layouten. Du kan også observere disse endringene med tre forskjellige forhåndsvisningsalternativer: Mobil, Skrivebord og Fullskjerm.

Temaeditoren har nå en trevisningsstruktur for å vise innholdet i seksjonene i sidepanelet på høyre side i stedet for å grave dypt inn i forskjellige seksjoner. Du kan skjule, redigere innholdet fra denne sidefeltet og inkludere dynamiske ressurser. Disse alternativene lar deg raskt oppdatere hierarkiet på en side.

Hvis du vil lære mer om andre Shopify 2.0-temaer og temaarkitekturdesign mellom Shopify og Shopify 2.0, kan du lese bloggen vår - Online Store 2.0 Shopify-temaer og arkitektur.

Hvorfor bør du oppgradere Shopify din til nye Shopify Online Store 2.0

Gir kreative mennesker mer kraft og gir kjøpmenn mer frihet til å bygge en fleksibel butikkfront, lanserer Shopify Online Store 2.0 en ny butikkdesignopplevelse - les mer i vår Shopify 2.0-introduksjonsblogg. Nedenfor er et raskt overblikk over forskjellene mellom Shopify Vintage-temaer og Shopify Dawn-temaer.

Shopify Dawn Theme-tilpasning

Før vi går videre og leker med Shopify Dawn-temaet, er her noen punkter om støttede sidetyper, seksjoner og fargeordning i Shopify Dawn-temaet.

Shopify Dawn Theme - sidetyper:

Hvert tema har sine egne standardseksjoner og innstillinger, og nedenfor er de allerede tilgjengelige sideoppsettene i Dawn.

• Produktsider

Som standard får du Produktinformasjon -seksjonen og en Produktanbefalinger -seksjon, der Produktinformasjon inneholder følgende standardblokker:

• Tekst (viser som standard leverandørattributtet)
• Tittel
• Tekst (viser som standard produktsubtitleattributtet)
• Pris
• Variantvelger
• Kvantitetsvelger
• Kjøp-knapper
• Beskrivelse
• Deling

Produktinformasjonsseksjonen kan inneholde opptil 16 blokker, med ekstra blokker som Produktrangering, Kvantitetsvelger, Tilpasset flytende, Sammenleggbar kategori og Sprette opp.

Hvis du ønsker et klistrebokskalternativ for produktinformasjon eller skjule andre varianters medier når en variant er valgt, eller aktivere video-løping, kan du markere endringene i innstillingene for Produktinformasjonsseksjonen.

Produktanbefalinger 

Slik navnet tilsier, vil Produktanbefalinger vise alle lignende produkter eller produkter som ofte kjøpes sammen med dette produktet. Du kan tilpasse produktinformasjonen i produktanbefalingssiden fra høyre sidepanel.

• Samlingssider

Som produktsiden har samlingssiden en Samlingsoverskrift og en Produktgrid -seksjon som standard. Innstillingene for Samlingsoverskrift-seksjonen har Vis samlingbeskrivelse og Vis samlingbilde, mens innstillingene for Produktgrid-seksjonen viser hvor mange produkter/side til deres forhold og andre aspekter.

• Listesamlingssider

Som de to ovennevnte punktene viser listesamlingssiden alle samlingene dine og de nødvendige alternativene.

• Sider, bloggsider, blogginnlegg, kurvside, passordside, 404-side, søkeside

Som de andre sidene har disse alternativene egne seksjoner og innstillinger som du kan konfigurere for å tilpasse merkefortellingen din.

Shopify Dawn Theme - seksjoner:

Innebygd referanse for å vise frem Shopify Online Store 2.0-funksjoner og verktøy, omfavner Shopify Dawn-temaet Seksjoner overalt-funksjonene. Det vil si at du kan legge til seksjoner på hvilken som helst side, og standardseksjonene som vises på hver side er kunngjøringslinjen, overskriften og bunnteksten.

Den andre seksjonen du kan dra nytte av er:

• Blogginnlegg
• Kollasj
• Samlingsoversikt
• Kontaktskjema
• Tilpasset flytende
• E-postregistrering
• Anbefalt produkt
• Anbefalt samling
• Bildebanner
• Bilde med tekst
• Flersøyle
• Side
• Rik tekst
• Video

Hver seksjon har sine egne seksjonsinnstillinger som du kan konfigurere for å passe dine forretningsbehov. For mer detaljert informasjon om Shopify 2.0-metafelter, kan du lese bloggen vår - Hvorfor er Shopify dynamiske seksjoner en spillveksler?

Shopify Dawn Theme - fargeordninger: 

Revitaliserer Debut Shopify-tema, lansert i 2016, tar Shopify Dawn-temaets designarkitektur i bruk avansert UX-design og webstandarder. Som et resultat er temaet 35% raskere enn forgjengeren, mer fleksibelt med JavaScript ved behov for å sikre topp ytelse. 

Håndter fargeordningen din

• For solide farger, 

• Bruk fargevelgeren eller 

• Skriv inn den heksadesimale verdien av fargen

• For fargegradering,

• Lim inn Gradient CSS Code inne i fargeboksen

De viktigste funksjonene i Shopify Dawn-temaet 

• Atom-fargesystem:

Som vi vet, har farger stor innvirkning på samtalen med kundene; Shopify Dawn-temaet gir aksentfarge og bakgrunnsfarge for å gjøre temaet mer allsidig for merkevareuttrykk. 

• Kildekoden for åpent tema:

Gjennom oppmuntring til å vedta en åpen standard, er Shopify Dawn-temaet et åpent kildekode-tema. Referansethemaet legger til rette for en høyere kvalitet på temautvikling på tvers av hele linjen og gir Shopify-kjøpmenn tilgang til førsteklasses Shopify-temaer.

• Tilpassbare seksjoner:

Ved å sette den rette veien for å levere optimal opplevelse, erstatter Shopify Dawn-temaet lysbildealternativet med bildetannseksjonen, der du kan vise ett bilde, en tekstbit og en CTA. 

Det beste med Shopify Dawn-temaet er glidebryterkomponenten, der bildene hopper fra ett til det neste i stedet for å ha en jevn rulling mellom bildene. Det hjelper deg med å opprettholde visuell harmoni samtidig som det øker ytelsen til butikken. 

• Forbedret ytelse:

Uten å miste synet av å levere den beste brukeropplevelsen, har Shopify Dawn-temaet som mål å maksimere fleksibilitet samtidig som det reduserer kompleksiteten. 

For eksempel kollapser ikke navigering i overskriften (skrivebordstype) lenger til et burgerikon; i stedet pakker det seg flere ganger når navigasjonsobjekter kolliderer. Ved å endre navigasjonsoppsettet, kompromisser ikke dette temaets oppførsel fleksibiliteten eller konverteringsfrekvensen. 

Hvis du er en kjøpmann som ønsker å få beviste CRO-strategier som gir enestående konverteringsresultater, samarbeid med Shopify CRO-eksperter hos HulkApps som hjelper deg med å vokse organisasjonen din. 

• Smarte standardverdier:

Uten å begrense deg til å klippe bildet for å passe til tilpassede seksjoner eller møte problemer med overlappende innhold med et bilde, er Shopify Dawn-temaet hovedprinsippene for design av nøkkelfunksjonene til Shopify-temaet integritet og tilgjengelighet for bildet. 

Vis merkevaren din med Shopify Dawn-tematilpasning

Ettersom introduksjonen av Online Store 2.0 markerer begynnelsen på en ny handelsstil, hjelper Shopify Dawn-temaet kjøpmenn som deg med å ta smartere, unike designbeslutninger samtidig som det leverer den beste ytelsen, dvs. temaets hastighet er høy sammen med fleksibiliteten.

Bortsett fra å opprettholde en sunn balanse mellom ytelse og smidighet, forenkler Shopify Dawn-temaet med åpen kildekode basen de amerikanske butikkenes fargevalg. De tilpassbare seksjonene og smarte standardverdiene gir deg mer kontroll over butikksesignen og reduserer avhengigheten av utviklere for designendringer. 

Ettersom Shopify Dawn-temaet er det nye standardtemaet for kjøpmenn som begynner med Shopify fra august 2021, kan du dra nytte av Shopify Dawn Online Store ved å migrere med HulkApps Shopify Online Store 2.0-eksperter.