Home v5 via King Composer

Home v5 of Tokoo is built using King Composer.It has 10 elements. The King Composer Backend editor of the page look like this

Home v5 KC Code

Please switch your editor to classic mode and paste the code given here :


After pasting the code, you can simply switch to Backend Editor to view the screen just like in the screenshot above. We have documented this step here :

The Details

Slider

Output

Settings

  • Revolution Silder : Enter the shortcode for your slider – Default: [rev_slider alias=”home-v5-slider”]

Features list

Output

Settings

  • Feature List
  • Feature 1
    • Icon – Enter feature icon – Default: flaticon-security
    • Label – Enter feature label – Default: 100% Payment
      Secured
  • Feature 2
    • Icon – Enter feature icon – Default: flaticon-security
    • Label – Enter feature label – Default: 100% Payment Secured
  • Feature 3
    • Icon – Enter feature icon – Default: flaticon-support
    • Label – Enter feature label – Default: 24hours/7days
      Support
  • Feature 4
    • Icon – Enter feature icon – Default: flaticon-shipped
    • Label – Enter feature label – Default: Free Delivery
      with $50
  • Feature 5
    • Icon – Enter feature icon – Default: flaticon-price-tag
    • Label – Enter feature label – Default: Best Price
      Guaranteed

Products 4-1-4 Block

Output

Settings

  • Show Header – Check to have header
  • Section Title – Enter section title – Default: New Arrivals
  • Header Aside Action Text – Enter header aside text – Default: View All
  • Header Aside Action Link – Enter header aside text link – Default: #
  • Products – Select the products to be displayed
  • per_page – Enter the number of products to be displayed – Default: 8
  • Orderby – Choose the order of your products, either by date, id, menu order, popularity, rand, rating and title. The title will arrange it based on the alphebetical order. – Default: Date
  • Order – Choose the products to be displayed either in Ascending or Descending Order – Deafult: ASC

Products Carousel 2

Output

Settings

  • Show Header – Check to have header portion
  • Section Title – Enter section title – Default: Best Rated Products
  • Header Aside Action Text – Enter header aside text – Default: View All
  • Header Aside Action Link – Enter header aside text link – Default: #
  • Products – Select the products to be displayed
  • per_page – Enter the number of products to be displayed – Default: 8
  • Orderby – Choose the order of your products, either by date, id, menu order, popularity, rand, rating and title. The title will arrange it based on the alphebetical order. – Default: Date
  • Order – Choose the products to be displayed either in Ascending or Descending Order – Deafult: ASC
  • Carousel Args
    • slidesToShow – Enter the number of products to displayed – Default: 6
    • slidesToScroll – Enter the number of products to scroll – Default: 6
    • autoplay– Check to have autoplay option in carousel

Products Carousel 1

Output

Settings

  • Show Header – Check to have header portion
  • Section Title – Enter section title – Default: Deals of the day
  • Header Aside Action Text – Enter header aside text – Default: View All
  • Header Aside Action Link – Enter header aside text link – Default: #
  • Products – Select the products to be displayed
  • per_page – Enter the number of products to be displayed – Default: 8
  • Orderby – Choose the order of your products, either by date, id, menu order, popularity, rand, rating and title. The title will arrange it based on the alphebetical order. – Default: Date
  • Order – Choose the products to be displayed either in Ascending or Descending Order – Deafult: ASC
  • Carousel Args
    • slidesToShow – Enter the number of products to displayed – Default: 6
    • slidesToScroll – Enter the number of products to scroll – Default: 6
    • autoplay– Check to have autoplay option in carousel

Banner

Output

Settings

  • Banner image – Upload banner image
  • Link – Enter banner link
  • Extra Class Name – Enter additional class name for this block

Flash Sale Block

Output

Settings

  • Show Header – Check to have header
  • Section Title – Enter section title – Default: Flah
    sale
  • Show Timer – Check to have timer in header portion
  • Background Image – Upload background image
  • Timer Value – Enter header timer value – Default: +8 hours
  • Timer Title – Enter header timer title – Default: Timer Value
  • Shortcode Content – Choose products to displayed
  • Per_page – Enter number of products to be displayed in a page – Default: 20
  • Orderby – Choose the order of your products, either by date, id, menu order, popularity, rand, rating and title. The title will arrange it based on the alphebetical order. – Default: Date
  • Order – Choose the products to be displayed either in Ascending or Descending Order – Deafult: ASC
  • Carousel Args
    • rows – Enter the number of rows to displayed- Default: 2
    • slidesPerRow – Enter the number of products to displayed in a row- Default: 4
    • slidesToShow – Enter the number of products to displayed – Default: 1
    • slidesToScroll – Enter the number of products to scroll – Default: 1
    • autoplay– Check to have autoplay option in carousel

Products 1-8 Block

Output

Settings

  • Section Title – Enter section title – Default: Best Seller Products on Gaming Categories
  • Show Categories Tab – Check to have categories tab
  • Tab Title – Enter tab title – Default: Gaming
  • Category Number – Enter the number of categories to be displayed – Default: 7
  • Category Slugs – Enter categories to displayed
  • Products – Choose products to displayed
  • Category Slugs – Enter categories to displayed
  • Orderby – Choose the order of your products, either by date, id, menu order, popularity, rand, rating and title. The title will arrange it based on the alphebetical order. – Default: Date
  • Order – Choose the products to be displayed either in Ascending or Descending Order – Deafult: ASC

Categories Block

Output

Settings

  • Section Title – Enter section title – Default: Shop by Categories
  • Category Slug – Enter category slug
  • Limit – Total number of products to show. Default: 12
  • Columns – Enter the number of product columns to be displayed – Default: 4
  • Hide Empty? – Enable/disable if you would like to hide the category or not

Brands Carousel

Output

Settings

  • Section Title – Enter section title – Default: Our Official Brand
  • Orderby – Choose the order of your products, either by date, id, menu order, popularity, rand, rating and title. The title will arrange it based on the alphebetical order. – Default: Date
  • Order – Choose the products to be displayed either in Ascending or Descending Order – Deafult: ASC
  • Limit – Enter the number of products to be displayed – Default: 15
  • Hide Empty? – Enable or disable empty brands to displayed
  • Carousel Args
    • slidesToShow – Enter the number of brands to displayed – Default: 6
    • slidesToScroll – Enter the number of brands to scroll – Default: 6
    • autoplay– Check to have autoplay option in carousel