De koptekstsectie beheert navigatie op het hoogste niveau, branding en sneltoetsen voor hulpmiddelen in uw winkel. Hoofdinstellingen laten u de achtergrondkleur, kopteksthoogte, plakkerige 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 aanduidingstekst aan.

Menulade:

Kies 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 Accordion-sectie stelt je in staat om inklapbare tekstlijsten te maken, die perfect zijn voor Veelgestelde Vragen of winkelbeleid. Bezoekers kunnen op elke vraag klikken om deze uit te klappen en het antwoord te lezen, waardoor je pagina schoon en georganiseerd blijft. Je kunt eenvoudig je hoofdtitel instellen, de tekstkleur wijzigen en de ruimte boven en onder het blok aanpassen met behulp van 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 om diensten te tonen zoals bulk taxaties, consignatie of speciale klantenondersteuningskanalen. Je kunt de hoofdkop, 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 je winkel in een schone, scrollbare carrousel. In de hoofdsectie-instellingen kun je 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, kun je standaard blogberichten of aangepaste verhalen weergeven met opties voor volledige afbeelding of gesplitste kaartlay-outs, aangepaste afbeeldingen, videachtergronden (YouTube, Vimeo of MP4) en aangepaste doorverwijzingslinks.

De Call to Action Banner creëert een brede, opvallende promotiesectie die is ontworpen om klantbetrokkenheid te stimuleren. Je kunt de subtitel, hoofdtitel, beschrijving en call-to-action-knop met een directe link aanpassen. Je 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 je ook de boven- en ondervulling aanpassen en een aangepaste achtergrondkleur of verloop kiezen.

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

Hoe SVG-pictogramcodes te verkrijgen

Om aangepaste vectorpictogrammen aan je kaarten toe te voegen:

1. Vind een pictogram: Bezoek een gratis open-source pictogrambibliotheek (zoals Lucide Icons of Tabler Icons).
2. Kopieer de SVG-code: Zoek het gewenste pictogram (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 Pictogram-veld van je Kaartblok.

De Winkelmandlade stelt klanten in staat om items te bekijken en te beheren via een dropdown in de koptekst of een uitschuiflade met hoeveelheidsbediening, promotie-invoervelden en afrekenlinks (vereist het toevoegen van het Winkelmandlade-blok onder Koptekst). In Thema-instellingen > Winkelmandbeloningen kun je tot drie gelaagde bestedingsdrempels configureren (bijv. bestedingsniveaus voor 30%, 50% of 70% korting) om een dynamische voortgangsbalk voor beloningen direct in de lade weer te geven.

Het Content Galerijrooster combineert uitgelichte media-elementen (video en statische afbeeldingen) naast een nette klantenbeoordelingscarrousel.

• Algemene sectie-instellingen: Pas de boven- en ondervulling aan, de sectiesubtitel (bijv. "KLANTBEOORDELINGEN"), het hoofdafbeeldingsbestand, videomedia en containergrenskleuren. Voor videocontent kun je 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 te schakelen.

• Beoordelingsblokken: Voeg meerdere Beoordelingsblokken toe om een testimonialslider naast je mediarooster te maken. Voor elk individueel beoordelingsblok kun je aanpassen: Sterrenbeoordeling, Beoordelingstekst, Auteur en Label.

De Collectiecarrousel-sectie toont producten uit een geselecteerde collectie in een schone, horizontaal scrollbare schuifregelaar met navigatiepijlen.

• Collectie & Kop: Kies welke winkelcollectie je 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 boven 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 aangepaste label (bijv. "Shop Collectie") en directe link.
• Stijl & Lay-out: Stel aangepaste kleuren in voor de sectieachtergrond, knopachtergrond en knoptekst, naast boven- en ondersectiepaddings.

De sectie Collectielijst maakt een raster van interactieve kaarten met aangepaste verlopen, vectorpictogrammen en directe collectie-links. Je kunt de achtergrondkleur van de sectie, de kop, het aantal kolommen per rij en de accentkleuren bij hover aanpassen, en vervolgens individuele Collectie Kaart-blokken toevoegen om elke collectie te vertegenwoordigen.

Instellingen voor Collectie Kaart-blok

Voor elk kaartblok kun je configureren:

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

De sectie Collecties raster 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 wisselen (Klein/Groot) en de rasterafstand aan te passen, terwijl individuele collectieblokken je laten selecteren en specifieke winkelcollecties laten tonen.

De sectie Contactformulier 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 Hero-sectie bevat een banner met volledige breedte en achtergrond, met gecentreerde tekstoverlays en een call-to-action knop. Sectiecontroles laten je de achtergrondafbeelding selecteren en de totale bannerhoogte aanpassen, terwijl inhoudsblokken je in staat stellen aanpasbare koppen, paragrafen en knopelementen toe te voegen.

De Hero Hotspots-sectie combineert een interactieve banner-hero met nauwkeurig geplaatste hotspot-iconen (+ indicatoren) die gekoppelde collectiecarrousels tonen bij hoveren. Sectie-instellingen regelen de hero-typografie, knopstijl, achtergrondafbeeldingen voor desktop/mobiel en overlay-doorzichtigheid, 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 Showcase met Tooltips-sectie combineert een uitgelichte achtergrondbanner met links uitgelijnde koppen, beschrijvingen en aanpasbare Bullet Item-blokken. Sectie-instellingen laten je de achtergrondmedia, overlay-doorzichtigheid 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 feature-kaarten 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 stapentelling-badge 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 iconenbibliotheek zoals Lucide Icons of Tabler Icons, zoek je gewenste icoon en klik op Copy SVG of Copy Code. Plak vervolgens het ruwe codeblok direct in het SVG-veld van je Box-blok.

De Broodkruimels-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 shopper op de Verlanglijst-knop 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 aan- of uitzetten 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 aan- of uitzetten.

• 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 de achtergrondkleur, sectiebreedte, plakkerige afbeeldingen, randradius en afbeeldingszoom aanpassen, terwijl blokken zoals Titel, Prijs, Voorraad, Variantkiezer en Koopknoppen de kernproductlay-out compleet maken.

De Details-tab blok organiseert productinformatie in een overzichtelijke, tabbladinterface om de pagina netjes en gemakkelijk te doorzoeken 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.

De 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 setup)
   •Ga naar Instellingen > Aangepaste data > 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 Metavelden-sectie 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!

De 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.

De 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, waarbij uw gekozen lettertype automatisch wordt toegepast op koppen, hoofdtekst, knoppen en navigatie-elementen op de hele site.

Indeling

De Indeling instellingen bepalen de structurele afmetingen en ruimte van uw winkel door de Paginabreedte (maximale containerbreedte voor hoofdinhoud) en Paginamarge (buitenzijde ruimte 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 hoofdlettertype kleuren voor koppen (Primair) en hoofdtekst kleuren (Secundair).
• Rand & Accent: Regelt lijnscheidingen, container randen en structurele accenten.
• Knopbesturingen: 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 winkellogo 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 de winkelwagenlade weer te geven, waardoor klanten worden aangemoedigd meer items toe te voegen om kortingen of voordelen te ontgrendelen.