> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://help.hoppyapps.com/sitemap.xml > Use this file to discover available pages before exploring further. > Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash). # πŸ“ Hoe aftellen in een aangepaste positie plaatsen > ℹ️ **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 ✨