Main content region

A. Create views

1. Create Featured For Quicktabs view

Step 1 Go to Structure> Views. Click "Add new view" link. Create "Featured For Quicktabs" view following properties:

Step 2 Click "Continue and edit" button. Featured For Quicktabs view will be displayed following properties:

Step 3 At "Relationships" area, click "Add" link > Add "Content: Referenced product " field with following properties:

Step 4 At "FIELDS" area, click "Add" link > Add "Content: Path " field with below settings:

Step 5 At "FIELDS" area, click "Add" link > Add "Commerce Product: Product Image" field with below properties:

Step 6 At "FIELDS" area, click "Add" link > Add "Commerce Product: Rating " field with below properties:

Step 7 At "FIELDS" area, click "Add" link > Add "Commerce Product: Price" field with below properties:

Step 8 At "FIELDS" area, click "Add" link > Add "Commerce Product: Add to Cart form" field with below properties:

Step 9 At "FIELDS" area, click "Rearrange " link and set following settings:

Step 10 At "FILTER CRITERIA" area, click "Add" link > Add "Content: Type" field with below configuration:

Step 11 At "SORT CRITERIA" area, click "Add" link > Add "Commerce Product: Tags (field_tags) " field with following properties:

Step 12 Click "Save " button.

2. Create Quicktabs view

Step 1 Go to Structure> Views. Click "Add new view" link. Create "Quicktabs" view following properties:

Step 2 Click "Continue and edit" button. Quicktabs view will be displayed following properties:

Step 3 At "RELATIONSHIPS" area, click "Add" link > Add "Content: Referenced product " field with following properties:

Step 4 At "CONTEXTUAL FILTERS" area, click "Add" link > Add "Content: Has taxonomy term ID (with depth) " field with following properties:

Step 5 At "CONTEXTUAL FILTERS" area, click "Add" link > Add "Content: Has taxonomy term ID depth modifier " field.

Step 6 At "FIELDS" area, click "Add" link > Add "Content: Path " field with below settings:

Step 6 At "FIELDS" area, click "Add" link > Add "Commerce Product: Product Image" field with below properties:

Step 7 At "FIELDS" area, click "Add" link > Add "Commerce Product: Title" field with below properties:

Step 8 At "FIELDS" area, click "Add" link > Add "Commerce Product: Rating " field with below properties:

Step 9 At "FIELDS" area, click "Add" link > Add "Commerce Product: Price" field with below properties:

Step 10 At "FIELDS" area, click "Add" link > Add "Commerce Product: Add to Cart form" field with below properties:

Step 11 At "FIELDS" area, click "Rearrange " link and set following settings:

Step 12 At "FILTER CRITERIA" area, click "Add" link > Add "Content: Type" field with below configuration:

Step 13 Click "Save " button.

B. Create quicktabs

Step 1 Go to Structure> Quicktabs. Click " Add Quicktabs Instance " link. Create "Front Page Quicktabs" quicktabs with below properties:

Step 2 Click "Save " button.

C. Assign region & Style

Step 1 Go to Blocks. Find "Front Page Quicktabs'" block > Click "configure" link and set following properties:

Step 2 Click "Save blocks" button.

Step 3 Go to Appearance. Click "Settings" link under TB Metroz

Step 4 Click "Module" tab, set following properties:

Step 5 Click "Save configuration" button.