Home v3 via King Composer

Home v3 of Kidos is built using King Composer.It has 9 elements. The King Composer Backend editor of the page look like this

Home v3 KC Code

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

[kc_row use_container="yes" _id="308044" cols_gap="{`kc-css`:{}}" force="__empty__" row_class="home-v3-slider"][kc_column width="12/12" video_mute="no" _id="561532"][rev_slider _id="645242" alias="home-v3-slider"][/rev_slider][/kc_column][/kc_row][kc_row use_container="yes" _id="898617"][kc_column width="12/12" video_mute="no" _id="503996"][kidos_banners _id="874722" banners="eyIxIjp7InRpdGxlIjoiQm95JiMwMzk7cyBGYXNoaW9uPGJyPjxzdHJvbmc+Q29sbGVjdGlvbjwvc3Ryb25nPiIsImFjdGlvbl90ZXh0IjoiTGV0cyYjMDM5O3MgRXhwbG9yZSIsImFjdGlvbnNfbGluayI6IiMiLCJpbWFnZV9jaG9pY2UiOiJpbWFnZSIsImJnX2NvbG9yIjoiIiwiaW1hZ2UiOiIxMTYiLCJiZ19pbWFnZSI6IiIsImJ1dHRvbl90eXBlIjoicHJpbWFyeSIsImlzX2Z1bGx3aWR0aCI6IiJ9LCIyIjp7InRpdGxlIjoiR2lybCYjMDM5O3MgRmFzaGlvbjxicj48c3Ryb25nPkNvbGxlY3Rpb248L3N0cm9uZz4iLCJhY3Rpb25fdGV4dCI6IkxldHMmIzAzOTtzIEV4cGxvcmUiLCJhY3Rpb25zX2xpbmsiOiIjIiwiaW1hZ2VfY2hvaWNlIjoiaW1hZ2UiLCJiZ19jb2xvciI6IiIsImltYWdlIjoiMTE3IiwiYmdfaW1hZ2UiOiIiLCJidXR0b25fdHlwZSI6InByaW1hcnkiLCJpc19mdWxsd2lkdGgiOiIifSwiMyI6eyJ0aXRsZSI6IldlbGNvbWUgQmFjazxicj48c3Ryb25nPlRvIFNjaG9vbDwvc3Ryb25nPiIsImFjdGlvbl90ZXh0IjoiRXhwbG9yZSBPdXIgQ29sbGVjdGlvbiIsImFjdGlvbnNfbGluayI6IiMiLCJpbWFnZV9jaG9pY2UiOiJiZ19pbWFnZSIsImJnX2NvbG9yIjoiIiwiaW1hZ2UiOiIiLCJiZ19pbWFnZSI6IjExNSIsImJ1dHRvbl90eXBlIjoicHJpbWFyeSIsImlzX2Z1bGx3aWR0aCI6InRydWUifX0="][/kidos_banners][/kc_column][/kc_row][kc_row use_container="yes" _id="238052"][kc_column width="12/12" video_mute="no" _id="451626"][kidos_product_age_attribute orderby="date" order="desc" _id="410286" title="Shop By Age" subtitle="Shop the latest and greatest styles for boys and girls." limit="4"][/kidos_product_age_attribute][/kc_column][/kc_row][kc_row use_container="yes" _id="658179"][kc_column width="12/12" video_mute="no" _id="375185"][kidos_products_carousel orderby="date" order="desc" _id="462924" title="Featured products" subtitle="Shop the latest and greatest styles for boys and girls." shortcode_tag="recent_products" per_page="8" ca_slidestoshow="4" ca_slidestoscroll="4" ca_arrows="true" ca_responsive="eyIxIjp7ImNhX3Jlc19icmVha3BvaW50IjoiIiwiY2FfcmVzX3NsaWRlc3Rvc2hvdyI6IiIsImNhX3Jlc19zbGlkZXN0b3Njcm9sbCI6IiJ9fQ=="][/kidos_products_carousel][/kc_column][/kc_row][kc_row use_container="yes" _id="109870"][kc_column width="12/12" video_mute="no" _id="132742"][kidos_hero _id="512034" title="Kids Summer Collection" sub_title="Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod dolore." bg_choice="image" bg_image="118" features="eyIxIjp7Imljb24iOiJmbGF0aWNvbi1zaG9wcGluZyIsImxhYmVsIjoiQkVTVCBQUklDRSBERUFMUyJ9LCIyIjp7Imljb24iOiJmbGF0aWNvbi1mYXNoaW9uIiwibGFiZWwiOiJCRVNUIFBST0RVQ1RTIn19" action_text="Shop Now" action_link="#" caption_align="align-end"][/kidos_hero][/kc_column][/kc_row][kc_row use_container="yes" _id="346983"][kc_column width="12/12" video_mute="no" _id="591131"][kidos_single_product_carousel orderby="date" order="desc" _id="892321" title_icon="flaticon-star" title="Handpicked Product" shortcode_tag="recent_products" per_page="5" ca_arrows="true"][/kidos_single_product_carousel][/kc_column][/kc_row][kc_row use_container="yes" _id="904205"][kc_column width="12/12" video_mute="no" _id="265220"][kidos_recent_posts _id="648750" post_choice="recent" limit="3" columns="3"][/kidos_recent_posts][/kc_column][/kc_row][kc_row use_container="yes" _id="113807"][kc_column width="12/12" video_mute="no" _id="958347"][kidos_newsletter _id="304335" title="Join our newsletter" sub_title="Lorem ipsum dolor sit amet, consectetuer adipiscing:lt:br:gt: elit ipsum dolor sit amet." bg_image="119"][/kidos_newsletter][/kc_column][/kc_row][kc_row use_container="yes" _id="892128"][kc_column width="12/12" video_mute="no" _id="859813"][kidos_brands_carousel orderby="date" order="desc" _id="698224" limit="15" ca_slidestoshow="5" ca_slidestoscroll="5" ca_responsive="eyIxIjp7ImNhX3Jlc19icmVha3BvaW50IjoiIiwiY2FfcmVzX3NsaWRlc3Rvc2hvdyI6IiIsImNhX3Jlc19zbGlkZXN0b3Njcm9sbCI6IiJ9fQ=="][/kidos_brands_carousel][/kc_column][/kc_row]
view raw editor.html hosted with ❤ by GitHub

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

  • Slider – Choose Home-v3-slider for your page

