Section Mise en avant vidéo

Ce que vous apprendrez

  • Comment mettre en valeur une vidéo en vedette avec un titre et un appel à l’action

  • Comment personnaliser le comportement de la vidéo (lecture automatique, contrôles)

  • Comment ajuster la mise en page, l’espacement et le rapport hauteur/largeur

  • Comment styliser les couleurs et la typographie de la section

🧩 Aperçu de la section

La section Vidéo en Vedette est conçue pour mettre en avant une seule vidéo avec un texte d’accompagnement et un lien CTA optionnel. Idéale pour des campagnes, des interviews ou des vidéos de présentation de produit, cette section est entièrement responsive et prend en charge la lecture automatique ou les contrôles manuels.

Comment ajouter la section

  1. Dans le Éditeur de thème Shopify, cliquez Ajouter une section

  2. Choisissez Projecteur vidéo

  3. Faites-la glisser à la position souhaitée sur la mise en page de votre page

Paramètres de contenu et de données

  • Vidéo: Téléversez ou sélectionnez votre fichier vidéo

  • Image de couverture: Image miniature de secours optionnelle (utilisée avant le chargement de la vidéo)

  • Texte de l'en-tête: Titre affiché au-dessus de la vidéo (par ex. « Regardez l’histoire »)

  • Texte du lien Voir: Texte du bouton (par ex. « Regarder maintenant »)

  • URL du lien Voir: Collez un lien vers un produit, une page ou une vidéo externe

💡 Astuce : Utilisez une vidéo courte (moins de 10 Mo) en .mp4 format pour de meilleures performances sur tous les appareils.

Options de mise en page et d’affichage

  • Lecture automatique de la vidéo (muette): Activez pour lire automatiquement au chargement (sans son)

  • Afficher les contrôles vidéo: Activez pour afficher les icônes lecture, pause, volume et plein écran

  • Style de largeur: Choisissez entre :

    • Pleine largeur avec marges

    • Pleine largeur (bord à bord)

    • Largeur du contenu (aligné sur le contenu interne)

  • Ratio d’aspect: Choisissez parmi des formats courants comme 16:9 ou 4:3

⚠️ La lecture automatique peut ne pas fonctionner sur les iPhones si le mode faible consommation est activé.

Typographie

  • Taille de l’en-tête de section:

    • Bureau : Ajustable en pixels

    • Mobile : Ajustable en pixels

  • Basculer Titre de section en gras et Lien Voir en gras si souhaité

Couleurs

  • Couleur de l’en-tête: Choisissez n’importe quelle valeur hex (par ex., #000000)

  • Couleur d’arrière-plan: Transparent par défaut ; personnalisez si nécessaire

Style

  • Coins arrondis: Ajustez le rayon de bordure du conteneur vidéo

Espacement

Personnalisez l’espacement indépendamment pour le bureau et le mobile :

  • Espacement haut et bas (bureau)

  • Espacement haut et bas (mobile)

Chaque option d’espacement peut être ajustée pour affiner le flux de la mise en page.

Une fois les comptes hérités activés, utilisez les pages de documentation de cette section pour styliser chaque partie de l'expérience client.

PrécédentSection bloc de texteSuivantAvancé

Mis à jour