Beginning Drupal 8

Chapter 22 ■ Building a Commerce Site
To continue building the example commerce site, create an example hat and an example coffee cup
following the same process as for the Drupal Flys T-shirt, with the only exception being that hats only come
in colors, not sizes, and coffee cups are available in only one color and one size. I’ll use the hats product
variation to create a hat and use the generic “Product display” to create a cup.
If I now click the category links at the top of the page, clicking Cups displays the one cup that I created,
clicking Shirts displays the Drupal Flys shirt, and clicking Hats displays the hat that I created.
Displaying Products
There are many things you can do to display products on your storefront. You can place links to individual
products on menus or as embedded links in content; you can use the taxonomy listing approach as
demonstrated on the example site by clicking the categories near the top of the page; or you can create views
to display products based on the criteria and filtering mechanisms you employ in your view. As an example,
I’ll create a product listing view for all products on my site, sorted and grouped by category. To follow along,
hover over the “Site settings” link on the admin menu and then click the Views link in the drop-down menu.
Click the “Add new view” button on the Views page, and on the “Add new view” page (see Figure 22-14), do
the following:
1. Give the view a name; in this case I’ll call it Product.
2. Select Commerce Product from the Show select list to indicate what to show in
the view.
3. Leave All as the type of product to display, as we want to show all product types.
4. Leave the view as Unsorted.
5. Click the “Continue & edit” button.
Figure 22-14. Creating a Product view
255