TABLE OF CONTENTS
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