Comment afficher mes produits?


15

J'ai réussi à créer un type de produit et à importer mes données produit, j'ai donc maintenant une liste de produits.

Comment procéder maintenant pour afficher les produits? Dois-je créer un type de contenu à partir de zéro et ajouter les champs manuellement, ou existe-t-il un moyen de générer le type de contenu?


Similaire à cela, à l'aide du module de messagerie HTML, comment lier des éléments de l'e-mail à une page de produit individuelle? Vous souhaitez ajouter tous les liens vers des images ou des bons que nous envoyons par e-mail dans Drupal 7?
jeckey011

@ jeckey011, je pense que vous devriez ajouter cela comme une question distincte et le lier à partir d'ici plutôt.
Martin Duys

Réponses:


29

Comme l'a mentionné pjskeptic, vous pouvez créer un mécanisme d'affichage générique à l'aide de vues (ou potentiellement de panneaux), mais la principale façon d'établir un élément de contenu en tant qu'affichage de produit consiste à utiliser un type de contenu personnalisé avec un champ de référence de produit à l'aide du bouton Ajouter au panier formateur d'affichage de formulaire . Cela présente des avantages distincts:

  1. Votre nœud d'affichage de produit dispose de plusieurs modes d'affichage (c.-à-d. Teaser vs page entière vs RSS) et peut recevoir des commentaires (c.-à-d. Les avis des utilisateurs et les évaluations si vous le configurez).
  2. Les champs de produit seront rendus et affichés dans le nœud, y compris le champ de prix du produit par défaut, mais également les champs personnalisés que vous ajoutez aux produits (c'est-à-dire un champ d'image).
  3. Un nœud d'affichage de produit unique peut référencer plusieurs produits via le champ Référence produit, qui transforme le formulaire d'ajout au panier en un formulaire de sélection de produit et / ou un formulaire de sélection d'attribut de style Ubercart. Cependant, contrairement aux attributs Ubercart, le formulaire de sélection d'attribut de produit prend en charge les attributs dépendants, affiche uniquement les options d'attribut valides en fonction des produits que vous avez référencés et met à jour dynamiquement tous les champs de produit affichés sur le nœud pour afficher le produit actuellement sélectionné. Cela permet d'autoriser des images uniques basées sur la sélection de produits ou d'attributs, comme le montre le produit de la tasse sur la boutique de démonstration.

