Démarrage rapide
Du thème installé à une boutique prête à personnaliser en six étapes.
- 01
Dupliquez le thème
Conservez toujours une copie de sauvegarde avant de modifier un preset ou une structure de page.
- 02
Choisissez votre preset
Sélectionnez l’univers le plus proche de votre marque : Ochre, Prairie, Rivage ou Alpine.
- 03
Ajoutez votre identité
Importez le logo et le favicon, puis ajustez couleurs, typographies, espacements et formes dans les paramètres du thème.
- 04
Importez vos médias
Ajoutez une image desktop et, lorsque la composition le demande, une image mobile dédiée.
- 05
Reliez le catalogue
Sélectionnez vos collections et produits dans chaque section. Les produits de démonstration ne sont pas transférés.
- 06
Vérifiez avant publication
Testez la navigation, les variantes, l’ajout au panier, la recherche, le mobile et le contraste.
Les presets
Les quatre presets partagent les mêmes fonctionnalités, mais utilisent des compositions, rythmes, typographies et palettes différents.
- 01
Ochre
Éditorial chaleureux pour montres, accessoires et catalogues raffinés.
- 02
Prairie
Composition aérée et botanique pour vélos, artisanat et marques de plein air.
- 03
Rivage
Carrousel immersif et rythme solaire pour swimwear, bijoux et lifestyle.
- 04
Alpine
Mise en page dense et enveloppante pour maille, vêtements et univers hivernaux.
Installation et personnalisation
Les réglages globaux donnent l’identité de la boutique ; les sections organisent le contenu de chaque page.
- 01
Installer sans publier
Après l’achat, ouvrez Boutique en ligne > Thèmes. Travaillez sur le thème ajouté à la bibliothèque et gardez le thème actuel publié pendant la préparation.
- 02
Conserver une sauvegarde
Dupliquez le thème avant un changement important de preset, de navigation ou de structure. Nommez la copie avec une date ou un numéro de version.
- 03
Régler l’identité globale
Dans Paramètres du thème, configurez logo, favicon, couleurs, typographies, largeur de page, boutons, cartes, animations et réseaux sociaux.
- 04
Composer les modèles
Dans l’éditeur, choisissez le modèle Accueil, Produit, Collection ou Page, puis ajoutez, masquez et réorganisez les sections sans modifier le code.
- 05
Remplacer le contenu de départ
Vérifiez chaque titre, bouton, lien, image et collection. Les textes du preset sont des exemples et ne doivent pas rester par défaut.
Images et vidéos
Des médias bien préparés évitent les cadrages imprévus et protègent les performances.
- 01
Hero desktop
Visez environ 2400 × 1400 px, avec le sujet éloigné de la zone réservée au texte. Contrôlez le cadrage réel dans l’éditeur.
- 02
Hero mobile
Ajoutez si nécessaire une image verticale proche de 1200 × 1600 px. Ne comptez pas sur le recadrage automatique pour conserver un sujet placé sur un bord.
- 03
Produits
Conservez un ratio cohérent, par exemple 4:5 autour de 1600 × 2000 px. Ajoutez produit seul, porté ou en situation, puis un détail lorsque cela aide à comprendre la matière.
- 04
Vidéo
Privilégiez une courte boucle Shopify hébergée, sans son indispensable. Fournissez toujours une image d’affiche.
- 05
Accessibilité
Renseignez un texte alternatif utile pour chaque image informative. Les images purement décoratives peuvent conserver un alt vide.
- 06
Performance
Exportez en WebP ou AVIF lorsque possible et évitez de charger une vidéo ou une image très lourde au-dessus de la ligne de flottaison.
Catalogue et navigation
Chaque section doit être reliée aux ressources réelles de votre boutique avant publication.
- 01
Produits et variantes
Vérifiez prix, disponibilité, options, nuanciers, médias, quantité et bouton d’ajout au panier.
- 02
Collections
Affectez une image, une description et les filtres Shopify Search & Discovery adaptés à votre catalogue.
- 03
Navigation
Assignez main-menu à l’en-tête et footer au pied de page. Contrôlez tous les liens sur desktop et mobile.
- 04
Pages produit
Réorganisez les blocs d’information, activez les recommandations et ajoutez vos informations de livraison, entretien et retours.
- 05
Marchés et langues
Traduisez le contenu marchand avec Shopify Translate & Adapt et vérifiez formats monétaires, menus et textes dans chaque marché.
- 06
Ancres et boutons
Pour un lien vers une section de l’accueil, utilisez son identifiant d’ancre. Pour une ressource Shopify, sélectionnez directement le produit, la collection ou la page dans l’éditeur.
Checklist avant publication
Avant de publier, parcourez la boutique comme un client et non uniquement dans l’éditeur Shopify.
- 01
Accueil
Contrôlez tous les boutons, les carrousels, les images desktop/mobile, les formulaires et l’ordre des sections.
- 02
Collections
Vérifiez image, texte, tri, filtres, pagination, cartes produit et état sans résultat.
- 03
Produits
Testez chaque option et variante, les médias, le prix, la disponibilité, l’ajout au panier et les recommandations.
- 04
Panier et recherche
Ajoutez, modifiez et retirez un article. Testez aussi la recherche prédictive, la page de résultats et le panier vide.
- 05
Mobile et accessibilité
Testez au minimum un petit mobile et un desktop, le clavier, le focus visible, le contraste, les textes alternatifs et la réduction des animations.
- 06
Pages de confiance
Reliez contact, livraison, retours, confidentialité et conditions. Remplacez tout texte juridique de démonstration par votre contenu validé.
Dépannage
Les problèmes les plus fréquents viennent d’une ressource non sélectionnée ou d’un média dont le cadrage ne correspond pas à la section.
- 01
Une section produit est vide
Ouvrez ses réglages et sélectionnez une collection publiée contenant des produits disponibles sur le canal Boutique en ligne.
- 02
Le hero est mal cadré
Ajoutez une image mobile dédiée, ajustez le point focal lorsque disponible et laissez de l’espace autour du sujet.
- 03
Le survol ne change pas d’image
Ajoutez au moins deux médias au produit, puis vérifiez les positions du média principal et du média de survol dans la section.
- 04
Les filtres n’apparaissent pas
Configurez les filtres dans Shopify Search & Discovery et assurez-vous que les produits possèdent les options ou métachamps concernés.
- 05
Un lien mène au mauvais endroit
Sélectionnez à nouveau sa destination dans l’éditeur. Pour une ancre, vérifiez que l’identifiant existe bien sur la page ciblée.
Questions fréquentes
Pourquoi les images de la démo ne sont-elles pas installées ?
Shopify transfère le thème et son preset, mais pas les produits, collections, menus ni médias propres à la boutique de démonstration. Des emplacements prévus à cet effet restent disponibles dans l’éditeur.
Puis-je changer de preset plus tard ?
Oui, mais dupliquez d’abord le thème. Un changement de style peut réinitialiser des réglages globaux et certaines structures de modèles.
Le thème dépend-il d’une application ?
Non. Les fonctions présentées dans les démos sont intégrées au thème ou à Shopify. Certaines fonctions facultatives, comme des avis avancés, peuvent néanmoins être ajoutées avec une application compatible.
Comment obtenir le changement d’image au survol ?
Ajoutez au moins deux médias au produit et activez l’image secondaire dans les réglages des cartes produit. Les appareils tactiles conservent une interaction adaptée au mobile.
Que couvre le support ?
Le support couvre les bugs reproductibles, l’installation et l’utilisation des réglages natifs. Il ne couvre pas les développements sur mesure, les applications tierces ni la saisie de votre catalogue.
Support
Besoin d’aide ? Envoyez l’URL de la boutique, la version du thème, la page concernée, les étapes de reproduction et une capture d’écran.
Réponse visée sous deux jours ouvrés.
Contacter le supportNotes de version
Version 1.0.0 - première version publique
- Quatre presets saisonniers et structures de page dédiées.
- Hero statique, split et carrousel avec médias mobiles.
- Collections, filtres, recherche prédictive, recommandations et panier latéral.
- Nuanciers, variantes, achat rapide, retrait en boutique et options d’achat.
- Paramètres de marque, mouvement réduit et quatre langues de storefront.