Als eerste bron en referentiethema van Shopify met Online Store 2.0 functies, zal de ingebouwde prestatie en flexibiliteit van het thema helpen bij het opbouwen van betere commerce. Het Shopify Dawn-thema vertegenwoordigt een HTML-gerichte benadering van thema-ontwikkeling waarbij JavaScript alleen wordt toegevoegd wanneer dat nodig is.

Als u een handelaar bent die begint met Shopify, is het Dawn-thema het standaardthema waarmee u begint. Dus in vergelijking met het Shopify Debut-thema dat u ongeveer 35 keer sneller van start laat gaan. Gebouwd met geweldige functies en spannende add-ons, laten we hieronder het Shopify Dawn-thema in detail verkennen.

Overzicht van het Shopify Dawn-thema:

Het Dawn Shopify-thema is het eerste thema dat gebruik maakt van atomic-designcomponenten, minimale JavaScript en andere bepaalde functionaliteiten om een ultralicht, mobielgericht thema te zijn dat de flexibiliteit maximaliseert en complexiteit minimaliseert.

Beste functionaliteiten van het Shopify Dawn-thema:

• Web-native: Het Shopify Dawn-thema ondersteunt alle nieuwste webbrowsers door middel van progressieve verbetering, niet door polyfills, terwijl het ook ondersteuning biedt voor oudere browsers.

• Ondersteunt alle functies: De functionaliteit, het ontwerp en de flexibiliteit van het thema stellen handelaars in staat om aangepaste layouts te maken met JSON-templates, app-blokken en secties op alle pagina's.

• Alleen Javascript wanneer nodig: Het Shopify Dawn-thema gebruikt Javascript alleen wanneer dat nodig is om de prestaties van de winkel te verbeteren en de beste gebruikerservaring te bieden.

• Toegankelijkheid: Van de boomweergave van alle inhoud tot toegankelijke kleurenschema's, is het Dawn-thema georganiseerd om handelaars te helpen de hiërarchie van een pagina eenvoudig bij te werken.

Hoe te installeren Dawn-thema Shopify

Zo eenvoudig als het downloaden van Shopify-thema's, kunt u gebruik maken van het Shopify Dawn-thema door de Shopify Theme Store te bezoeken. U kunt het Shopify GitHub repository bekijken voor themaontwikkeling en uw eigen verzoeken indienen.

Als u hulp nodig heeft bij het migreren van uw thema naar het Shopify Dawn-thema of het upgraden van uw thema naar Online Store 2.0-functies of het implementeren van de Shopify 2.0-functies in uw bestaande thema's, dan kunt u altijd contact opnemen met de Shopify Online Store 2.0-experts van HulkApps.

Upgraden naar Shopify 2.0

Eenvoudig wijzigingen markeren met Shopify 2.0 Dawn Theme-editor

Vereenvoudigd om handelaren in staat te stellen te profiteren van nieuwe functies en tools van Online Store 2.0, is de Shopify Dawn-thema-editor onderverdeeld in drie delen: het linkerpaneel, het voorbeeldgedeelte en het rechterpaneel.

Hier kunt u de lay-out of structuur van de secties wijzigen om de volgorde van uw inhoud weer te geven op uw winkelpagina. U kunt ook secties of blokken toevoegen (binnen de sectie) wanneer dat nodig is.

Het voorbeeldgedeelte van de thema-editor laat de wijzigingen zien die zijn aangebracht in de lay-out. U kunt deze wijzigingen ook waarnemen met drie verschillende voorbeeldopties: mobiel, desktop en volledig scherm.

De thema-editor bevat nu een boomweergave om de inhoud van de sectie in de zijbalk van het rechterpaneel te bekijken in plaats van naar verschillende secties te navigeren. U kunt de inhoud verbergen, bewerken vanuit deze zijbalk en, het belangrijkste, dynamische bronnen opnemen. Met deze opties kunt u snel de hiërarchie van een pagina bijwerken. 

Als u meer wilt weten over andere Shopify 2.0-thema's en het ontwerp van thema-architectuur tussen Shopify en Shopify 2.0, kunt u onze blog lezen - Online Store 2.0 Shopify-thema's en architectuur.

