1. Component Name - Custom Composites -> Swatch Tabs

Each swatch tab consists of list of swatch tab item which then consists of list of swatch tab content

Swatch tab item contains below fields

Field Name Description Comments
 Heading Tab title
View all link  Order sample link

Swatch tab content contains below fields

Field Name Description Comments
Image Swatch image Image ratio should be 7:10
Range label  
Product name

Data-source Location - Data/Swatch tabs

Note: on experience editor, all swatch tab content will be displayed one below each other

To add new swatch tab item, click on + icon as shown in below image

 

Each tabs can be sorted by clicking on up and down arrows as shown in below image

 

To add new swatch tab content item, click on  + icon as shown in below image

 

Each swatch tab content can be sorted by clicking on up and down arrows as shown in below image