Home v3

Home Page of Sinbad is built using Homepage v3 Template with 15 elements. The Homepage v3 Template Backend editor of the page look like this

Content Section

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

Here is the screenshot for your reference

  1. Home v3 option comes with three different 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 Templates ( which is default ) or via King Composer or via Visual Composer ( which can be added easily ).

Adding page content through Homepage Template

For ex : If you want to add a text box under the Products Tabs with Banner, you can adjust the priority of ā€œPage Contentā€ in General block and make it appear after the slider.
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 :

Features List

  • It has Features List element.
  • Features List Settings: Here is the screenshot for Features List setting

  • Features List View :

Notice Block 1

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

  • Notice Block 1 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 :

Brand Carousel

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

  • Brand Carousel View :

Deals and Woocommerce Action List

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

  • Deals and Woocommerce Action List View :

Product Categories Carousel

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

  • Product Categories Carousel 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 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 :

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 :

Banner

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

  • Banner 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 :

1 of 2 Banners

  • It has 1 of 2 Banners element
  • 1 of 2 Banners Settings : Here i pasted a 1 of 2 Banners Setting Page image.

  • 1 of 2 Banners View :