Modèles d'agencement adaptatifs

Tous les modèles de présentation de la bibliothèque de l'outil de composition Commerce sont adaptatifs, disposant les emplacements en fonction de la taille de l'écran. Un modèle sélectionné ne comporte pas une largeur fixe, ce qui permet d'optimiser l'affichage d'un appareil à l'autre.

Les modèles de présentation par défaut démontrent les pratiques recommandées de la conception Web adaptative et contiennent les fonctions suivantes :
  • Ils sont créés en utilisant le système de grille fluide par défaut, dans lequel la plupart des emplacements possèdent des largeurs exprimés en pourcentage, qui s'ajustent aux différentes résolutions d'écran.
  • Ils contiennent trois seuils clés dépendant de la largeur de la fenêtre d'affichage :
    Points d'arrêt de plage de pages du magasin type Aurora
    Unité Point d'arrêt de la plage Plage de pages
    Bureau RWD-C 1 281 pixels CSS et plus
    Tablette RWD-B 601 à 1 280 pixels CSS
    Mobile RWD-A 600 pixels CSS et moins
Par défaut, les pages du magasin empilent verticalement les colonnes au seuil de plage RWD-A.

Modèles de présentation adaptatifs de l'outil de composition Commerce

Par défaut, HCL Commerce fournit les modèles de présentation adaptatifs ci-dessous, que vous pouvez utiliser dans l'outil de composition Commerce pour créer des présentations pour les pages du magasin :
Modèles adaptatifs de l'outil de composition Commerce
Nom du modèle de présentation Nombre d'emplacements Maquette fonctionnelle du site web
Page, huit emplacements, onglets 8
Maquette fonctionnelle Page, huit emplacements, onglets
Page, cinq emplacements, barre latérale droite 5
Maquette fonctionnelle Page, cinq emplacements, barre latérale droite
Page, un emplacement 1
Maquette fonctionnelle Page, un emplacement
Page, six emplacements 6
Maquette fonctionnelle Page, six emplacements
Page, six emplacements, barre latérale gauche 6
Maquette fonctionnelle Page, six emplacements, barre latérale gauche
Page Entrée de catalogue 8
Maquette fonctionnelle d'une page Entrée de catalogue
Page Entrée de catalogue (2) 7
Maquette fonctionnelle d'une page Entrée de catalogue
Page Rayon 8
Maquette fonctionnelle d'une page Rayon
Page d'accueil 8
Maquette fonctionnelle de la page d'accueil