Home Page Sections

Below guide how to use section of Kala Babies #1.
The layout #1 is Sidebar layout. There are 2 areas: Left sidebar and Right main content.

• All blocks of Left sidebar will appear in 1 section called Left Sidebar the bottom of sections listing and it can not add more/new.

• All sections of Right main content will apear in top of sections listing. It can add more or re-oder.

We will explain all sections of Right main content first.

Slideshow

• If the section existed (used preset), you only need click to section to edit.

• If the store don't have it, only need click to button and select Slideshow.

General Settings: Display on, Show Full width, Style value (Margin,Z-Index), Slide effect (include 4 effects: Sliding, Fading, Cube, Flipping ), Auto-rotate slides, Slide width in px (Desktop), Slide height in px (Desktop), Enable Navigaiton, Navigation Position and Enable Pagination.

The Important area is the Content area (bottom). It will listing all slide of Slideshow. Click to Slide to edit. If you want add more slide, click to

For the Image slide, You will got options:

• Slide Background: Upload image to show. Also can set Slide link, Captions Entrances Effect and Captions Exits Effect

• Title: It's heading of the caption.

• Description: it's description of the caption.

• Action: it't action button of the caption.

• Other captions (maximun is 6) you can set below.

With each caption element, you need set the style and position to make it show the like your idea. These options area Style, horizontal position(x), align with horizontal position, vertical position(y), layer order(z)

For the Video slide, You will got options:

• Video link: input the embed video.

• Auto play.

• Image loader.
  
  

Information

• If the section existed (used preset), you only need click to Information section to edit.

• If the store don't have it, only need click to button and select Information.

Content settings: listing all information element. Each content have options to upload icon, Title, Description and Responsive options.

List Categories

• If the section existed (used preset), you only need click to List Categories section to edit.

• If the store don't have it, only need click to button and select List Categories.

General settings: Display on and responsive setting.

Content area: listing all categories. You need upload Banner, Banner hover, Title and Action

Collection Grid

• If the section existed (used preset), you only need click to Collection Grid section to edit. The name will depend on Title text. So, you need temporary remove the title to have the right section name.

• If the store don't have it, only need click to button and select Collection Grid.

Collection settings: Title, Collection to show products, limit show, Image size and Responsive settings.

Banner Full

• If the section existed (used preset), you only need click to Banner Full section to edit. The name will depend on Title text. So, you need temporary remove the title to have the right section name.

• If the store don't have it, only need click to button and select Banner Full.

Collection settings: Display on, Upload banner, Sub Title and Title.

Banner Grid

• If the section existed (used preset), you only need click to Banner Grid section to edit.

• If the store don't have it, only need click to button and select Banner Grid.

Collection settings: Display on

Content settings: listing all banners. Need upload image, set link to and Repsponsive settings.

Collection Deal

• If the section existed (used preset), you only need click to Collection Deal section to edit. The name will depend on Title text. So, you need temporary remove the title to have the right section name.

• If the store don't have it, only need click to button and select Collection Deal.

Collection settings: Display on, Image size.

Content settings: listong all block products. You need select product want to deal, set timer and responsive width.

Collection Column

• If the section existed (used preset), you only need click to Collection Column section to edit. The name will depend on Title text. So, you need temporary remove the title to have the right section name.

• If the store don't have it, only need click to button and select Collection Column.

Collection settings: Display on, Title, Collection to show products, limit show, image size and Responsive settings.

Left Sidebar

This fix section will include 7 elements:

1. Categories settings

Use to show the listing collections.

Main settings: you need input the Title and select linklist to show categories, View more options.

If you want show the icon, you need Add new content with type is Icon Category

2. Banner

3. Collection Deal

4. Collection Grid

5. Link List

6. Newsletter

7. Reviews

List blogs

It's also the fixed section. You can find it out at the bottom of the sections listing.

Collection settings: Display on, Title, select blog to show, limit, background color and Responsive settings.