1.0
Configuration
Voici le style responsive de base pour les résultats de l'explorateur de facette. Pour l'utiliser correctement, il vous faudra changer le width (en %) de .GpcFacetedResults pour celui correspondant à votre maquette.
Pour configurer les styles, il vous faut choisir le visuel de vos vignettes (default ou horizontal) via le propriety grid et ajouter les classes suivantes sur le div qui contient la class defaultFacet ou horizontalFacet.
Classes pour le defaultFacet :
- gpcNbItem2
- gpcNbItem3
- gpcNbItem4
- gpcNbMobileItem1
gpcNbMobileItem2
Classes pour l'horizontalFacet :
- gpcNbItem1
gpcNbMobileItem1
La classe gpcNbItem correspond au nombre d'item sur une ligne en desktop et le gpcNbMobileItem en mobile.
Attention : La hauteur des images pouvant varier selon les maquettes, il vous faudra probablement ajuster le padding-top de cette boite : .defaultFacet .FacetedResultTemplate .ResultImage ou .horizontalFacet .FacetedResultTemplate .ResultImage
Le style à été fait à partir des templates du design développer par Marco : H:\Clients\Altitude\_éléments UI interne\GPC et rating
Versionnage
Cette version contient seulement des styles pour les résultats de l'explorateur de facette.
Utilisation montage HTML
Exemples
Exemples à venir