> For the complete documentation index, see [llms.txt](https://docs.openspaces.design/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.openspaces.design/plain-jane-docs-v2-fr/plain-jane-interactive/pages-and-menus/password-page/how-to-add-and-set-timer.md). # 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 This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com. ## 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, and the optional `goal` query parameter: ``` GET https://docs.openspaces.design/plain-jane-docs-v2-fr/plain-jane-interactive/pages-and-menus/password-page/how-to-add-and-set-timer.md?ask=&goal= ``` `ask` is the immediate question: it should be specific, self-contained, and written in natural language. `goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal. 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.