Banners

Output

Settings

  • Title – Enter banner title – Default: Boy's Fashion
    Collection
  • Action Text – Enter the banner button text – Default: Lets's Explore
  • Action Link – Enter the URL for the banner button – Default: #
  • Image Choice – Choose image
  • Background Color – Enter background color for the banner
  • Full Width – Enable or disable the banner to display in fullwith
  • Button Type – Choose button type either primary or secondary

Product Age Attribute

Output

Settings

  • Section Title – Enter section title – Default: Shop By Age
  • Sub Title – Enter sub title – Default: Shop the latest and greatest styles for boys and girls.
  • Order By – 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: Name
  • Order – Choose the products to be displayed either in Ascending or Descending Order – Deafult: ASC
  • Limit – Total number of products to show. Default: 4
  • Columns – Enter the number of product columns to be displayed – Default: 4
  • Slugs – Enter categories that should be displayed in the block
  • Hide Empty? – Enable/disable if you would like to hide the category or not

Output

Settings

  • Section Title – Enter section title – Default: Featured products
  • Sub Title – Enter sub title – Default: Shop the latest and greatest styles for boys and girls.
  • Shortcode Content – 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: 4
    • slidesToScroll – Enter the number of products to scroll – Default: 4
    • autoplay– Check to have autoplay option in carousel

Hero Section

Output

Settings

  • Title – Enter title – Default: Kids Summer Collection
  • Sub Title – Enter sub title – Default: Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod dolore.
  • Image – Upload image
  • Caption Align – Choose the alignment of the caption
  • Feature List
    • Feature 1
      • Icon – Enter feature icon – Default: flaticon-shopping
      • Label – Enter feature label – Default: BEST PRICE DEALS
    • Action Text – Enter the button text – Default: Shop now
    • Action Link – Enter the URL for the button – Default: #

Output

Settings

  • Title Icon – Enter icon for the title – Default: flaticon-star
  • Section Title – Enter section title – Default: Handpicked Product
  • Shortcode Content – Choose product to displayed
  • Product Category Slug – Enter categories that should be displayed in the block
  • Product Category Operator – Enter product category operator
  • per_page – Enter the number of products to be displayed – Default: 5
  • 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: Title
  • Order – Choose the products to be displayed either in Ascending or Descending Order – Deafult: DESC
  • Carousel Args
    • slidesToShow – Enter the number of products to displayed – Default: 4
    • slidesToScroll – Enter the number of products to scroll – Default: 4
    • autoplay– Check to have autoplay option in carousel

Recent Posts

Output

Settings

  • Limit – Total number of post to show. Default: 3
  • Columns – Enter the number of post columns to be displayed – Default: 3
  • Post Choice – Choose type of post to displayed

Newsletter

Output

Settings

  • Title– Enter newsletter title – Default: Join our newsletter
  • Sub Title – Enter newsletter sub title – Default: Lorem ipsum dolor sit amet, consectetuer adipiscing
    elit ipsum dolor sit amet.
  • Background Image – Upload background image

Output

Settings

  • Orderby – Choose the order of your brands, 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 brands to be displayed either in Ascending or Descending Order – Deafult: ASC
  • Limit – Total number of brands. Default: 15
  • Hide Empty? – Enable/disable if you would like to hide the category or not
  • Carousel Args
    • slidesToShow – Enter the number of products to displayed – Default: 5
    • slidesToScroll – Enter the number of products to scroll – Default: 5
    • autoplay– Check to have autoplay option in carousel
Not quite what you are looking for ? Get Help