Éditeur de blocs pour descriptions PrestaShop - colonnes et contenus
Composez des descriptions avec images et texte en colonnes responsives. Cette extension de l'éditeur TinyMCE ajoute des blocs, des séparateurs, des espacements et des citations.
Langues disponibles :
Grille de colonnes disponible dans l'éditeur TinyMCE
Vous divisez le contenu en colonnes directement depuis TinyMCE. Vous pouvez associer une photo à une description ou prévoir plusieurs sections produit de largeurs différentes.
Séparateurs, espacements et blocs de citation
Les séparateurs, les espacements et les citations aident à rythmer une description longue. La mise en page reste une partie du contenu, modifiable ensuite dans le back-office de la boutique.
Colonnes empilées l'une sous l'autre sur téléphone
Sur un petit écran, les colonnes passent en disposition verticale. Vous préparez ainsi une seule description qui reste lisible sur ordinateur et sur téléphone.
À qui s'adresse ce module ?
Une solution pour ceux qui préparent des descriptions de produits élaborées et des contenus d'information sans écrire la mise en page HTML à la main.
Que réglez-vous dans le panneau du module ?
01 / Disposition des colonnes
Disposition des colonnes
Point de rupture mobile
Détermine la largeur d'écran en dessous de laquelle les colonnes occupent toute la largeur. Exception faite des rangées marquées comme insécables.
Espacement horizontal, vertical et sous la rangée
Le premier écarte les colonnes côte à côte. Le deuxième sépare les colonnes après leur passage à la ligne au sein d'une même rangée. Le troisième éloigne les sections entières les unes des autres.
02 / Chargement des styles et photos
Chargement des styles et photos
CSS sur toutes les pages et liste des contrôleurs
Vous choisissez le chargement global des styles ou des types de pages précis, par ex. product, category et cms. La liste est ignorée lorsque le mode global est activé.
Lightbox et portée du CSS
Active l'agrandissement des photos dans le contenu. Le sélecteur indique les conteneurs où il doit fonctionner. Les images liées et celles de moins de 80 × 80 px sont ignorées.
03 / Travail dans l'éditeur
Travail dans l'éditeur
Mode plein écran
Ajoute un éditeur plein écran avec les outils TinyMCE, les blocs et le plan des sections. Vous pouvez le désactiver en cas de conflit avec l'éditeur.
Mode conception
Permet de déplacer, dupliquer et supprimer les blocs au lieu de modifier le texte à l'intérieur.
04 / Apparence des blocs
Apparence des blocs
Séparateur : style, épaisseur, couleur, largeur et marge
Vous réglez séparément le type de ligne, son épaisseur en pixels, sa couleur, sa part de la largeur de la section et l'espacement au-dessus et au-dessous du séparateur.
Espacements S, M et L
Ils définissent les hauteurs des blocs d'espacement prêts à l'emploi, utilisés lors de la composition de la description.
Citation : accent et fond
La couleur d'accent concerne la barre le long de la citation, et la couleur de fond sa surface. Un fond de la couleur de la page donne l'effet sans surface mise en évidence.
Quatre fonds de photos et padding
Les adresses des images constituent un jeu de fonds au choix. Un emplacement vide n'est pas utilisé. Le padding définit la distance entre la photo et le bord du fond.
