# Comment ajouter et régler un minuteur ### ⏳ Ce que vous apprendrez * Comment ajouter un compte à rebours à votre page de mot de passe * Comment définir correctement l'heure de lancement en utilisant UTC * Comment styliser et positionner le minuteur *** ### Étape 1 : Ouvrir l'éditeur de thème 1. Dans votre administration Shopify, allez à **Boutique en ligne > Personnaliser** 2. Dans le menu déroulant en haut, sélectionnez **Mot de passe** 3. Recherchez la **Section Minuteur** section dans la barre latérale * Si elle n'est pas là, cliquez sur **Ajouter une section > Minuteur** *** ### Étape 2 : Définir l'heure du compte à rebours Dans le panneau de réglages à droite sous **Minuteur de compte à rebours**: * **Définissez la date et l'heure de votre lancement** * Choisissez le mois, le jour, l'année, l'heure et la minute * Sélectionnez AM ou PM * **Utilisez l'heure UTC** > ⚠️ IMPORTANT : Convertissez votre heure locale en UTC afin que tous les visiteurs voient le même compte à rebours. > > Exemple :\ > Si votre lancement est à 17h EST, convertissez-le en **21h UTC**.\ > Utilisez Google :\ > `17h EST en UTC` ➜ `21h UTC` *** ### Étape 3 : Ajuster la mise en page du minuteur Sous **Positionnement du minuteur**: * Basculer **Centrer le minuteur** si c'est le seul élément principal sur la page * Définir **Marge supérieure du minuteur** et **Marge inférieure du minuteur** pour l'espacement *** ### Étape 4 : Styliser le minuteur Sous **Typographie du compte à rebours**: * Ajustez la taille de la police pour les chiffres et les étiquettes du compte à rebours (bureau uniquement) Sous **Style du compte à rebours**: * Basculer les étiquettes : Jours / Heures / Minutes / Secondes * Activez la lueur ou des encadrés autour des chiffres pour un effet visuel * Définir le rayon des coins de la boîte (Arrondir les coins du cadre du compte à rebours) * Ajustez la transparence avec **Opacité de la boîte du compte à rebours** Sous **Couleurs du compte à rebours**: * Changez les couleurs de la boîte, des chiffres et des étiquettes : * Couleur de la boîte du compte à rebours * Couleurs du texte + étiquettes Jours / Heures / Minutes / Secondes *** ### Étape 5 : Enregistrer et prévisualiser Cliquer sur **Enregistrer** 💾 et actualisez votre boutique en ligne pour tester le compte à rebours. > 💡 Le compte à rebours est idéal pour les drops, les préventes et le battage autour d'une nouvelle collection. Assurez-vous de le combiner avec votre animation de déverrouillage pour un effet complet. *** ### **Besoin d’aide ?** * 💬 **Rejoignez notre communauté sur Discord :** * 📧 **Envoyez-nous un e-mail à :** * 💻 **Discutez en direct avec nous :** Disponible du lundi au vendredi, de 10h à 18h EST, directement sur notre site web --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://docs.openspaces.design/plain-jane-docs-v2-fr/readme-1/pages-and-menus/password-page/how-to-add-and-set-timer.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.