Administration de la solution e-commerce générique administering-generic-ecommerce
La solution Adobe Experience Manager (AEM) générique fournit des méthodes pour gérer les informations commerciales conservées dans le référentiel (plutôt que d’utiliser un moteur d’e-commerce externe). Cela inclut les éléments suivants :
Produits et variantes de produits products-and-product-variations
Avant de créer des produits, définissez un modèle. Cela permet d’indiquer les champs que vous devez définir, les produits et la manière dont ils sont modifiés.
Un modèle est nécessaire pour chaque type de produit distinct. Le modèle approprié est associé aux produits en effectuant l’une des opérations suivantes :
- le chemin
- ou le produit peut référencer le modèle.
/etc/scaffolding/geometrixx-outdoors
/etc/commerce/products/geometrixx-outdoors
Import de produits… importing-products
Import de produits - UI optimisée pour les écrans tactiles importing-products-touch-optimized-ui
-
Accédez à la console Produits via Commerce.
-
À l’aide de la console Produits, accédez à l’emplacement souhaité.
-
Utilisez l’icône Importer des produits pour ouvrir l’assistant.
-
Précisez les paramètres suivants :
-
Importateur
L’importateur pour le fournisseur de commerce spécifique, par défaut
Geometrixx
. -
Source
Le fichier que vous voulez importer. Vous pouvez utiliser le navigateur pour sélectionner un fichier.
-
Importation incrémentielle
Indiquez s’il s’agit d’une importation incrémentielle (par opposition à une importation complète).
note note NOTE L’importation incrémentielle (par l’importateur geometrixx-outdoor d’exemple) fonctionne au niveau des produits. Un importateur personnalisé peut être défini pour être utilisé selon vos besoins. -
-
Sélectionnez Suivant pour importer les produits. Un journal des actions effectuées s’affiche.
note note NOTE Les produits seront importés vers l’emplacement actuel ou par rapport à celui-ci. note note NOTE L’utilisation répétée de Suivant et Retour permet d’importer les définitions de produits de manière répétée. Cependant, dans la mesure où ils ont les mêmes SKU, les informations figurant dans le référentiel sont remplacées. -
Sélectionnez Terminé pour fermer l’assistant.
Import de produits - IU classique importing-products-classic-ui
-
Le dossier Commerce s’ouvre depuis la console Outils.
-
Double-cliquez pour ouvrir l’importateur de produits :
-
Précisez les paramètres suivants :
-
Nom de la boutique
Les produits sont importés dans :
/etc/commerce/products/<*store name*>/
-
Fournisseur de commerce
L’importateur de votre fournisseur de commerce, par défaut Geometrixx.
-
Fichier source
L’emplacement dans le référentiel du fichier que vous voulez importer.
-
Importation incrémentielle
Indiquez s’il s’agit d’une importation incrémentielle (par opposition à une importation complète).
-
-
Cliquez sur Importer des produits.
Créer des informations sur les produits creating-product-information
Créer des informations sur les produits - IU optimisée pour les écrans tactiles creating-product-information-touch-optimized-ui
-
Depuis la console Produits (via Commerce), accédez à l’emplacement requis.
-
Utilisez l’icône Créer pour sélectionner (selon la structure et l’emplacement) :
- Créer un produit
- Créer une variante de produit
-
L’assistant s’ouvre. Utilisez les onglets De base et Produit pour saisir les attributs de produit pour le nouveau produit ou la nouvelle variante de produit.
note note NOTE Le Titre et le SKU sont le minimum requis pour créer un produit ou une variante. -
Sélectionnez Créer pour enregistrer les informations.
Modifier des informations sur les produits editing-product-information
/etc/commerce/products/...
Modifier des informations sur les produits - IU optimisée pour les écrans tactiles editing-product-information-touch-optimized-ui
-
En utilisant la console Produits (via Commerce) accédez aux informations sur votre produit.
-
Utilisez l’un des éléments suivants :
Sélectionnez l’icône Afficher les données du produit :
-
Les attributs de produit s’affichent. Utilisez Modifier et Terminé pour apporter des modifications.
Afficher les références de produit showing-product-references
Afficher les références de produit - IU optimisée pour les écrans tactiles showing-product-references-touch-optimized-ui
-
Depuis la console Produits (via Commerce), accédez aux informations sur votre produit.
-
Ouvrez le rail secondaire pour les Références à l’aide de l’icône :
-
Sélectionnez le produit requis ; le rail secondaire est mis à jour pour afficher les types de références disponibles :
-
Cliquez sur le type de référence (par exemple, pages de produits) pour développer la liste.
-
Sélectionnez une référence spécifique pour afficher les options :
- Accéder à la page produits
- Modifier la page produits
Rechercher des produits search-for-products
-
Accédez à la console Produits via Commerce.
-
Ouvrez le rail secondaire pour effectuer une recherche à l’aide de l’icône :
-
Plusieurs facettes vous permettent de rechercher des produits. Vous pouvez utiliser une ou plusieurs facettes dans une recherche. Les produits trouvés s’affichent :
-
Cliquez/appuyez sur un produit pour l’ouvrir. Vous pouvez également le publier ou afficher les données du produit.
Extension de la recherche extending-search
Vous pouvez modifier une facette existante ou en ajouter de nouvelles à l’aide de CRXDE Lite :
-
Accédez à :
http://localhost:4502/crx/de/index.jsp#/libs/commerce/gui/content/products/aside/items/search/items/searchpanel/facets
-
Vous pouvez par exemple modifier les tailles qui apparaissent sur la page de recherche de produits. Cliquez sur le nœud
sizegroup
. -
Cliquez sur le nœud
items
, puis sur le nœudpropertypredicate
. -
Vous pouvez modifier les
propertyValues
. Par exemple, vous pouvez ajouter XS ou XXL, ou supprimer une taille. -
Cliquez sur Enregistrer tout et accédez à la page de recherche de produits. Vos modifications doivent apparaître.
Plusieurs ressources multiple-assets
Vous pouvez ajouter plusieurs ressources dans le composant de produit, puis spécifier la ressource qui doit apparaître sur la page produit.
Ajout de plusieurs ressources adding-multiple-assets
-
Accédez à la console Produits via Commerce.
-
À l’aide de la console Produits, accédez au produit souhaité.
note note NOTE Vous devez être au niveau du produit, et non d’une variante. -
Sélectionnez l’icône Afficher les données du produit avec le mode de sélection ou les actions rapides.
-
Sélectionnez l’icône Modifier.
-
Faites défiler jusqu’à Ajouter.
-
Sélectionnez Ajouter. Un nouvel espace réservé aux ressources s’affiche.
-
Sélectionner Modifier ouvre une boîte de dialogue vous permettant de sélectionner une ressource.
-
Sélectionnez la ressource à ajouter.
note note NOTE Les ressources que vous pouvez sélectionner se trouvent dans Ressources. -
Cliquez sur l’icône Terminé.
Deux ressources sont désormais stockées dans votre composant de produit. Vous pouvez configurer celle qui apparaît sur la page du produit. Cela fonctionne avec un système de catégorie. Vous devez d’abord ajouter une catégorie aux ressources individuelles :
-
Sélectionnez Afficher les données du produit.
-
Saisissez une catégorie de ressources sous les ressources, par exemple
cat1
etcat2
.note note NOTE Vous pouvez également utiliser des balises pour les catégories. -
Cliquez sur l’icône Terminé. Vous devez maintenant déployer vos modifications.
Désormais, vos ressources dans le composant de produit ont une catégorie. Vous pouvez configurer la catégorie qui s'affichera à trois niveaux différents :
Le mécanisme de sélection de l’image à afficher est le suivant :
- Vérifiez si une catégorie est définie pour la page produit.
- Si ce n’est pas le cas, vérifiez si une catégorie est définie pour le catalogue.
- Si ce n’est pas le cas, vérifiez si une catégorie est définie pour la console Produits.
Page produit product-page
- Accédez à votre page produit.
- Modifiez le composant du produit.
- Saisissez la catégorie d’image choisie (
cat1
par exemple). - Sélectionnez Terminé. La page s’actualise et la ressource appropriée doit s’afficher.
Catalogue catalog
- Accédez à votre catalogue.
- Sélectionnez Afficher les propriétés.
- Sélectionnez Modifier.
- Sélectionnez l’onglet Ressources.
- Saisissez la catégorie de ressources de produit requise.
- Sélectionnez Terminé.
- Déployez vos modifications.
Console Produits products-console
- À l’aide de la console Produits, accédez au produit souhaité.
- Sélectionnez Afficher les données du produit.
- Sélectionnez Modifier.
- Saisissez une catégorie de ressources par défaut.
- Sélectionnez Terminé.
- Déployez vos modifications.
Publication ou annulation de la publication des informations sur les produits publishing-unpublishing-product-information
Publication ou annulation de la publication des informations sur les produits - IU optimisée pour les écrans tactiles publishing-unpublishing-product-information-touch-optimized-ui
-
En utilisant la console Produits (via Commerce), accédez aux informations sur votre produit.
-
Utilisez l’un des éléments suivants :
Sélectionnez l’icône Publier ou Dépublier selon vos besoins :
Les informations sur les produits sont publiées, ou non publiée, selon les cas.
Gestionnaire d’événements pour les mises à jour de produit event-handler-for-product-updates
Il existe un gestionnaire d’événements qui consigne un événement lorsqu’un produit est ajouté, modifié ou supprimé, et lorsqu’une page produit est ajoutée, modifiée ou supprimée. Il existe les événements OSGi suivants :
com/adobe/cq/commerce/pim/PRODUCT_ADDED
com/adobe/cq/commerce/pim/PRODUCT_MODIFIED
com/adobe/cq/commerce/pim/PRODUCT_DELETED
com/adobe/cq/commerce/pim/PRODUCT_PAGE_ADDED
com/adobe/cq/commerce/pim/PRODUCT_PAGE_MODIFIED
com/adobe/cq/commerce/pim/PRODUCT_PAGE_DELETED
Pour les événements PRODUCT_*
, le chemin pointe sur le produit de base dans /etc/commerce/products
. Pour les événements PRODUCT_PAGE_*
, le chemin pointe sur le nœud cq:Page
.
Vous pouvez les afficher au sein de la console Web dans les événements OSGi (/system/console/events
), par exemple :
Image avec liens Ajouter au panier image-with-add-to-cart-links
Le composant Image avec liens Ajouter au panier vous permet d’ajouter rapidement un produit au panier en créant une zone réactive liée à un produit sur une image.
Cliquer sur la zone réactive ouvre une boîte de dialogue qui vous permet de choisir la taille et la quantité du produit.
-
Accédez à la page où vous souhaitez ajouter le composant.
-
Effectuez un glisser-déposer du composant dans la page.
-
Effectuez un glisser-déposer d’une image dans le composant à partir du navigateur de ressources.
-
Vous pouvez effectuer l’une des actions suivantes :
- Cliquez sur le composant, puis cliquez sur l’icône Modifier.
- Double-cliquer lentement
-
Cliquez sur l’icône Plein écran.
-
Cliquez sur l’icône de carte de lancement.
-
Cliquez sur l’une des icônes de forme.
-
Modifiez et déplacez la forme selon vos besoins.
-
Cliquer sur la forme.
-
Cliquez sur l’icône Parcourir pour ouvrir le Sélecteur de ressources.
note note NOTE Vous pouvez également saisir directement le chemin du produit qui doit se trouver au niveau du produit, et non au niveau de la variante. -
Cliquez deux fois sur l’icône de confirmation, puis cliquez sur Quitter le mode plein écran.
-
Cliquez quelque part sur la page en regard du composant. La page doit s’actualiser et le symbole suivant doit s’afficher sur votre image :
-
Basculez en mode Aperçu.
-
Cliquez sur la zone sensible +. La boîte de dialogue qui s’ouvre vous permet de choisir la taille et la quantité du produit que vous avez saisi dans Chemin.
-
Saisissez une taille et une quantité.
-
Cliquez sur le bouton Ajouter au panier. La boîte de dialogue se ferme.
-
Accédez à votre panier. Le produit devrait être visible.
Options de configuration configuration-options
Vous pouvez configurer l’aspect de la boîte de dialogue lorsque vous cliquez sur la zone réactive :
-
Cliquez sur le composant, puis sur l’icône de configuration.
-
Faites défiler l’écran vers le bas. Il existe un onglet AJOUTER AU PANIER.
-
Cliquez sur AJOUTER AU PANIER. Il existe trois options de configuration.
-
Cliquez sur l’icône Terminé.
Catalogues catalogs
Génération d’un catalogue generating-a-catalog
Génération d’un catalogue : UI optimisée pour les écrans tactiles generating-a-catalog-touch-optimized-ui
Pour générer un catalogue :
-
Ouvrez la console Sites (par exemple, http://localhost:4502/sites.html/content).
-
Accédez à l’emplacement où vous souhaitez créer la page.
-
Pour ouvrir la liste des options, utilisez l’icône Créer :
-
Dans la liste, sélectionnez Créer un catalogue. L’assistant Créer un catalogue s’ouvre.
-
Accédez au plan directeur de catalogue requis.
-
Sélectionnez le bouton Sélectionner et cliquez sur le plan directeur de catalogue requis.
-
Sélectionnez Suivant.
-
Saisissez un titre et un nom.
-
Cliquez sur le bouton Créer. Le catalogue est créé et une boîte de dialogue s’ouvre.
-
En sélectionnant le bouton Terminé, vous êtes renvoyé vers la console Sites où vous pouvez voir votre catalogue.
Cliquez sur le bouton Ouvrir le catalogue pour ouvrir votre catalogue (par exemple,
http://localhost:4502/editor.html/content/test-catalog.html
).
Génération d’un catalogue : IU classique generating-a-catalog-classic-ui
-
En utilisant la console Sites web, accédez à votre Plan directeur du catalogue, puis le catalogue de base.
Par exemple :
http://localhost:4502/siteadmin#/content/catalogs/geometrixx-outdoors/base-catalog
-
Créez une page à l’aide du modèle Plan directeur de section.
Par exemple,
Swimwear
. -
Ouvrez la nouvelle page
Swimwear
, puis cliquez sur Modifier le plan directeur. La boîte de dialogue Propriétés s’ouvre pour vous permettre de configurer la sélection Produits.Par exemple, ouvrez le champ Balises/Mots-clés pour sélectionner Activité, puis Nager dans la section Geometrixx-Outdoors.
-
Cliquez sur OK afin que vos propriétés soient enregistrées ; des exemples de produits s’affichent sous Critères de sélection de produits sur la page de plan directeur.
-
Cliquez sur Déployer les modifications…, sélectionnez Déployer la page et toutes les sous-pages, puis cliquez sur Suivant puis sur Déploiement. Une fois le déploiement terminé, l’indicateur Statut devient vert.
-
Vous pouvez maintenant cliquer sur Fermer et vérifier la nouvelle section de catalogue, par exemple, à cette adresse et sous celle-ci :
http://localhost:4502/cf#/content/geometrixx-outdoors/en/swimwear.html
-
À nouveau à partir de la page des plans directeurs, cliquez sur Modifier le plan directeur et, dans la boîte de dialogue Propriétés, ouvrez l’onglet Page générée. Dans le champ de la liste Bannière, sélectionnez l’image que vous souhaitez afficher, par exemple,
summer.jpg
. -
Cliquez sur OK pour que vos propriétés soient enregistrées ; les informations de la bannière s’affichent sous les Critères de sélection de produits sur la page du plan directeur.
-
Déployez ces nouvelles modifications.
Déploiement d’un catalogue rolling-out-a-catalog
Déploiement d’un catalogue : UI optimisée pour les écrans tactiles rolling-out-a-catalog-touch-optimized-ui
Pour déployer un catalogue :
-
Accédez à la console Catalogues, via Commerce.
-
Accédez au catalogue à déployer.
-
Utilisez l’un des éléments suivants :
Sélectionnez l’icône Déployer les modifications :
-
Dans l’assistant, définissez le déploiement selon les besoins, puis cliquez sur Déployer les modifications.
-
Une boîte de dialogue s’affiche. Sélectionnez Terminé lorsque le processus est terminé.
Déploiement d’un catalogue : UI classique rolling-out-a-catalog-classic-ui
Pour déployer un catalogue :
-
Accédez au catalogue à déployer. Par exemple :
http://localhost:4502/cf#/content/catalogs/geometrixx-outdoors/base-catalog.html
-
Cliquez sur Déployer les modifications…
-
Définissez le déploiement selon vos besoins.
-
Cliquez sur Déploiement.
Importateur de plans directeurs blueprint-importer
Importateur de plans directeurs : UI optimisée pour les écrans tactiles blueprint-importer-touch-optimized-ui
-
Accédez à la console Catalogues, via Commerce.
-
Accédez à l’emplacement où vous souhaitez importer le plan directeur de catalogue.
-
Sélectionnez l'icône Importer les plans directeurs.
-
Dans l’assistant, sélectionnez la source requise, puis cliquez sur Suivant.
-
Sélectionnez Terminé lorsque l’import est terminé.
Importateur de plans directeurs : UI classique blueprint-importer-classic-ui
-
À l’aide de la console Outils, accédez à Commerce.
Par exemple :
http://localhost:4502/miscadmin#/etc/commerce
-
Ouvrez l’Importateur de plans directeurs de catalogue.
-
Définissez l’importation selon vos besoins.
-
Cliquez sur Importer les plans directeurs du catalogue.
Promotions promotions
Création d’une promotion creating-a-promotion
Création d’une promotion : UI classique creating-a-promotion-classic-ui
-
Ouvrez la console Sites web de votre instance de création.
-
Dans le volet de gauche, sélectionnez la Campagne requise.
-
Cliquez sur Nouveau, sélectionnez le modèle Promotion, puis renseignez un Titre (et un Nom si nécessaire) pour votre nouveau bon.
-
Cliquez sur Créer. La nouvelle page de promotion s’affiche dans le volet droit.
-
Modifiez les propriétés en effectuant l’une des opérations suivantes :
- Ouvrez la page, puis cliquez sur le bouton Modifier pour ouvrir la boîte de dialogue Propriétés.
- Sélectionnez la page dans la console Sites web, puis utilisez le menu contextuel (généralement le bouton droit de la souris) pour sélectionner Propriétés… et ouvrir la boîte de dialogue des propriétés.
Spécifiez le Type de promotion, le Type de remise, la Valeur de remise et tous les autres champs, au besoin.
-
Cliquez sur OK pour enregistrer.
-
Vous pouvez maintenant activer votre promotion afin que les acheteurs ou les acheteuses puissent la voir sur l’instance de publication.
Bons vouchers
Création d’un bon creating-a-voucher
Création d’un bon : UI classique creating-a-voucher-classic-ui
-
Ouvrez la console Sites web de votre instance de création.
-
Dans le volet de gauche, sélectionnez la Campagne requise.
-
Cliquez sur Nouveau, sélectionnez le modèle Bon, puis renseignez un Titre (et un Nom si nécessaire) pour votre nouveau bon.
-
Cliquez sur Créer. La nouvelle page de bon s’affiche dans le volet droit.
-
Ouvrez votre nouvelle page de bon avec un double-clic, puis cliquez sur Modifier pour configurer les informations suivant vos besoins.
-
Cliquez sur OK pour enregistrer.
-
Vous pouvez désormais activer votre bon, de sorte que les acheteurs ou les acheteuses puissent l’utiliser dans leur panier sur l’instance de publication.
Suppression des bons removing-vouchers
Suppression des bons : UI classique removing-vouchers-classic-ui
Pour rendre un bon indisponible pour les clientes ou les clients, vous pouvez :
- Désactiver le bon : il reste disponible dans l’environnement de création afin que vous puissiez le réactiver ultérieurement.
- Le supprimer entièrement.
Les deux actions peuvent être effectuées à partir de la console Sites web.
Modification des bons modifying-vouchers
Modification des bons : UI classique modifying-vouchers-classic-ui
Pour modifier les propriétés d’un bon ou d’une promotion, vous pouvez double-cliquer dessus sur la console Sites web et cliquer sur Modifier. Après l’avoir enregistré, vous devez l’activer afin que les modifications soient transmises aux instances de publication.
Ajout de bons à un panier adding-vouchers-to-a-cart
Pour permettre aux utilisateurs d’ajouter des bons à leurs paniers, vous pouvez utiliser le composant Bons intégré (catégorie Commerce). Vous devez l’ajouter sur la page où le panier est affiché (mais cela n’est pas obligatoire). Le composant Bons est simplement un formulaire dans lequel l’utilisateur peut saisir un code de bon. C’est le composant Panier qui affiche en fait la liste des bons appliqués et leur remise.
Sur le site de démonstration (Geometrixx Outdoors - anglais), vous pouvez voir le formulaire du bon sur la page du panier, sous le panier réel.
Commandes orders
/etc/scaffolding/geometrixx-outdoors/order/jcr:content/cq:dialog
Création des informations de commande creating-order-information
Création des informations de commande : UI optimisée pour les écrans tactiles creating-order-information-touch-optimized-ui
-
À l’aide de la console Commandes, accédez à l’emplacement souhaité.
-
Utilisez l’icône Créer pour sélectionner Créer une commande.
-
L’assistant s’ouvre. Utilisez les onglets De base, Contenu, Paiement et Réalisation pour saisir les informations concernant la nouvelle commande.
-
Sélectionnez Créer pour enregistrer les informations.
Modification des informations de commande editing-order-information
Modification des informations de commande : UI optimisée pour les écrans tactiles. editing-order-information-touch-optimized-ui
-
Utilisez la console Commandes pour accéder à la commande.
-
Utilisez l’un des éléments suivants :
Sélectionnez l’icône Afficher les données de commande :
-
Les informations sur la commande s’affichent. Utilisez Modifier et Terminé pour apporter des modifications.