Home v2

Home v2 of Sinbad is built using Homepage v2 template. It has 16 elements. The Homepage v2 template Backend editor of the page look like this

Content Section

1. Navigate to Home v2 page and make sure Homepage v2 is choosen under Page Attributes > Template.
2. Click on Publish.
3. After Publish, Home v2 options will appear in the meta box area. Here you can edit the default content and image.

Here is the screenshot for your reference

1. Home v2 has three options which makes for the benefit of the user to change.
   • Animation : Sinbad Elements can be animated when they appear on viewport. More than 25+ CSS3 animation effects are available which includes :
   • Bounce
   • Flash
   • Pulse
   • RubberBand
   • Shake
   • Swing
   • Tada
   • Wobble
   • Jello
   • Priority : Used to specify the order in which the functions associated with a particular action are executed. Lower numbers correspond with earlier execution, and functions with the same priority are executed in the order in which they were added to the action. Default value: 10 and the user can add lower or higher value to change the order.
   • Enabled : In default all the Sinbad Element blocks are enabled, User can uncheck to disable the particular Sinbad Element block.

Page Content

you can add your own content between existing blocks in home pages. Home pages can be constructed either via Homepage v2 Template ( which is default ) or via Visual Composer ( which can be added easily ).

Adding page content through Homepage Template

For ex :If you want to add a text block between 2-Column banner and Product Tabs, you can adjust the priority of “Page Content” in General tab and make it appear between 2-Column banner and Product Tabs.

Here is the screenshot for your reference

Likewise you can move the page content anywhere. You can change the priority number to insert the content wherever you wish.

• Page Content View :

Slider with Banner

• It has Slider with Banner element.
• Slider with Banner Setting : Here is the screenshot for Slider with Banner setting

• Slider with Banner View :

Notice Block 1

• It has Notice Block 1 element.
• Notice Block 1 Settings : Here is the screenshot for Notice Block 1 setting

• Notice Block 1 View :

Features List

• It has Features List element.
• Features List Settings : Here i pasted a Features List Settings Page image.

• Features List View :

2-Column Banner

• It has 2-Column Banner element.
• 2-Column Banner Setting : Here i pasted a 2-Column Banner Settings Page image.

• 2-Column Banner View :

Product Tabs

• It has Product Tabs element
• Product Tabs Settings : Here i pasted a Product Tabs Setting Page image.

• Product Tabs View :

Product Tabs with Banner

• It has Product Tabs with Banner element
• Product Tabs with Banner Settings : Here i pasted a Product Tabs with Banner Setting Page image.

• Product Tabs with Banner View :

Woocommerce Action List

• It has Woocommerce Action List element
• Woocommerce Action List Settings : Here i pasted a Woocommerce Action List Setting Page image.

• Woocommerce Action List View :

Deals Carousel With Gallery

• It has Deals Carousel With Gallery element
• Deals Carousel With Gallery Settings : Here i pasted a Deals Carousel With Gallery Setting Page image.

• Deals Carousel With Gallery View :

Product Carousel 1

• It has Product Carousel 1 element
• Product Carousel 1 Settings : Here i pasted a Product Carousel 1 Setting Page image.

• Product Carousel 1 View :

Products with Banner

• It has Products with Banner element
• Products with Banner Settings : Here i pasted a Products with Banner Setting Page image.

• Products with Banner View :

Notice Block 2

• It has Notice Block 2 element
• Notice Block 2 Settings : Here i pasted a Notice Block 2 Setting Page image.

• Notice Block 2 View :

Product Categories Carousel

• It has Product Categories Carousel element
• Product Categories Carousel Settings : Here i pasted a Product Categories Carousel Setting Page image.

• Product Categories Carousel View :

Notice Block 3

• It has Notice Block 3 element
• Notice Block 3 Settings : Here i pasted a Notice Block 3 Setting Page image.

• Notice Block 3 View :

Product Carousel 2

• It has Product Carousel 2 element
• Product Carousel 2 Settings : Here i pasted a Product Carousel 2 Setting Page image.

• Product Carousel 2 View :

Banner

• It has Banner element
• Banner Settings : Here i pasted a Banner Setting Page image.

• Banner View :

Product Carousel Tabs

• It has Product Carousel Tabs element
• Product Carousel Tabs Settings : Here i pasted a Product Carousel Tabs Setting Page image.

• Product Carousel Tabs View :