Scenario 1

Group and Sort Products in a Category by Color.

You can show products in a category based on color. For example, you can show swimsuit tops and bottoms together by color or accessories organized by color. In this scenario, you configure the T-shirt (TS) product to have a variation group based on size. Then you assign the variation groups, but not the base product, to the category.

  1. Select site > Merchant Tools > Product and Catalogs > Products, find the base product you want to merchandise. To open the product for editing, click the product ID. For this scenario, search for T-shirt. This product isn't part of SiteGenesis data and you must create it using the directions in Base Products for Scenarios.
  2. To lock the product for editing, click Lock.
  3. On the Product page, click the Categories tab and make sure that the base product and its variations are not assigned to a category. You can also select the variations from the Products list and edit them so they are not assigned to any categories.
  4. On the Product page, click the Variations tab. Make sure that slicing is disabled for all variation attributes. To disable slicing, click the variation attribute ID and deselect slicing. Then click Apply.
  5. Assign TS-13 and TS-14 to the storefront-catalog-en catalog womens-clothing-tops category. Set both the primary and classification category to the same category.
  6. Assign TS-15 to the storefront-catalog-en catalog womens-clothing-feeling-red category. Set both the primary and classification category to the same category.
  7. Select site > Merchant Tools > Search > Search Indexes, select the product index, and click Rebuild to rebuild the index.

Storefront Experience

The customer navigates to the "Feeling Red" category

  1. The customer searches for keyword T-shirt.
  2. The storefront shows the search results with one result for the product from the Women's Tops category, a navy shirt with three swatches beneath it.
  3. The shopper clicks T-shirt for the navy variation.
  4. The storefront shows the product detail page, and the navy image included for the base product appears.
X Privacy Update: We use cookies to make interactions with our websites and services easy and meaningful, to better understand how they are used. By continuing to use this site you are giving us your consent to do this. Privacy Policy.