Pour définir la structure des Pages Fiche Produits vous pouvez utiliser les options disponibles dans la section Affichage :

|
Galerie à la gauche, détails à la droite.
|

|
Détails à la gauche, galerie à la droite.
|
Vous pouvez puis travailler avec des options de Style pour définir la taille des éléments :
| ▪ | Largeur : pour définir la largeur de la Galerie en pourcentage par rapport à la Page. |
| ▪ | Hauteur Galerie : pour définir en pixels la hauteur de la Galerie des images. |
| ▪ | Hauteur Miniatures : pour définir en pixels la hauteur des Miniatures de la Galerie des images. |
Maintenant vous pouvez choisir les Éléments à afficher :
| • | Détails : c'est-dire la Catégorie, les Options du Produit, la Disponibilité, le Prix, l'affichage de la TVA, le Champ Quantité ; |
| • | Bouton : un Produit au Panier et procéder avec son achat ; |
| • | Liste des souhaits : pour ajouter le Produit à la Liste des souhaits, c'est-à-dire la liste de produits que le client peut acheter plus tard. |
Une fois que vous avez sélectionné l'Élément avec lequel vous souhaitez travailler, vous retrouvez les suivantes options :
| ▪ | Visible : pour afficher l'élément. Si vous sélectionnez l'élément Détails, par contre, vous pouvez choisir si afficher les informations telles que Catégorie, Disponibilité ou Prix. |
| ▪ | Police : pour spécifier la police, la tailler et le Style du texte. La liste déroulante propose toutes les polices présentes sur l'ordinateur, la commande pour appliquer la Police par défaut (définie par le Style de l’élément Texte de la page dans la fenêtre Style du texte) ; la liste des Polices sécurisées, c'est-à-dire des polices présentes sur tous les dispositifs et qui ne requièrent aucune publication, tous les Google Fonts et les Polices Web ajoutés à l’aide de la fenêtre Ajouter des polices web rappelée par la commande Autres types de caractère. |
| ▪ | Couleur de texte : pour spécifier la couleur du texte. |
| ▪ | Afficher Catégorie : pour afficher la Catégorie du Produit que vous avez défini sur E-commerce | Produits. |
| ▪ | Afficher le champ quantité : pour afficher un Champ Quantité pour que le Client puisse indiquer la qualité du Produit à insérer dans le panier. |
| ▪ | Afficher disponibilité : pour afficher, en plus de l'icône pour la Disponibilité indicative, même le numéro qui en spécifique la Disponibilité effective. |

|
Si vous activez l'option Afficher disponibilité et il y a au moins un Produit pou lequel vous avez défini d'afficher ce type de disponibilité, la page où se trouve le Objet Catalogue des produits doit être défini en php. Vous pouvez faire ça avec l'option Extension du fichier créé disponible sur Propriétés de la page | Avancées.
|
| ▪ | Afficher le prix : pour afficher le prix du Produit, avec ou sans TVA. |
| ▪ | Modalité : pour spécifier si vous souhaitez utiliser un Texte ou une Image en tant que Bouton. Dans le premier cas, vous pouvez définir le style du lien textuel ; dans le deuxième, il faut importer le Fichier Image à utiliser depuis le champ approprié. |
| ▪ | Ajouter le produit sans montrer le Panier : disponible pour l'élément Bouton, avec cette option le Client peut ajouter directement le Produit sans avant afficher le Panier. |
| ▪ | Couleur : pour spécifier la couleur pour icône de coeur utilisée pour ajouter un Produit à la Liste de souhaits. |
| ▪ | Ajouter sans afficher la Liste de souhaits : que disponibles pour l'élément Liste de souhaits, avec cette option le Client peut ajouter le Produit directement à sa liste de souhaits sans l'afficher avant. |
Dans la section Options, par contre, vous pouvez définir le possible affichage des Produits connexes :
| ▪ | Afficher les produits de la même Catégorie : si l'option est active, sur la page sera disponible une galerie avec les images des Produits qui font part de la même Catégorie du produit sélectionné. |
L’encadré Google AMP présente en revanche les options nécessaires pour créer une version AMP des Articles :
| ▪ | Créer des pages Google AMP en incluant le contenu du Blog : en activant cette option, une version en AMP est créée pour chaque Article du Blog, en plus de la Page utilisée sur le Site. Les versions en AMP seront utilisées par Google pour permettre aux utilisateurs navigants sur un dispositif mobile d’y accéder rapidement. |
| ▪ | Image d'en-tête pour Google AMP : définit l’image qui doit être utilisée comme en-tête (en-tête supérieur) des Pages Google AMP au lieu de l’en-tête présent dans les Pages complètes. |

|
AMP est un projet de Google visant à améliorer la vitesse de chargement des pages sur les appareils mobiles (https://www.ampproject.org/).
Les Pages Google AMP sont très simples et incluent uniquement les éléments strictement nécessaires. Elles sont servies par le cache de Google et s’affichent avec l’ajout d’une barre qui propose le domaine et le lien vers la version complète des Pages.
AMP présente quelques limitations, notamment en ce qui concerne l’impossibilité d’utiliser JavaScript. C’est pourquoi dans les Pages Google AMP, les blocs latéraux ne peuvent pas être conservés, les éventuels Diaporamas sont recréés à l'aide d’un élément spécifique et certains types de lien sont remplacés par un lien vers la version complète de la Page.
Étant donné que les versions AMP sont chargées par Google sur ses serveurs en HTTPS, pour que tout fonctionne correctement, il est nécessaire que le Site complet et les éventuelles ressources reliées dans les Articles du Blog soient chargés sur un domaine en HTTPS.
|
|