TABLE OF CONTENTS

• 1. Settings
  • Section Label
  • Layout
  • Slideshow Settings
  • Auto Slides
  • Navigator
  • Categories 
• 2. Content 
  • General Slide Style Settings

1. Settings

Created by 'Slideshow v1' section. Please try to keep your slideshow images, videos the same size

Section Label

Create a title for your slideshow 

Layout

• Tick to have Box Layout
• Modify Background Color
• Background Image: modify the  Image Size, Image Repeat, Image position for the background
• Section Paddling: Follow the order: Top Right Bottom Left

Slideshow Settings

• Slider Height: select an option for the height of Slider showcase
• Slider height (in %): modify the height in %

Eg: 580px,30%,29%

• Use Parallax: is the effect makes the images move when you scroll
• Set active slide by default: set what slide will be displayed first by selecting the number of slides 
• Loop: give you a repeat effect to the slideshow
• Centre Slide: give transparency to the slideshow
• Slide content overlay
• Slide view (Optional)

Auto Slides

• Change slide every second: drag to choose the time
• Slideshow Animation: select an option for slideshow style

Navigator

• Show Navigator Next Preview: is the arrow button 
• Show Pagination: is the dots that display the recent slide
• Navigation & Pagination Style: drag to choose the style for Navigation and Pagination
• Modify the color for Thumbnail, Navigation background, and Pagination
• Drag to alter the transparency for the navigator background > choose the color for it, too
• Navigation arrows size: Eg. 24px
• Pagination dots margin: Eg. 20px 7px (order: top right bottom left)
• Alter the Pagination dots width and height  (in px)
• Border Radius dots (%)
• Pagination position: select a positon for pagination
• Thumb image max width

Categories 

This is only for Desktop

• Category title: give the title for the Category as followed: <b>All Categories</b>
• Category type: select to choose a type for Category (If Category type is 'Selected categories', please go to Content and add Category you want to show)
• Number of items to show: drag to choose the item quantity
• Category type "Menu": click "change" to change the Menu Category type, click "edit" to modify the Menu elements

• Tick to enable navigation highlight item
• Menu items: Input menu titles, add a separator ";" to each title
• Enable Sale Label: You can change the label's text by going to theme's Language > Menu > Label
• Sale's title: Input menu title, each title per line
• Do the same with New and Hot Label 

2. Content 

Click "Add Content" to have more content on the slideshow

General Slide Style Settings

• Horizontal and Verticle Position: drag to alter the position for the text on slideshow

• Content max width (in %): Eg. 80%, 100%
• Padding content (px): order: Top Right Bottom Left
• Content background color
• Background Transparency: Drag to modify the transparency of the background
• Padding button
• Button corners radius
  

* Modify Font Size for: Eg:

- Heading: 36px,30px,26px

- Subheading: 34px,28px,24px

- Subheading 2: 24px

- Button: 16px,14px,12px 

Breakpoint: xl,lg,md,sm,xs,xxs

* Modify Text color for Heading, Subheading, Subheading 2, Button text, Button border, Button background-color

* Modify Text Box Font Weight for Heading, Subheading, Subheading 2, Button

*Modify Margin Bottom (in px): Heading, Subheading, Subheading 2

* Modify Letter Spacing (in px): Heading, Subheading, Subheading 2, Button

* Modify Line Height: Heading, Subheading, Subheading 2, Button

* Animation Content and Delay Time: Select the animation styles and delay time for Heading, Subheading, Subheading 2, Button. 

Slide Item

• Image: Select or Upload your own image to display on slideshow
• Image position: fill the blank to set the exact position for the slide. E.g: left center, 80% center
• Video link: or you can paste a video link
• Thumbnail: select the image to get a thumbnail to that slide. Thumbnail is a mini version of the image you set, you can choose the same image as the slider or not (it will be shown under the Pagination)
• Thumbnail text: it is shown next to the thumbnail image 

• Overlay color: set the color for the whole slider (note: the color will work when you choose Customize style option in Text Box Layout below)
  
• Overlay opacity: the more in % you drag, the more in opacity the color gets
• Slide link: paste a link or search the available one you insert a link to slides

------------

TEXT BOX LAYOUT

• Textbox content style: choose a style for the textbox (Inherit General style is a default setting style, to customize the textbox, select Cuztomize Style)
• Set the position for the textbox by drawing in Horizontal and Vertical way.
• Text box alignment: choose an option Left/ Center/ Right 
• Content max width (in %): E.g: 80%, 100%
• Padding content in px: Order: Top Right Bottom Left (Eg: 5px 20px 5px 20px)
• Content background-color: alter the color for the background and its Background transparency