De Header-sectie beheert navigatie op het hoogste niveau, branding en sneltoetsbedieningen over uw winkel. Hoofdinstellingen laten u de achtergrondkleur, headerhoogte, plakkende weergave, logolay-out en specifieke bedieningselementen voor belangrijke functies aanpassen:

Zoekbalk:

Schakel de zichtbaarheid van de centrale zoekbalk in of uit en pas de tijdelijke tekst aan.

Menu Lade:

Selecteer navigatiemenu's, pas linktekst aan en kies ervoor om navigatie in een zijlade weer te geven (ook op desktop) die aan de rechterkant is gepositioneerd.

Account- & Winkelwagenlade:

Stel aangepaste labels in voor klantaccount- en winkelwagenknoppen en definieer de koptekst voor de lege staat van de winkelwagenlade.

De Accordeon-sectie stelt u in staat inklapbare tekstlijsten te maken, die perfect zijn voor Veelgestelde Vragen of winkelbeleid. Bezoekers kunnen op elke vraag klikken om deze open te schuiven en het antwoord te lezen, waardoor uw pagina schoon en georganiseerd blijft. U kunt eenvoudig uw hoofdtitel instellen, de tekstkleur wijzigen en de ruimte boven en onder het blok aanpassen met eenvoudige schuifregelaars in de Thema-editor.

De Actiesplitsing-sectie combineert een gedetailleerde tekstboodschap aan de linkerkant met een speciale functievak of direct contactmenu aan de rechterkant. Het is ideaal voor het tonen van diensten zoals bulk taxaties, consignatie of speciale klantenondersteuningskanalen. U kunt de hoofdtitel, subtitel, beschrijving, tagknoppen en zijbalktitel aanpassen, evenals lettergroottes, zijbalkbreedte en individuele achtergrond- en accentkleuren direct in de instellingen.

De Blog Slider-sectie presenteert de nieuwste berichten en verhalen van uw winkel in een schone, scrollbare carrousel. In de hoofdsectie-instellingen kunt u een achtergrondkleur of verloop instellen, de boven- en ondervulling aanpassen, lettergewichten wijzigen en standaardlabels instellen zoals de sectiekop, linktekst en lees-meer-knoppen. Door individuele Artikelblokken toe te voegen, kunt u standaard blogberichten of aangepaste verhalen weergeven met opties voor volledige afbeelding of gesplitste kaartlay-outs, aangepaste afbeeldingen, videachtergronden (YouTube, Vimeo of MP4) en aangepaste omleidingslinks.

De Call to Action Banner creëert een brede, opvallende promotiesectie die is ontworpen om klantbetrokkenheid te stimuleren. U kunt de subtitel, hoofdtitel, beschrijving en call-to-action-knop met een directe link aanpassen. U kunt ook individuele Infoblokken toevoegen, die automatisch onder de tekst worden weergegeven met nette vinkjes om belangrijke vertrouwenspunten of garanties te benadrukken. De sectie-instellingen laten u ook de boven- en ondervulling aanpassen en een aangepaste achtergrondkleur of verloop kiezen.

De Campagnehub-sectie toont een gestructureerd raster van promotiekaarten om belangrijke winkel aanbiedingen, campagnes en exclusieve inhoud te benadrukken. Sectie-instellingen regelen de hoofdtitels, kolommen per rij, achtergrondstijl en globale kaart-hover-effecten, terwijl individuele Kaartblokken u in staat stellen titels, beschrijvingen, knoplinks en iconen aan te passen.

Hoe SVG-icooncodes te verkrijgen

Om aangepaste vectoriconen aan uw kaarten toe te voegen:

1. Vind een icoon: Bezoek een gratis open-source iconenbibliotheek (zoals Lucide Icons of Tabler Icons).
2. Kopieer de SVG-code: Zoek uw gewenste icoon (bijv. een hart, ster of diamant), klik erop en selecteer Kopieer SVG of Kopieer code.
3. Plak in de instellingen: Plak het ruwe codeblok direct in het Icoon-veld van uw Kaartblok.

De Winkelwagenlade stelt klanten in staat om artikelen te bekijken en te beheren via een header-hover dropdown of een omhoog schuivende lade met hoeveelheidsbedieningen, promotie-invoeren en afrekenlinks (vereist het toevoegen van het Winkelwagenladeblok onder Header). In Thema-instellingen > Winkelwagenbeloningen kunt u tot drie gelaagde bestedingsdrempels configureren (bijv. bestedingsniveaus voor 30%, 50% of 70% korting) om een dynamische beloningsvoortgangsbalk direct in de lade weer te geven.

