Block : Logo grid

Contenu

• Title (text) : le titre de cette section
• Header (contenu – facultatif) : l’en-tête du block, occupant toute sa largeur
• Logos (groupe répétables) : la définition des différents logos composants la grille
• Footer (contenu – facultatif) : le pied de page du block; occupant toute sa largeur

Chaque logo est défini par :

• Logo (image) : le fichier image lui même
• Url (url – facultatif) : l’url associé au logo, si renseigné, ce dernier devient clickable
• Open in new tab (choix) : si l’url est renseigné, le lien ouvrira un nouvel onglet
• Label (texte – facultatif) : si les labels sont activés, ce champs définit l’intitulé sous chaque logo

Réglages

• Display mode (choix) : permet de définir le type d’affichage de la grille. « Classic » pour une grille toute simple, « Pagination » pour associer une pagination automatique en cas d’items très nombreux, et « Slider » pour transformer la grille en un carrousel défilant.
• Show labels (choix) : active ou non l’affichage des intitulé sous chaque logo
• Logo max height (nombre) : définit la hauteur maximale des logos en pixel, afin d’avoir un rendu homogème si les logos ont des tailles très hétérogènes
• Column’s classes (texte) : permet d’associer à chaque item une ou plusieurs classes spécifique
• Labels classes (texte) : classes css à associer aux labels, si ces derniers sont activés
• Logo per lines : permets de définir le nombre de logo par lignes sur desktop (lg), tablettes (md) et mobiles (sm)

En complément, si le mode pagination est activé, le groupe Pagination options apparait :

• Position (choix) : définit la position (haut, bas ou les deux) de la pagination
• Items per pages (nombre) : définit le nombre d’items par pages
• Class of container pagination holder (texte) : définit une ou plusieurs classes css associées au container de la pagination
• Label previous page et Label next page (texte) : définit les termes pour « page précédente » et « page suivante »

Si le mode slider est activé, le groupe Slider option apparait :

• Slide to show (nombre) : définit le nombre d’items à afficher dans chaque slide à défilement automatique
• Slide to scroll (nombre) : définit le nombre d’items à afficher dans chaque slide à défilement manuel
• Carousel dots (choix) :  affiche ou non la pagination du slider sous forme de points
• Carousel arrows (choix) : affiche ou non les flèches latérales du slider
• Infinite loop (choix) : active ou non le défilement infini  du slider
• Autoplay (choix) : active ou non la lecture automatique du slider
• Animation type (choix) : active le mode slide (défilement) ou fade (fondu) du slider
• Speed (nombre en ms) : définit la vitesse de défilement des slides