Salesforce B2C Commerce 24.7 > Merchandising Your Site > Catalogs, Categories, and Products > Products > Product Variation Types > Product Variation Scenarios > Base Product and Variation Product Scenarios

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.

Infocenter Retirement: On June 30, 2023, the Infocenter was retired, and documentation currently hosted on the Infocenter will be published to Salesforce Help, Commerce Cloud Developer Center, and Salesforce B2C Commerce Developer Documentation Resources. For more information, see the release note.