Il y a aussi d'autres avantages, mais il convient de noter que nous comprenons que cela introduit de la complexité dans le processus de création de l'affichage du produit. Nous avons pris la décision très tôt de construire ce que nous pensions être une architecture saine (séparant la définition du produit de son point de vue) et de simplifier l'aspect de l'administration du magasin en utilisant des profils d'installation et des modules contribués. Pour cela, vous pouvez utiliser le profil d'installation de Commerce Kickstart pour créer une installation de Drupal 7 + Drupal Commerce qui inclut un affichage de produit préconfigurétype de contenu et ajoute un champ Image au type de produit de base. (Malheureusement, vous devrez connaître Git pour saisir cela, car l'emballage du profil d'installation n'est actuellement pas fonctionnel pour les profils Drupal 7.) De plus, nous travaillons sur des projets qui vous permettent de créer en vrac des produits / affichages de produits et d'ajouter / modifier les produits directement dans le formulaire de modification du nœud à l'aide d'un widget de champ de référence produit personnalisé .

Pour configurer cela manuellement, procédez comme suit:

  1. Ajoutez un type de nœud appelé Affichage du produit . Soumettez en utilisant le bouton Enregistrer et ajouter des champs .
  2. Ajoutez un champ de référence de produit qui utilise un widget de champ de texte de saisie semi-automatique . Rendez le champ obligatoire et autorisez un nombre illimité de valeurs (même si vous ne comptez utiliser qu'une seule valeur pour l'instant).
  3. Cliquez sur l' onglet Gérer l'affichage et assurez-vous que ce champ utilise le formateur d'affichage de formulaire Ajouter au panier . Vous pouvez également vous déplacer dans les champs de produits que vous voyez répertoriés ici.
  4. Créez un affichage de produit référençant l'un de vos produits et examinez l'accroche du nœud et les vues en pleine page. Vous souhaiterez peut-être modifier la façon dont les champs de produit sont affichés. Pour ce faire, vous devez en fait parcourir la page Gérer l'affichage de votre type de produit et y mettre à jour les paramètres du formateur d'affichage. Vous pouvez uniquement ajuster l'ordre de tri et la visibilité des champs de produit via les pages de modification du type de contenu, pas les paramètres du formateur.

Il y a plus, mais cela devrait vous aider à démarrer. Ce processus est en fait le sujet d'un article que j'ai écrit pour le premier numéro de Drupal Watchdog. J'espère être un contributeur régulier sur le sujet de Drupal Commerce, donc je vous encourage à obtenir un abonnement si vous n'étiez pas à DrupalCon lors de la sortie du magazine. Il se peut que les articles apparaissent sur le site Web après l'impression.

Pour plus d'assistance, je vous encourage à parcourir les publications et la documentation du forum sur ce sujet sur DrupalCommerce.org et à consulter le canal IRC #drupalcommerce sur irc.freenode.net. Si vous trouvez des bogues ou souhaitez contribuer à la discussion sur l'utilisabilité, nous aimerions recevoir vos commentaires en tant que constructeur de site sur les problèmes pertinents dans notre outil de suivi des problèmes.

Oh, et si vous êtes un apprenant visuel, je passe par ce processus et explique comment l'architecture fonctionne dans ma vidéo de session de DrupalCon Chicago . C'est la meilleure vidéo à ce jour, bien que j'aimerais voir des screencasts plus petits ciblant des étapes spécifiques de la construction du site Drupal Commerce être produits à l'avenir.

Bonne chance!


2
Sensationnel. Merci, Ryan. J'apprécie vraiment l'effort que vous déployez pour y répondre. Je vais lire votre réponse 4 ou 5 fois et ensuite l'
essayer

Ravi de vous voir ici, Ryan. Je suis vraiment excité par les possibilités de commerce.module.
cam8001

Salut Ryan. Grâce à votre aide, je peux maintenant faire fonctionner cela pour un élément individuel. Ce que je ne comprends pas, c'est comment créer une vue de liste de mon catalogue? Comment référencer tous les produits?
Martin Duys

Cool, Ryan. Si je comprends bien, pour chaque nouveau produit que je crée, un nouveau nœud doit être créé "à la main" un puits. Cela semble être un gros inconvénient, ou peut-être que je manque quelque chose?
augusto

Correct. Ceci est similaire à pratiquement tous les systèmes de commerce électronique existants, mais vous devez simplifier l'UX en utilisant le formulaire d'entité en ligne pour créer les entités de produit sur le formulaire de modification de nœud lui-même. Nous n'avions tout simplement pas terminé IEF lorsque nous publions Commerce 1.0. ^ _ ^
Ryan Szrama

4

Dans Drupal Commerce, les produits ne sont pas affichés comme des nœuds. Vous pouvez les afficher à l'aide de vues.

Créez une nouvelle vue et sélectionnez Commerce Produit comme type de vue. Pour afficher un seul produit, configurez la vue pour accepter un ID de produit ou un argument SKU. Ensuite, vous aurez accès à tous les champs du produit. Pour afficher plusieurs produits, ajoutez un filtre ou un argument pour la catégorie ou tout autre critère selon lequel les produits doivent être répertoriés.

Vous pouvez également afficher des produits en créant un type de contenu avec un champ de référence de produit, puis en créant un nœud pour chaque produit, mais ce serait certainement pénible si vous avez beaucoup de produits.


Que voulez-vous dire exactement par "Pour afficher un seul produit, configurez la vue pour accepter un ID de produit ou un argument SKU?" Est-ce que je ferais cela en ajoutant un article sous "Critères de filtrage" comme "Produit de commerce: SKU (exposé)" et devrais-je y entrer le SKU? Est-ce à dire que je devrais le faire pour chaque produit?
Martin Duys

1
À votre avis, créez un affichage de page et définissez le chemin d'accès aux produits /% ou quelque chose comme ça. Le% permet à votre vue d'accepter tout ce qui suit les produits / comme argument. Selon votre version du module Vues, ​​vous verrez soit Filtres contextuels dans la section Avancé ou une section pour les arguments. Vous pouvez ajouter un filtre pour le produit Commerce: SKU. Vous devriez pouvoir prévisualiser la sortie en saisissant une référence de produit existante dans le champ de texte à côté du bouton Aperçu.
pjskeptic

Voici une excellente explication des arguments de vue drupalove.com/drupal-video/using-views-arguments-drupal . C'est pour Drupal 6, mais c'est le même concept que les filtres contextuels dans Drupal 7.
pjskeptic

Pour répertorier plusieurs produits, créez une vue avec le type de vue défini sur Commerce Produit et configurez les critères de filtrage pour afficher les produits que vous souhaitez afficher.
pjskeptic

Merci beaucoup pour votre aide. J'ai fait exactement ce que vous avez suggéré et cela a fonctionné comme un charme. Bien que je comprenne le raisonnement derrière ce que dit @rszrama dans sa réponse, il n'est actuellement pas possible de créer facilement une liste complète de catalogues, ce dont j'avais besoin.
Martin Duys

1

Une fois que vous avez des produits dans Commerce, vous pouvez combiner la structure de Ryan Szrama (c'est-à-dire créer un type de contenu "affichage de produit") ET la puissance des vues.

Tout d'abord, créez l'affichage du produit TYPE DE CONTENU (Admin >> structure >> types de contenu >> ajouter un type de contenu). Suivez les instructions de Ryan Szrama de sa réponse sur cette page.

Deuxièmement, créez votre premier affichage de produit pour l'un de vos produits.

Troisièmement, créez une nouvelle vue (Admin >> structure >> Vues >> Ajouter une nouvelle vue). Définissez la vue pour afficher le contenu de type "Affichage du produit". Ajustez la vue selon vos goûts. Vous avez maintenant une liste de produits.


En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.