Theme Documentation

Home v3

Home v3 of Techmarket is built using Homepage v3 Template with 17 rows. The 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 and image.

    Here is the screenshot for your reference

  4. Home v3 has three different options which makes for the benefit of the user to change.

    • Animation : Techmarket 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 Techmarket Element blocks are enabled, User can uncheck to disable the particular Techmarket Element block.

Row 1


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

Row 2


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

Row 3


  • It has Category Carousel 1 element.
  • Category Carousel 1 block Settings : Here i pasted a Category Carousel 1 Block Settings Page image.

Row 4


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

Row 5


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

Row 6


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

Row 7


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

Row 8


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

Row 9


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

Row 10


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

Row 11


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

Row 12


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

Row 13


  • It has Full Width Banner element.
  • Full Width Banner Settings : Here i pasted aFull Width Banner Setting Page image.

Row 14


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

Row 15


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

Row 16


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

Row 17


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