Affichage des images de produits sous forme de grille

Dans les précédentes versions de TOWeb, le mode multi-images d'un paragraphe proposait seulement 2 modes d'affichage :

  • sous forme classique d'une image principale et d'une barre d'imagettes de sélection sous celle-ci pour en changer.
  • sous forme de Carrousel d'images au défilement plus ou moins rapide.

La version 13 de TOWeb introduit différents modes d'affichage supplémentaire sous forme de grille qui sont spécifiquement adaptés aux fiches produits des sites e-Commerce. De plus ces modes d'affichage se transforment sur smartphones en carrousel modernes avec gestion du swipe/balayage, ce qui rend votre site e-Commerce bien plus convivial pour les visiteurs !

Voici une présentation des nouveaux modes d'affichage possibles, illustrés ici avec le template "WAND", la sélection des nouveaux modes d'affichage "grille" est possible sur un paragraphe qui comporte plusieurs images ici dans TOWeb.

mode d'affichage des images de produits

Le mode "Grille"

Ce mode affiche les images les unes sous les autres

affichage produits en mode grille

Le mode "Grille 1/2"

Ce mode affiche la première image normalement et toutes les suivantes sur 2 colonnes

affichage produits en mode grille 1/2

Le mode "Grille 1/2+"

Ce mode alterne l'affichage d'une image normale et des 2 suivantes côte à côte

affichage produits en mode grille 1/2+

Le mode "Grille 1/3"

Ce mode affiche la première image normalement et les suivantes sur 3 colonnes

affichage produits en mode grille 1/3

Le mode "Grille 1/3+" avec alternance entre 1 et 3 images

Ce mode alterne l'affichage d'1 image normale et des 3 suivantes côte à côte

affichage produits en mode grille 1/3+

Fonctionnement responsive adapté aux smartphones

Tous ces modes grilles se transforment sur smartphone en un carrousel moderne qui gère les swipes (défilements tactiles)

affichage "responsive" des produits en grille


Page 12 sur 39
Lien copié dans le presse-papiers