Product Style

1.Hero Slider

Block Settings

To know more details about Hero Slider block, please click here Hero Slider Block.

Output

This image has an empty alt attribute; its file name is hero-output-1-1024x364.png

2. Columns Block

Navigation

Add columns block as inner block.

Set no of columns as 2.

  • In first column add image block .For this column you have to addtional css class inner-right-xs and text right for alignment .
  • If you need any spacing for columns you can add spacing class along with above classnames.
  • In Second Column add Heading, Paragraph and custom HTML as inner Blocks.
  • For this column you have to addtional css class inner-left-xs for alignment.
  • If you need any spacing for columns you can add spacing class along with above classnames.Here inner-top-xs class is added for spacing.

Output

3.Column Block

Navigation

Output

4.Column Block

Navigation

Output

5.Section Block

Block Settings

Add Background Image and color for section block.

For more details refer Section Block.

Output

6.Tabs Block

Block Settings

For more details please visit Tabs Block.

Tabs Output

7. Call to action

Block Settings

For more details please visit call to action.

Output