> ## 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). # 📍 Comment placer le compte à rebours dans une position personnalisée > ℹ️ **Note:** Cet article a été traduit automatiquement en utilisant l'IA et peut contenir des inexactitudes. Si quelque chose ne va pas, veuillez contacter notre équipe de soutien. L'application offre deux types de placement primaires pour les configurations de compte à rebours : * 📌 Placements par défaut * 🧩 Placements sur mesure Dans la plupart des cas, les zones de placement par défaut fonctionnent parfaitement bien. Cependant, parfois, les marchands peuvent vouloir plus de flexibilité et préfèrent placer le compte à rebours dans un endroit entièrement personnalisé selon leur disposition en vitrine. C'est exactement là que le **Position personnalisée** fonctionnalité devient utile ✨ En utilisant la position personnalisée, le compte à rebours peut être placé : * À l'intérieur Shopify Blocs d'application * À l'intérieur des sections de liquide personnalisées * Fichiers de thème à l'intérieur * À l'intérieur des emplacements de stockage contrôlés manuellement Cette documentation explique comment activer correctement la position personnalisée et comment placer le compte à rebours en utilisant les deux méthodes disponibles. --- # **🛠️ Étape 1 — Ouvrez l'application** Ouvrez l'application depuis votre Shopify Admin. --- # **📂 Étape 2 — Ouvrez ou créez un compte à rebours** Vous pouvez : → Ouvrir une configuration Countdown existante → Ou créez une nouvelle configuration --- # **⚙️ Étape 3 — Naviguez vers l'onglet Placement** → Ouvrir la **Placement** onglet dans la configuration de Countdown. L'onglet Placement contrôle où et comment le compte à rebours apparaît sur le devant du magasin. --- # **🎯 Étape 4 — Changer le placement en position personnalisée** À l'intérieur des paramètres de placement: → Modifier l'option de placement pour : **Position personnalisée** → Ensuite : Cliquez **Enregistrer** ⚠️ Important: Activer la position personnalisée supprime le compte à rebours des zones de placement par défaut. Le compte à rebours n'apparaîtra que là où il est placé manuellement. --- # **🆔 Méthode 1 — Utilisation de l'ID de compte à rebours** Cette méthode est idéale lorsque vous voulez placer le compte à rebours directement en utilisant ShopifyÉditeur de thème. --- # **🎨 Étape 5 — Ouvrir Shopify Éditeur de thème** De Shopify Administrateur : → Aller à **Canaux de vente → Boutique en ligne** → Cliquez sur **Modifier le thème** Cela ouvre la Shopify Éditeur de thème. --- # **➕ Étape 6 — Ajouter le bloc d'application Countdown** Dans l'éditeur de thème: → Naviguez dans la section où vous voulez que le compte à rebours apparaisse → Tourner autour des sections compatibles jusqu'au bleu-couleur ➕ l'icône apparaît → Cliquez sur **Ajouter un bloc** Alors : → Ouvrir la **Applications** Catégorie → Sélectionnez le bloc d'application Countdown Le bloc d'applications sera maintenant ajouté à la zone d'entrée sélectionnée. --- # **🔗 Étape 7 — Ajouter l'ID de compte à rebours** Une fois le bloc App ajouté : → Saisissez l'ID de compte à rebours dans les paramètres du bloc d'application Alors : → Enregistrer Shopify Thème → Enregistrez aussi la configuration de Countdown dans l'application ⚠️ Important: Les deux économies sont nécessaires. Autrement, le compte à rebours peut ne pas apparaître correctement sur le devant du magasin. --- # **🧩 Méthode 2 — Utilisation de l'extrait de code de compte à rebours** Cette méthode est utile lorsque vous voulez une flexibilité de placement plus avancée. L'extrait de code Countdown peut être : * Ajouté en utilisant un bloc Liquid personnalisé * Ajouté directement dans Shopify Fichiers thématiques --- # **➕ Étape 8 — Ajouter un bloc liquide personnalisé** À l'intérieur Shopify Éditeur de thème : → Naviguez dans la zone où vous voulez que le compte à rebours apparaisse → Tourner autour des sections compatibles jusqu'au bleu-couleur ➕ l'icône apparaît → Rechercher **Liquide personnalisé** Alors : → Ajouter l'extrait de code Countdown dans le bloc Custom Liquid Cela permet au Countdown de rendre dans la position d'entrée sélectionnée. --- # **💻 Ajout direct de l'extrait de code dans les fichiers thématiques** Si nécessaire, l'extrait de code Countdown peut également être ajouté directement dans Shopify Fichiers de code thématique. Ceci est utile lorsque: * Les blocs d'application ne sont pas disponibles * Les sections Liquid personnalisées ne sont pas prises en charge * La personnalisation avancée du front de magasin est nécessaire --- # **⚙️ Ouverture Shopify Éditeur de code** ⚠️ Important: Il n'est pas recommandé de modifier Shopify Fichiers de thèmes sauf : * Vous êtes à l'aise de travailler avec Shopify code * Ou vous comprenez les changements en cours Modifications incorrectes à l'intérieur Les fichiers thématiques peuvent affecter le comportement de stockage. Pour ouvrir la Shopify Éditeur de code : → Aller à **Canaux de vente → Boutique en ligne** → Cliquez sur le menu à trois points **Modifier le thème** bouton → Cliquez sur **Modifier le code** --- # **🧩 Identifier la zone de front correcte** Avant d'insérer l'extrait de code de compte à rebours, il est important d'identifier l'endroit exact où le compte à rebours devrait apparaître. Une façon simple de le faire: → Ouvrez votre vitrine dans le navigateur → Faites un clic droit près de la zone où vous voulez le compte à rebours → Cliquez sur **Inspecter** Cela ouvre les outils de développement du navigateur. De là: → Inspecter la structure HTML environnante → Identifier les noms de classe ou les références de section utiles → Correspondez à ces sections avec le correspondant Shopify `.liquid` fichiers dans l'éditeur de code ✨ Cela aide à localiser le bon fichier Theme plus précisément. --- # **🔍 Trouver le fichier de thème correct** Après ouverture Shopify Éditeur de code : → Naviguez dans les fichiers Thème sur le côté gauche → Localiser la `.liquid` fichier responsable de la zone où vous voulez que le compte à rebours apparaisse → Rechercher n'importe quelle référence id/class en utilisant la fonction de recherche Code Editor → Cliquez sur le plus prometteur `.liquid` fichier Par exemple: * Des sections liées au produit peuvent exister à l'intérieur: * `main-product.liquid` * `product-template.liquid` * Les sections relatives au chariot peuvent exister à l'intérieur: * `cart.liquid` * `cart-drawer.liquid` * Des sections personnalisées peuvent exister à l'intérieur: * `sections/*.liquid` --- # **➕ Ajouter l'extrait de code Countdown** Une fois le correct `.liquid` fichier est identifié: → Coller l'extrait de code Countdown dans la position souhaitée à l'intérieur du fichier ⚠️ Important: Assurez-vous que l'extrait est ajouté soigneusement à l'endroit approprié. Un placement incorrect peut entraîner: * Questions de mise en page * Mauvais rendu * Comportement inattendu de la vitrine --- # **💾 Enregistrer le fichier thématique** Après avoir inséré l'extrait de code: → Cliquez sur **Enregistrer** Alors : → Rafraîchir l'aperçu de la vitrine → Vérifier que le compte à rebours apparaît correctement dans l'emplacement personnalisé sélectionné ✨ --- # **🎉 Résultat final** Une fois configuré avec succès : ✅ Le compte à rebours peut apparaître en position de magasin entièrement personnalisée ✅ Shopify App Blocks peut se connecter correctement en utilisant Countdown ID ✅ Un placement avant magasin avancé devient possible en utilisant Code Snippets ✅ Les commerçants gagnent beaucoup plus de flexibilité par rapport à la visibilité en magasin ✨