De Content Gallery Grid combineert uitgelichte media-elementen (video en statische afbeeldingen) naast een nette klantenbeoordeling-carousel.

• Algemene sectie-instellingen: Pas de boven- en ondermarge aan, sectiesubtitel (bijv. "KLANTENBEOORDELINGEN"), hoofdfoto, videomedia en container randkleuren aan. Voor videocontent kunt u een direct MP4-bestand uploaden via Shopify Video of een YouTube-URL invoeren (wordt automatisch gebruikt als er geen Shopify Video is geselecteerd), met een optie om Automatisch afspelen video in of uit te schakelen.

• Beoordelingsblokken: Voeg meerdere beoordelingsblokken toe om een testimonials-slider naast uw mediagrid te maken. Voor elk individueel beoordelingsblok kunt u aanpassen: Sterrenbeoordeling, Beoordelingstekst, Auteur en Label.

De sectie Collectiecarrousel toont producten uit een geselecteerde collectie in een nette, horizontaal scrollbare slider met navigatiepijlen.

• Collectie & Kop: Kies welke winkelcollectie u wilt tonen en stel een aangepaste sectietitel in (bijv. "Mythos Fantasy Cards").
• Badge-instellingen: Voeg een promotionele badge toe (bijv. "NIEUW") naast de kop, selecteer de accentkleur en schakel Positie badge bovenaan in om deze uit te lijnen.
• Knoppen & Navigatie: Pas standaardlabels aan voor individuele productkaartknoppen (bijv. "Toevoegen aan winkelwagen") en configureer een aparte sectieknop met een aangepast label (bijv. "Collectie winkelen") en directe link.
• Styling & Lay-out: Stel aangepaste kleuren in voor de sectieachtergrond, knopachtergrond en knoptekst, naast de boven- en ondermarge van de sectie.

De sectie Collectielijst maakt een raster van interactieve kaarten met aangepaste verlopen, vectorpictogrammen en directe collectie-links. U kunt de achtergrondkleur van de sectie, kop, kolommen per rij en hover-accentkleuren aanpassen en vervolgens individuele Collectiekaart-blokken toevoegen om elke collectie weer te geven.

Instellingen Collectiekaart-blok

Voor elk kaartblok kunt u configureren:

• Collectie: Selecteer de doelcollectie voor de doorverwijzingslink.
• Collectietitel: Voer het aangepaste kaartlabel in (bijv. "Nieuwe Aanwinsten").
• Pictogram: Plak ruwe
• Achtergrondverloop kaart: Voeg een CSS lineair verloopcode toe om elke kaart een onderscheidende achtergrondkleurtransitie te geven. Formaat: linear-gradient(richting, kleur1, kleur2)

De Collecties rastersectie toont een responsieve lay-out van uitgelichte collectiekaarten met uitgelichte afbeeldingen en directe collectietitels. Sectiebedieningen stellen je in staat om de grootte van rasteritems te schakelen (Klein/Groot) en de rasterafstand aan te passen, terwijl individuele collectieblokken je laten selecteren en specifieke winkelcollecties tonen.

De Contactformuliersectie toont een gestroomlijnd klantencontactformulier binnen een donkere kaartcontainer. Instellingen bieden volledige aanpassing van koppen, subkoppen, beschrijvingen, labels van verzendknoppen en aangepaste veldlabels of tijdelijke tekst voor de invoervelden Onderwerp, E-mail en Bericht.

De Held-sectie bevat een banner met volledige breedte achtergrond met gecentreerde tekstoverlays en een call-to-action knop. Sectiebedieningen laten je de achtergrondafbeelding selecteren en de totale bannerhoogte aanpassen, terwijl inhoudsblokken je in staat stellen aanpasbare Kop, Paragraaf en Knop-elementen toe te voegen.

De Held Hotspots-sectie combineert een interactieve bannerheld met nauwkeurige hotspot-iconen (+ indicatoren) die gekoppelde collectiecarrousels tonen bij hoveren. Sectie-instellingen regelen heldtypografie, knopstijl, desktop-/mobiele achtergrondafbeeldingen en overlaydoorzichtigheid, terwijl individuele Hotspot-blokken je in staat stellen titels, beschrijvingen, doelcollecties en precieze X/Y percentagecoördinaten toe te wijzen om elke pin over de afbeelding te positioneren.