Waarom u uw Shopify moet upgraden naar de nieuwe Shopify Online Store 2.0

De creatieven de macht geven en handelaren meer macht geven om een flexibele winkelomgeving te bouwen, lanceert Shopify Online Store 2.0 een nieuwe winkelontwerpervaring - lees meer in onze Shopify 2.0-introductie blog. Hieronder staat een snel overzicht van het verschil tussen Shopify Vintage-thema's en Shopify Dawn-thema's. 

Aanpassing van het Shopify Dawn-thema

Voordat we verder gaan en spelen met het Shopify Dawn-thema, zijn hier een paar punten over de ondersteunde paginatypes, secties en kleurenschema van het Shopify Dawn-thema. 

Shopify Dawn-thema - paginatypes:

Elk thema heeft zijn eigen standaardsecties en instellingen. Hieronder staan de standaardpaginasjablonen die al beschikbaar zijn in Dawn.

• Productpagina's

U krijgt standaard de Productinformatie-sectie en de Aanbevolen producten-sectie, waarbij Productinformatie de volgende standaardblokken bevat:

• Text (standaard geeft het de naamattribuut van het product weer)
• Titel
• Text (standaard geeft het ondertitelattribuut van het product weer)
• Prijs
• Variant picker
• Quantiteitsselectie
• Koopknoppen
• Beschrijving
• Delen

De productinformatiesectie kan maximaal 16 blokken bevatten, met aanvullende blokken zoals Product-beoordeling, Quantiteitsselectie, Aangepaste vloeistof, Uitklapbare tabblad en Popup. 

Als u een sticky productinformatieoptie wilt of andere mediavarianten wilt verbergen wanneer een variant is geselecteerd of de videoloop wilt inschakelen, kunt u de wijzigingen in de instellingen van Productinformatie markeren.

Aanbevolen producten 

Zoals de naam al aangeeft, toont Aanbevolen producten alle vergelijkbare producten of producten die vaak samen worden gekocht met dit product. U kunt de productgegevens in het gedeelte met productaanbevelingen aanpassen via het rechterpaneel.

• Collectiepagina's

Zoals de productpagina hebben de collectiepagina's standaard een Collectiebanner en een Productoverzicht-gedeelte. De instellingen van het Collectiebanner-gedeelte hebben Toon collectiebeschrijving en Toon collectieafbeelding, terwijl de instellingen van het Productoverzicht-gedeelte weergeven hoeveel producten/pagina naar hun verhouding en andere aspecten.

• Collectielijstpagina's

Net als de bovenstaande twee punten toont de collectielijstpagina al uw collecties en de benodigde opties.  

• Pagina's, blogpagina's, blogberichtpagina's, winkelwagenpagina, wachtwoordpagina, 404-pagina, zoekpagina

Net als de andere pagina's hebben deze opties hun eigen set secties en instellingen, die u kunt configureren om uw merkverhaal te versterken. 

Shopify Dawn-thema - secties:

Met de ingebouwde referentie om Shopify Online Store 2.0-functies en tools te laten zien, omarmt het Shopify Dawn-thema functies zoals secties overal. Dat wil zeggen, u kunt secties toevoegen op elke pagina, en de standaardsecties die op elke pagina verschijnen zijn de meldingbalk, de koptekst en de voettekst.

De andere sectie waar u gebruik van kunt maken is:

• Blogberichten
• Collage
• Collectielijst
• Contactformulier
• Aangepaste vloeistof
• E-mails aanmelden
• Uitgelicht product
• Uitgelichte collectie
• Afbeeldingsbanner
• Afbeelding met tekst
• Meerkoloms
• Pagina
• Rich text
• Video

Elke sectie heeft zijn eigen sectie-instellingen die u kunt configureren om aan uw zakelijke behoeften te voldoen.  Voor meer gedetailleerde informatie over Shopify 2.0 metafields, kunt u onze blog lezen - Waarom Shopify dynamische secties het spelveranderaar zijn?

