Scenario 2

Merchandise Different Images for Each Variation (Slicing).

In this scenario, you configure the T-shirt (TS) product to appear in three color variations.

When you slice, the online variations products appear instead of the base product. To show a different image for each variation of product, for example a coat in many colors, make the attribute a slicing attribute.

  1. Select site > Merchant Tools > Products and Catalogs > Products, find the base product you want to merchandise. To open the product, click the product ID. For this scenario, search for T-shirt. This product isn't part of SiteGenesis data. You create it using the directions in the Base Products for Scenarios.
  2. Click the Categories tab and click Edit Categories.
  3. Expand womens > womens-clothing, select womens-clothing-tops, and click Apply.
  4. On the Product page General tab, click the Variations tab.
  5. On the Product page Variations tab, click the color variation attribute to open it and select the Slicing Attribute.
  6. To return to the Products page, click Back.
  7. Select site > Merchant Tools > Search > Search Indexes, then select the product index and click Rebuild to rebuild the index.

Storefront Experience

  1. The shopper searches for keyword T-shirt.
  2. Salesforce B2C Commerce shows the search results page with three results, one for each color.
  3. The shopper clicks T-shirt for the navy variation.
  4. The product detail page shows the navy variation with swatches for all other colors.