De Etalage met Tooltips-sectie combineert een uitgelichte achtergrondbanner met links uitgelijnde koppen, beschrijvingen en aanpasbare Bullet Item-blokken. Sectie-instellingen laten je achtergrondmedia, overlaydoorzichtigheid en kaartstijl (kleuren en randradius) aanpassen, terwijl Hotspot-blokken je in staat stellen interactieve pins over de afbeelding te plaatsen met onafhankelijke desktop- en mobiele X/Y-coördinaten om pop-up kaartdetails en links weer te geven.

De Tekst Marquee-sectie creëert een geanimeerde, continu scrollende tekstbanner voor aankondigingen en sitewaarschuwingen. Sectie-instellingen laten je de achtergrondkleur, tekstkleur, lettergrootte en afstand tussen items aanpassen, terwijl individuele Tekstblokken je in staat stellen unieke promotieberichten, emoji's of update-notities aan de marquee-lus toe te voegen.

De Tekst met Iconen-sectie toont featurekaarten met aangepaste iconen, titels en beschrijvingen gerangschikt in een meerkoloms raster. Algemene sectie-instellingen laten je koppen, kolommen per rij, rasterafstand, icondimensies en een optioneel stapentellingbadge aanpassen, terwijl individuele Box-blokken je in staat stellen afbeeldingen te uploaden of ruwe SVG-vectoriconen in te voeren, aangepaste verloopachtergronden in te stellen en kaart-specifieke kleuren en call-to-action knoppen te configureren.

Om SVG-code te verkrijgen, bezoek een open-source iconbibliotheek zoals Lucide Icons of Tabler Icons, zoek je gewenste icoon en klik op Kopieer SVG of Kopieer Code. Plak vervolgens het ruwe codeblok direct in het SVG-veld van je Box-blok.

De Kruimelpaden-sectie biedt eenvoudige paginanavigatie met een terugknop aan de linkerkant en een indicator voor de huidige pagina aan de rechterkant. Sectie-instellingen laten je de achtergrondkleur, het label van de terugknop (bijv. "Ga terug") en de voorvoegtekst van de weergave-indicator (bijv. "Je bekijkt:") aanpassen.

De Meerkoloms-sectie laat je inhoud naast elkaar weergeven om belangrijke voordelen, stappen of winkelkenmerken in een overzichtelijke lay-out te benadrukken. Je kunt een hoofdtitel en subkop instellen voor de hele sectie, evenals individuele kolomblokken toevoegen of verwijderen om afbeeldingen, titels en korte beschrijvingen te tonen.

De Verlanglijst-sectie creëert een speciale ruimte om alle items te tonen die een klant heeft opgeslagen tijdens het browsen.

Wanneer een koper op de Verlanglijst-hulpknoop op een productpagina klikt, wordt dat item opgeslagen en automatisch weergegeven als een kaartgrid binnen deze sectie—waardoor klanten een gemakkelijke, gecentraliseerde plek krijgen om hun favoriete items later te bekijken en te kopen.

De Footer-sectie vormt de onderkant van je winkel met navigatielinks, branding, nalevingsdetails en klantbetrokkenheidstools. Hier kun je de achtergrondkleur instellen, Toon betaaliconen schakelen om geaccepteerde betaalmethoden weer te geven, en winkelbeleid inschakelen in de onderste balk.

Footer Blokken

• Logo Blok: Upload je logo, pas de grootte aan en voeg een korte slogan toe. Je kunt ook sociale iconen of je winkelnaam tonen.

• Links Blok: Toon een navigatiemenu vanuit je Shopify-beheer onder een aangepaste titel.

• Nieuwsbrief Blok: Voeg een e-mailaanmeldingsvak toe met je keuze van kop, subkop en tijdelijke tekst.

De Productsectie heeft een tweekoloms lay-out die productmedia toont naast belangrijke details en aankoopopties. Hoofdinstellingen laten je achtergrondkleur, sectiebreedte, plakkerige afbeeldingen, randradius en afbeeldingszoom aanpassen, terwijl blokken zoals Titel, Prijs, Voorraad, Variantkiezer en Koopknoppen de kernproductlay-out compleet maken.

