Define product-specific swatch images
For certain attributes like Color
, we might want
a product to have its own unique swatch images. If so, we can create
attachments that contain your product-specific swatch images and associate
the attachments with the product. As a result, the product-specific
swatch images are used on storefront product pages instead of the generic swatch images for the attribute.
Before beginning
Ensure that:- The product and SKUs to which we want to assign product-specific swatch images exist in the catalog.
- The attribute and its values are already set up in the attribute dictionary, and they are assigned to the product and its SKUs.
If we are using Watson Content Hub, ensure that Watson Content Hub contains swatch assets. See Manage product-specific swatches.
Procedure
For swatches that are managed in Watson Content Hub:
- Open the Catalogs tool.
- Find the catalog entry or business object to manage content for. For example, we might work with a product-level SKU, kit, or bundle. Ensure that the catalog entry has swatches associated with it.
- Open the properties view; then click the Content tab. The Content tab is displayed, containing information coming from Watson Content Hub.
- Associate swatch content with a catalog entry or business object by searching for the swatch name and selecting Find and Add. The search results are displayed in the utilities view.
- Drag the swatch from the search results to the open Content tab.
- Select a language for the content. To use more than one language for the content, copy the object and select the additional language in the next object row.
- Click Save, then click Close.
What to do next
Go to the Aurora starter store and ensure that the swatch is displayed correctly.For example, the following screen capture shows a product with swatches for colors and sizes, with both enabled and disabled values displayed:
Related concepts
Attribute dictionary