nmedia-cdn

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

<link type='text/css' rel='stylesheet' href="https://cdn.altitude3.net/_media/StyleSheet/43.css" />

Exemples

Exemples à venir