Shopify Dawn-thema - kleurenschema's: 

De Shopify Dawn-thema-ontwerparchitectuur neemt geavanceerd UX-ontwerp en webstandaarden over en revolutioneert het Debut Shopify-thema dat in 2016 is gelanceerd. Als resultaat is het thema 35% sneller dan zijn voorganger, flexibeler met JavaScript alleen indien nodig om een topprestatie te garanderen. 

Beheer uw kleurenschema

• Voor effen kleuren:

• Gebruik de kleurkiezer of

• Voer de hexadecimale waarde van de kleur in

• Voor kleurovergangen,

• Plak de Gradient CSS Code in het kleurvak

De belangrijkste kenmerken van het Shopify Dawn-thema 

• Atomic kleurensysteem:

Zoals we weten, heeft kleur een grote impact op de conversie van klanten; Het Shopify Dawn-thema biedt accentkleur en achtergrondkleur om het thema veelzijdiger te maken voor merkexpressie. 

• Open-source Thema-code:

Het stimuleren van de acceptatie van een open standaard, is het Shopify Dawn-thema een open-source thema. Het referentie thema zorgt voor een hogere kwaliteit thema-ontwikkeling die Shopify-handelaren toegang geeft tot premium Shopify-thema's.

• Aanpasbare secties:

Het juiste pad instellen om de optimale ervaring te leveren, vervangt het Shopify Dawn-thema de diavoorstellingsoptie door het Image Banner-gedeelte, waar u één afbeelding, een stukje tekst en een CTA kunt weergeven. 

Het beste van het Shopify Dawn-thema is het schuifcomponent, waarbij afbeeldingen worden overgeschakeld van de ene naar de andere in plaats van een vloeiende overgang tussen de afbeeldingen te hebben. Hierdoor kunt u visuele harmonie behouden en de prestaties van de winkel verbeteren. 

• Verbeterde prestaties:

Zonder het leveren van de beste gebruikerservaring uit het oog te verliezen, streeft het Shopify Dawn-thema ernaar om de flexibiliteit te maximaliseren en de complexiteit te minimaliseren. 

De navigatiebalk (desktoptype) klapt bijvoorbeeld niet langer in een menupictogram, maar wordt in meerdere regels weergegeven wanneer de navigatie-items botsen. Door de navigatielayout aan te passen, beïnvloedt dit het gedrag van het thema niet op het gebied van flexibiliteit en conversiepercentage. 

Als u een handelaar bent die bewezen CRO-strategieën wil ontvangen die uitstekende conversieresultaten opleveren, werk dan samen met Shopify CRO-experts van HulkApps die u helpen uw organisatie te laten groeien. 

• Intelligente standaarden: 

Zonder u te beperken om de afbeelding bij te snijden om in de aangepaste secties te passen of te maken te krijgen met overlappende inhoud, respecteert het Shopify Dawn-thema de integriteit en toegankelijkheid van afbeeldingen, tonen de belangrijkste ontwerpprincipes van het Shopify-thema. 

Toon uw merkstem met aanpassing van het Shopify Dawn-thema

Met de introductie van Online Store 2.0 wordt het begin van een nieuwe handelsstijl gemarkeerd en helpt het Shopify Dawn-thema handelaren zoals jij om slimmere, unieke ontwerpbeslissingen te nemen terwijl de beste prestaties worden geleverd, dat wil zeggen, de snelheid van het thema is hoog samen met de flexibiliteit.

Naast het behouden van een gezonde balans tussen prestaties en soepelheid, vereenvoudigt de open-source codebase het Shopify Dawn-thema uw winkelkleurkeuzes en verbetert deze. De aanpasbare secties en slimme instellingen geven u meer controle over het ontwerp van de winkel en verminderen de afhankelijkheid van ontwikkelaars voor ontwerpwijzigingen. 

Terwijl het Shopify Dawn-thema het nieuwe standaardthema is voor handelaren die vanaf augustus 2021 met Shopify beginnen, kunt u het Shopify Dawn Online Store gebruiken door samen te werken met de Shopify Online Store 2.0-experts van HulkApps.