Tableau de prix avancé (plus)

Inclus dans le Forfait Valeur et Plus

Tableau de prix avancé (plus) sert à démontrer une liste de prix de façon professionnelle et esthétique.

Une fois l’élément “Tableau de prix avancé (plus” glissé en place, vous pouvez commencer à personnaliser l’élément. La fenêtre de paramètres s’ouvre automatiquement.

Boîtes de prix

• Ajouter une boîte de légende : Oui, non

En choisissant Oui, une nouvelle boîte d’option s’ouvre

Général

Légendes

• Alignement : Centre, Gauche, Droit(e)
• Couleur d’arrière-plan de la boîte : Choisissez la couleur
• Opacité : Écrivez le chiffre en pourcentage

Liste des propriétés

• Ajoutez une légende par ligne, cliquez sur Ajout

Même propriétés 

• Couleur d’arrière-plan : Choisissez la couleur
• Opacité : Écrivez le chiffre en pourcentage

Typographie

Légende

• 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
• 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

Tableau de prix avancé 1

• Ajoutez autant de tableau de prix que vous voulez

Cliquez sur Éditer le tableau, une nouvelle boîte de configuration ouvrira.

Général

• Configurer comme Mis à l’avant : Oui, non

En choisissant Oui, vous devrez écrire un texte pour le définir.

Titre

• Texte de titre : Écrire le titre
• Valeur de prix : Inscrire un montant en argent
• Durée : Inscrire le type de durée voulu, ou laissez vide si le prix n’est pas associé à une durée

Tableau de prix avancé

• Couleur du titre : Choisissez la couleur
• Couleur du prix : Choisissez la couleur
• Couleur de la durée : Choisissez la couleur
• Couleur de surbrillance : Choisissez la couleur
• Opacité : Écrivez le chiffre en pourcentage
• Couleur d’arrière-plan de la boîte : Choisissez la couleur
• Opacité : Écrivez le chiffre en pourcentage

Liste des propriétés

• Ajoutez une propriété par ligne, cliquez sur Ajout, et configurez la couleur

Même propriétés

• Couleur d’arrière-plan : Choisissez la couleur
• Opacité : Écrivez le chiffre en pourcentage

Bouton

• Afficher le bouton : Oui, non

En choisissant oui, vous aurez plusieurs options à configurer

Général

• Texte : Écrire le texte

Lien

• Lien : Écrivez le lien ou choisissez votre page
• Cible du lien : Nouvelle fenêtre ou même fenêtre
• Lien sans suivi : Oui, Non

Style 

• Style : Plat, Dégradé, Transparent, 3D

Plat et 3D permet de choisir le style de survol

• Style de survol : Aucun, Icône apparaît de la droite, gauche, haut ou bas

Dégradé n’a pas d’option

Transparent à les configurations suivantes

• Tailles de la bordure : Écrire en pixel la taille voulue
• Styles de survol : Aucun/e et plusieurs options de remplissage 

Icônes

• 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 bordure : Choisissez la couleur
• Opacité : Écrivez le chiffre en pourcentage
• Couleur pour survol d’arrière-plan : Choisissez la couleur
• Opacité : Écrivez le chiffre en pourcentage

Structure

• Largeur :  Auto, Pleine largeur, Personnalisé
• Coins ronds : Écrire en pixel la grandeur voulu
• Classe Personnalisée : 

En choisissant Personnalisé, vous aurez les configurations suivantes

• Largeur personnalisé : Écrire en pixel la taille voulue
• Hauteur personnalisé : Écrire en pixel la taille voulue
• Marges intérieures Haut/Bas : Écrire en pixel la taille voulue
• Marges intérieurs Gauche/Droite : Écrire en pixel la taille voulue

Configurations du Bouton

• 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

Typographie

Texte mis à l’avant

• 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
• 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

Prix

• 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
• Espace entre les lettres : Choisissez l’espace entre les lettres

Duré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

Propriétés

• 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.
• Visibilité : Choisissez à quel type d’utilisateur vous désirez que le contenu soit visible
• 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 HTML