Het Details-tabblad blok organiseert productinformatie in een overzichtelijke, tabbladinterface om de pagina netjes en gemakkelijk doorzoekbaar te houden. Je kunt aangepaste tabbladtitels instellen (bijv. "Kaartbeschrijving" en "Kaartoverzicht") en rijke tekst invoeren voor elk bijbehorend inhoudsgebied.

Tip: Om automatisch de werkelijke beschrijving van je product uit Shopify te halen, klik je op het pictogram Dynamische bron verbinden (het databasesymbool naast het veldlabel) boven het inhoudsveld en selecteer je Beschrijving.

Het Productkenmerken blok toont belangrijke eigenschappen—zoals Kaart Zeldzaamheid of Staat—in een overzichtelijke lijst met label en waarde (ondersteunt tot 6 aangepaste kenmerkparen).

Hoe aangepaste productdetails te koppelen

1. Maak het Detailveld aan (Eenmalige installatie)
   •Ga naar Instellingen > Aangepaste gegevens > Producten in Shopify.
   • Klik op Definitie toevoegen, geef je detail een naam (zoals "Kaart Zeldzaamheid") en klik op Opslaan.
2. Voeg details toe aan een product
   • Open je productpagina in Shopify.
   • Scroll naar de sectie Metavelden onderaan, typ de waarde in (zoals "Zeldzaam") en sla op.
3. Toon het in je winkel
   • Open in de thema-editor je Productkenmerken blok.
   • Typ het label (bijv. "Kaart Zeldzaamheid") in het Titelvak.
   • Klik in het Tekstvak op het gestapelde database-icoon in de hoek en selecteer je detailnaam om het automatisch te koppelen!

Het Tekst met Icoon blok toont tot 3 compacte kenmerkpillen naast elkaar binnen de productsectie om belangrijke verkooppunten te benadrukken (zoals snelle verzending, productgaranties of authenticiteit). Elk tekstblok laat je aangepaste tekst invoeren naast ruwe SVG-code om je keuze van vectoriconen weer te geven.

Het Hulpmiddelknop blok voegt secundaire acties toe aan je productpagina, waarmee klanten items kunnen opslaan of producten met anderen kunnen delen. Instellingen laten je de Verlanglijst en Delen knoppen onafhankelijk aan- of uitzetten en de knoptekst voor elk aanpassen.

Typografie

De Typografie-instellingen regelen de globale lettertype-stijlen in uw hele winkel. Het selecteren van een primair lettertype (zoals Work Sans) zorgt voor een consistente visuele identiteit en past automatisch het gekozen lettertype toe op koppen, hoofdtekst, knoppen en navigatie-elementen op de hele site.

Lay-out

De Lay-out-instellingen bepalen de structurele afmetingen en ruimte van uw winkel door de Paginabreedte (maximale containerbreedte voor hoofdinhoud) en Paginamarge (buitenste zijruimte om te voorkomen dat inhoud de schermranden raakt op kleinere schermen) te regelen.

Kleuren

De Kleuren-instellingen bepalen het globale kleurenpalet van uw winkel voor volledige merkconsistentie op elke pagina:

• Achtergrond & Voorgrond: Stelt de hoofdpagina achtergrondkleur en standaard accentstijl in.
• Primair & Secundair: Bepaalt de hoofdlettertypekleuren voor koppen (Primair) en hoofdtekst (Secundair).
• Rand & Accent: Regelt lijnscheidingen, container-randen en structurele accenten.
• Knopbesturing: Past achtergrond-, tekst- en randkleuren van knoppen aan.
• Link & Hover: Stelt standaard hyperlinkkleuren en hun interactieve hover-staten in.

Sociale media

De Sociale media-instellingen laten u links toevoegen naar de sociale media-accounts van uw merk. Plak eenvoudig uw profiel-URL's in de bijbehorende platformvelden en de bijpassende sociale iconen verschijnen automatisch in uw voettekst.

De Logo-instellingen laten u uw primaire winkel-logo uploaden, de weergavegrootte in pixels regelen en een favicon-icoon instellen om uw site in browsertabbladen te vertegenwoordigen.

De instellingen voor Winkelwagenbeloningen stellen u in staat grotere bestellingen te stimuleren door tot drie niveaus van bestedingsdoelen in te stellen. Definieer specifieke winkelwagenbedragen en aangepaste labels voor elk niveau om een dynamische voortgangsbalk direct in het winkelwagenpaneel weer te geven, waarmee klanten worden aangemoedigd meer artikelen toe te voegen om kortingen of voordelen te ontgrendelen.