ℹ️ 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 ✨

Mis à jour le : 10/09/2026