Modèle de magasin - Page Produit
Une page produit décrit un produit spécifique d'un magasin en ligne. En général, elle comprend une description, un prix et une illustration, et si le produit présente des variantes (taille et couleur par exemple) elle permet au cient de choisir une variante.
Pour plus d'informations sur les pages du produit et leur mode de fonctionnement, reportez-vous
à la rubrique Utilisation de l'affichage des pages de produits.
Instructions
productdisplay.jsp utilise les instructions suivantes :
- OrderItemAdd
- InterestItemAdd (WebFashion et NewFashion uniquement)
Beans
productdisplay.jsp utilise les beans suivants :
- CategoryDataBean
- ProductDataBean
Détails d'implémentation
Remarque : pour plus d'informations sur les
techniques d'implémentation communes à toutes les pages de modèle de magasin, parmi
lesquelles les informations multiculturelles, reportez-vous à la rubrique
Pages du modèle de magasin : techniques d'implémentation communes.
ProductDisplay.jsp est enregistré dans la base de données (au sein de la table
DISPENTREL) pour afficher tous les produits du magasin. ProductDisplay.jsp affiche ce qui suit :
- Description, image, attributs et valeurs d'attributs du produit.
- Description abrégée de la catégorie parente.
- Lien Ajouter à mon chariot
- Zone de texte Quantité (NewFashion uniquement)
- Lien Ajouter à la liste de pré-sélection (WebFashion et NewFashion uniquement)
- Description, image, attributs et valeurs d'attributs du produit.
- La description et l'image du produit sont affichées à l'aide des propriétés du bean ProductDataBean.
-
Les attributs du produit sont extraits à l'aide de la méthode getAttributes() pour le bean
ProductDataBean. Les valeurs de chaque attribut sont extraites à l'aide de la méthode
getDistinctAttributeValues() dans AttributeAccessBean. Si ProductDataBean trouve des
informations dans cette colonne, la page Affichage du produit présente l'image Hotmedia
au lieu de l'image complète.
- Description abrégée de la catégorie parente.
- L'ID de la catégorie parente est fourni aux pages de produit via le paramètre
parent_category_rn. Une description abrégée de la
catégorie parente est extraite par l'instruction CategoryDataBean. Par défaut, CategoryDataBean
utilise l'ID de catégorie à partir du paramètre categoryId.
Dans l'exemple suivant, le nom du paramètre est parent_category_rn et l'ID de
catégorie est défini explicitement :
- String parentCategoryId = request.getParameter("parent_category_rn");
parentCategory = new CategoryDataBean ();
parentCategory.setCategoryId(parentCategoryId);
com.ibm.commerce.beans.DataBeanManager.activate(parentCategory, request);
- Ajouter à mon chariot
- Le lien Ajouter à mon chariot est implémenté en créant un formulaire
qui appelle l'instruction OrderItemAdd. Dans InFashion et WebFashion, la quantité de produits
commandés est définie à 1 par défaut à l'aide d'un fichier masqué comme celui présenté ci-dessous :
<input type="hidden" name="quantity" value="1">
-
- Vous pouvez remplacer la zone masquée par une zone de texte pour que les clients puissent entrer
des quantités différentes.
Dans le magasin NewFashion, par défaut, la quantité des produits commandés est définie sur
la valeur 1 à l'aide d'une zone de texte comme suit :
<input type="text" name="quantity" value="1",size="2">
La zone de texte permet aux clients de saisir une quantité différente.
- Ajout au chariot
et Ajout à la liste de pré-sélection
- Lorsqu'un client sélectionne Ajouter à mon chariot ou Ajouter à la liste de
pré-sélection, le script java suivant est appelé.
<SCRIPT language="javascript">
function Add2ShopCart(form){
form.action='OrderItemAdd'
form.URL.value='OrderItemDisplay'
form.submit()
} function Add2WishList(form){
form.action='InterestItemAdd'
form.URL.value='InterestItemDisplay'
form.submit()
}
</SCRIPT>
Lorsque le client ajoute un article à son chariot, l'instruction OrderItemAdd est appelée. Lorsqu'il choisi de l'ajouter à la liste de pré-sélection, l'instruction InterestItemAdd est appelée.
Remarque : Vous pouvez utiliser WebSphere Commerce Accelerator pour créer des produits. Lorsque vous créez des produits, vous devez créer un prix pour chacun d'eux afin de le visualiser dans les pages de produit du modèle de magasin. Si vous ne créez pas de prix, vous devez utiliser la méthode getCalculatedContractPrice method pour le bean ProductDataBean.