Fenêtre Popup (plus)

You are here:
Estimated reading time: 2 min
Inclus dans le Forfait Plus

L’élément Fenêtre Popup (plus)  permet d’ouvrir une fenêtre avec plus d’informations

Une fois que vous avez glissé l’élément “Fenêtre Popup (plus)” en place, vous pouvez commencer à personnaliser l’élément. La fenêtre de paramètres s’ouvre automatiquement.

Contenu

Pré-visionnement de la fenêtre Popup : Oui, Non

Titre

  • Activer le titre : Oui, Non 

Si vous choisissez oui, d’autres options apparaissent

  • Entrez le titre : Écrivez votre titre ici
  • Alignement du titre : Gauche, Droite, Centre
  • Marges intérieur du titre : Entrez les dimensions en pixels

Contenu

  • Type : Contenu, Photo, Code d’intégration vidéo, Rangées Sauvegardées, Modules (éléments) Sauvegardés, Modèles de page sauvegardés, YouTube, Viméo, IFrame

Différentes options apparaissent selon votre choix

Configuration de la fenêtre Popup

  • Largeur maximum du contenu : Écrire la taille en pixels
  • Marges intérieures du contenu : Entrez les dimensions en pixels
  • Effet d’apparition de la fenêtre Popup : Choisissez parmi plusieurs options
  • Couleur d’arrière-plan : Choisissez la couleur
  • Couleur de superposition : Choisissez la couleur
  • Opacité : Écrire un chiffre en pourcentage

Afficher les réglages

  • Affichage de la fenêtre popup actif : Icône, Image, Texte, Bouton, Classe/ID personnalisé, Automatique

Général

  • Texte : Écrivez votre texte

Style

  • Style : Plat, Dégradé, Transparent, #D
  • Styles de survol : Aucun/e, L’icône apparait de la droite, de la gauche, du haut, du bas

Icônes de bouton

  • Icône : Choisir une icône
  • Position de l’icône : Avant le texte, Après le texte

Couleurs

  • Couleur de texte : Choisissez la couleur
  • Couleur pour survol du texte : Choisissez la couleur
  • Couleur de l’arrière-Plan : Choisissez la couleur
  • Opacité :Écrivez un chiffre en pourcentage
  • Couleur de survol de l’arrière-Plan : Choisissez la couleur
  • Opacité :Écrivez un chiffre en pourcentage

Structure

  • Largeur : Auto,  pleine largeur, personnalisé
  • Coins ronds :  Écrire un chiffre en pixel
  • Alignement : Gauche, Droite, Centre
  • Alignement sur mobile : Gauche, Droite, Centre

Bouton Fermer

Bouton fermer

  • Fermer comme : Icône, Image
  • Icône ou Image Fermé : Choisir l’icône ou l’image
  • Taille
  • Position d’image / Icône

Si vous avez choisi Icône, vous devrez choisir la couleur

Typographie

Titre

  • Tag : Choisissez de H1 à H6, div, p, span
  • Police : Choisissez votre police
  • Taille de la police : choisissez la taille de la police en pixel
  • Interligne : Choisissez l’espace entre les lignes
  • Couleur : Choisissez la couleur
  • Couleur d’arrière-plan : Choisissez la couleur
  • Opacité : Écrire un chiffre en pourcentage
  • Transforme : Défaut, Lettres majuscules, Lettres minuscules, Première Lettre de chaque mot en majuscule
  • Espace entre les lettres : Choisissez l’espace entre les lettres

Affichage de fenêtre activée

  • Police : Choisissez votre police
  • Taille de la police : choisissez la taille de la police en pixel
  • Interligne : Choisissez l’espace entre les lignes
  • Transforme : Défaut, Lettres majuscules, Lettres minuscules, Première Lettre de chaque mot en majuscule
  • Espace entre les lettres : Choisissez l’espace entre les lettres

Avancé

  • Marges extérieuresDu haut, du bas, de gauche, de droite, les quatre côtés sont configurables indépendamment l’un de l’autre.  L’ajustement des marges extérieures permet de créer des espaces entre les différentes rangées et de modifier la largeur d’affichage indépendamment des configurations du thème.
  • Présentation adaptative
    La présentation adaptative permet de contrôler l’affichage d’une rangée selon le type d’appareil à partir duquel on accède au site.
  • Animation
    Style : Choisissez le type d’animation. Essayez-les et sélectionnez celle qui vous convient.
    Délai : Choisissez en seconde, le délai avant que l’animation ne débute.
  • Sélecteur CSS
    Permets d’associer la rangée à un code CSS spécifique. Configurer l’ID ou la Classe selon votre besoin.

N’oubliez surtout pas de sauvegarder vos changements.

Was this article helpful?
Dislike 0
Views: 2