ℹ️ Note: Dit artikel is automatisch vertaald met behulp van AI en kan onjuistheden bevatten. Als er iets mis is, neem dan contact op met ons ondersteuningsteam.

De app biedt twee primaire plaatsingstypen voor Countdown setups:

• 📌 Standaardinstellingen
• 🧩 Aangepaste plaatsen

In de meeste gevallen werken de standaard plaatsingsgebieden perfect.

Echter, soms handelaren kunnen willen meer flexibiliteit en liever het plaatsen van de Countdown in een volledig aangepaste locatie, afhankelijk van hun storefront lay-out.

Dat is precies waar de Eigen positie functie wordt nuttig ✨

Met behulp van aangepaste positie, kan het aftellen worden geplaatst:

• Binnen Shopify Appblokken
• Binnen aangepaste vloeibare secties
• Binnen Themabestanden
• Binnen handbediende opslaglocaties

Deze documentatie legt uit hoe u Custom Position correct inschakelt en hoe u de Countdown plaatst met beide beschikbare methoden.

🛠️ Stap 1 Open de App

Open de app vanuit uw Shopify Admin.

📂 Stap 2 Open of creëer een aftelinstelling

Je kunt ofwel:

→ Open een bestaande countdown setup
→ Of maak een nieuwe setup

⚙️ Stap 3 Navigeer naar het tabblad Plaatsing

→ Open de Plaatsing tabblad in de Countdown setup.

Het tabblad Plaatsing bepaalt waar en hoe het aftellen verschijnt op de storefront.

🎯 Stap 4 Verander Plaatsing naar aangepaste positie

In de instellingen van de plaatsing:

→ Wijzig de plaatsingsoptie in: Eigen positie

→ Dan: Klik Opslaan

⚠️ Belangrijk:

Aangepaste positie inschakelen verwijdert het aftellen van de standaard plaatsingsgebieden.

Het aftellen zal nu alleen verschijnen waar het handmatig geplaatst wordt.

🆔 Methode 1

Deze methode is ideaal wanneer u de Countdown direct met behulp van ShopifyThemaredacteur.

🎨 Stap 5 Openen Shopify Thema-editor

Van Shopify Beheerder:

→ Naar Verkoopkanalen → Online Store
→ Klik Thema bewerken

Dit opent de Shopify Themaredacteur.

➕ Stap 6

In de thema-editor:

→ Navigeer naar de sectie waar u wilt dat het aftellen verschijnt
→ Zweven rond compatibele secties tot de blauw-gekleurde ➕ pictogram verschijnt
→ Klik Blok toevoegen

Dan:

→ Open de Apps categorie
→ Selecteer het aftellen-appblok

Het App Block wordt nu toegevoegd aan het geselecteerde storefront gebied.

🔗 Stap 7

Zodra de App Block is toegevoegd:

→ Voer de aftel-ID in binnen de App Blok instellingen

Dan:

→ Sla de Shopify Thema
→ Bewaar de countdown setup ook in de app

⚠️ Belangrijk:

Beide reddingen zijn nodig.

Anders kan het aftellen niet correct verschijnen op de storefront.

🧩 Methode 2

Deze methode is handig wanneer u meer geavanceerde plaatsing flexibiliteit wilt.

De Countdown Code Snippet kan:

• Toegevoegd met behulp van een aangepaste vloeibare blok
• Rechtstreeks toegevoegd aan Shopify Themabestanden

➕ Stap 8 toevoegen van een aangepaste vloeibare blok

Binnen Shopify Thema-editor:

→ Navigeer naar het gebied waar u wilt dat het aftellen verschijnt
→ Zweven rond compatibele secties tot de blauw-gekleurde ➕ pictogram verschijnt
→ Zoek naar Aangepast vloeibaar

Dan:

→ Voeg de Countdown Code Snippet in het aangepaste vloeibare blok

Hiermee kan het aftellen in de geselecteerde storefront positie worden weergegeven.

💻 Het toevoegen van de Code Snippet Direct in Themabestanden

Indien nodig kan de Countdown Code Snippet ook direct worden toegevoegd aan Shopify Themacodebestanden.

Dit is handig wanneer:

• App-blokken zijn niet beschikbaar
• Aangepaste vloeibare secties worden niet ondersteund
• Geavanceerde storefront aanpassing is nodig

⚙️ Opening Shopify Codebewerker

⚠️ Belangrijk:

Het wordt niet aanbevolen Shopify Themabestanden tenzij:

• U bent comfortabel werken met Shopify code
• Of je begrijpt wat er veranderd wordt.

Onjuiste wijzigingen binnenin Themabestanden kunnen invloed hebben op storefront gedrag.

Om de Shopify Code-editor:

→ Naar Verkoopkanalen → Online Store
→ Klik op het drie-dots menu naast de Thema bewerken knop
→ Klik Code bewerken

🧩 Identificeer het juiste opslaggebied

Voordat u de Countdown Code Snippet invoegt, is het belangrijk om de exacte locatie te identificeren waar de Countdown moet verschijnen.

Een simpele manier om dit te doen:

→ Open uw storefront in de browser
→ Klik met de rechtermuisknop in de buurt van het gebied waar u het aftellen wilt
→ Klik Controleren

Dit opent de browser Ontwikkelaarsgereedschappen.

Vanaf daar:

→ Controleer de omliggende HTML-structuur
→ Identificeer nuttige klassenamen of sectieverwijzingen
→ Match die secties met de overeenkomstige Shopify .liquid bestanden in de code-editor

✨ Dit helpt het juiste Themabestand nauwkeuriger te vinden.

🔍 Het juiste themabestand vinden

Na het openen van de Shopify Code-editor:

→ Navigeer door de Thema bestanden aan de linkerkant
→ Zoek de .liquid bestand verantwoordelijk voor het gebied waar u wilt dat het aftellen verschijnt
→ Zoek naar een id/class referentie met behulp van de Code Editor
→ Klik op de meest veelbelovende .liquid bestand

Bijvoorbeeld:

• Productgerelateerde secties kunnen bestaan binnen:
• • main-product.liquid
  • product-template.liquid
• Cart-gerelateerde secties kunnen bestaan binnen:
• • cart.liquid
  • cart-drawer.liquid
• Aangepaste secties kunnen binnen bestaan:
• • sections/*.liquid

➕ Telcode toevoegen

Zodra de juiste .liquid bestand is geïdentificeerd:

→ Plak de Countdown Code Snippet in de gewenste positie in het bestand

⚠️ Belangrijk:

Zorg ervoor dat het knipsel zorgvuldig op de juiste locatie wordt toegevoegd.

Onjuiste plaatsing kan leiden tot:

• Opmaakproblemen
• Onjuiste weergave
• Onverwacht storefront gedrag

💾 Het themabestand opslaan

Na het invoegen van de code knipsel:

→ Klik Opslaan

Dan:

→ De storefront preview vernieuwen
→ Controleer of het aftellen correct verschijnt in de geselecteerde aangepaste locatie ✨

🎉 Eindresultaat

Eenmaal succesvol geconfigureerd:

✅ De Countdown kan verschijnen in volledig aangepaste storefront posities
✅ Shopify App Blocks kunnen correct verbinding maken met Countdown ID
✅ Geavanceerde storefront plaatsing wordt mogelijk met Code Snippets
✅ Handelaren krijgen veel meer flexibiliteit over de zichtbaarheid aan de storefront ✨

Bijgewerkt op: 10/09/2026