Sale Master Shopify Theme

  1. Sale Master Introduction
  2. Theme Installation
    1. Theme update
  3. Mega Menu
    1. Create Menu
    2. Add mega menu to the homepage
  4. Collections & Products
    1. Single Product page
      1. Product Template
      2. Page Sections
        1. Breadcrumb
        2. Product Information
        3. Product Description
        4. Product Recommendations
        5. Recently Product
    2. Collection Page
      1. Collection Template
      2. Collection Sections
        1. Product Grid
        2. Banner
          1. Banner Block
  5. PAGE'S GLOBAL SECTIONS
    1. Announcement bar
    2. Header
      1. Design & Layout
      2. Logo
      3. Menu
      4. Mega Menu Item
    3. Footer
  6. THEME SECTIONS
    1. Home Art
      1. Slider
        1. Slider settings
        2. Slider Item Settings
      2. History
        1. History Settings
        2. History Item Settings
      3. Featured product
      4. Featured Collection
        1. Featured Collection Settings
        2. Featured Collection Blocks
      5. Our Testimonials
        1. Our Testimonials Settings
        2. Our Testimonials Block
      6. Partner
        1. Partner Settings
        2. Partner Item
      7. The Collection
      8. Gallery
        1. Gallery Settings
        2. Gallery Item
      9. Latest Blog
      10. Choose Art Form
        1. Choose Art Form Settings
        2. Choose Art Form Item
      11. Home Service
        1. Home Service Settings
        2. Home Service Item
      12. Newsletter
        1. Newsletter Settings
        2. Newsletter Item
    2. Home Medical
      1. Slider Medical
        1. Slider Medical Settings
        2. Slider Item
      2. List Collections
        1. List Collections Settings
        2. List Collections Item
      3. Slider Collections
        1. Slider Collections Settings
        2. Slider Collections Item
      4. Featured Collection
        1. Featured Collection Settings
        2. Featured Collection Item
      5. Border
      6. Rich Text
        1. Rich Text Settings
        2. Rich Text Block
      7. Banner Medical
        1. Banner Medical Settings
        2. Banner Medical Block
          1. Certificate Block
          2. Sale Off block
      8. Feature product
      9. Partner
        1. Partner Settings
        2. Partner Item
      10. Our Testimonials
        1. Our Testimonials Settings
        2. Our Testimonials Block
      11. Home service
        1. Home Service Settings
        2. Home Service Block
      12. Blog Posts
        1. Blog Posts Settings
        2. Blog Posts Block
    3. Home Fashion
      1. Slider Fashion
        1. Slider Settings
        2. Slider Item
      2. Banner
        1. Banner Settings
        2. Banner Block
      3. Rich Text
        1. Rich Text Settings
        2. Rich Text Block
      4. Featured Collection
        1. Featured Collection Settings
        2. Featured Collection Block
      5. List Collections
        1. List Collections Settings
        2. List Collections Block
      6. Categories
        1. Categories Settings
        2. Categories Fashion Block
      7. Feature product
      8. Blog Posts
      9. Video
      10. Newsletter
        1. Newsletter Settings
        2. Newsletter Block
    4. Home Electronic
      1. Slider Electronic
        1. Slider Electronic Settings
        2. Slider Electronic Item
      2. Home Service
        1. Home Service Settings
        2. Home Service Block
      3. List Collections
        1. List Collections Settings
        2. List Collections Block
      4. Banner Electronic
        1. Banner Electronic Settings
        2. Banner Electronic Block
      5. Featured Collection
        1. Featured Collection Settings
        2. Featured Collection Block
      6. Feature product
      7. Rich Text
        1. Rich Text Settings
        2. Rich Text Block
      8. Border
      9. Featured Information
        1. Featured Information Settings
        2. Featured Information Block
      10. Newsletter
        1. Newsletter Settings
        2. Newsletter Block
    5. Home Cosmetic
      1. Slider
        1. Slider Settings
        2. Slider Item
      2. Home Service
        1. Home Service Settings
        2. Home Service Block
      3. Border
      4. Banner
        1. Banner Settings
        2. Banner Block
      5. Rich Text
        1. Rich Text Settings
        2. Rich Text Block
      6. Featured collection
        1. Featured collection settings
        2. Featured collection block
      7. List collections
        1. List collections settings
        2. List collections block
      8. Categories
        1. Categories settings
        2. Categories block
      9. Partner
        1. Partner Settings
        2. Partner Item
      10. Our Testimonials
        1. Our Testimonials Settings
        2. Our Testimonials Block
      11. Latest Blog
    6. Home Clothes
      1. Slider Clothes
        1. Slider Clothes Settings
        2. Slider Clothes Item
      2. List Collections
        1. List Collections Settings
        2. List Collections Block
      3. Featured collection
        1. Featured collection settings
        2. Featured collection block
      4. Home Service
        1. Home Service Settings
        2. Home Service Block
      5. Banner
        1. Banner Settings
        2. Banner Block
      6. Feature product
      7. Partner
        1. Partner Settings
        2. Partner Block
      8. Blog Posts
      9. Newsletter
        1. Newsletter Settings
        2. Newsletter Block
  7. THEME SETTINGS
    1. Colors
    2. Typography
    3. Layout
    4. Email
    5. Social media
    6. Favicon
    7. Current format
    8. Button
    9. Loading
    10. Product
    11. Checkout
    12. Theme style
  8. Other Pages
    1. Blogs
      1. Blog Section
        1. Blog Section Settings
        2. Categories Block
        3. Recent post block
        4. Tags block
      2. Banner
    2. Blog posts
    3. Portfolio
    4. About us
      1. Banner About
      2. Column Intro
      3. Our Mission
      4. Description
      5. Banner
    5. Contact
      1. Contact Maps
      2. Contact Form
      3. Banner
    6. Password
    7. 404

1.Sale Master Introduction

Thank you very much for choosing Sale Master theme. We truly appreciate and really hope that you’ll enjoy our theme! Below you will find the documentation for how to use the theme.

If you have any questions that are beyond the scope of this help file, please feel free to submit a ticket at https://thimpress.com/forums/

2.Theme Installation

  1. After purchasing Sale Master theme on themeforest.net with your Envato account, download theme package from your Download page and choose “Download all file & documentation”
  2. Extract/Unzip all files from downloaded package. You will find sale-master.zip You need to install this zip file.
  3.  Logging into your Shopify store and Navigate to Themes :  Store Admin -> Online Store -> Themes
  4. Click “Add theme” -> Upload zip file -> Add file -> Upload file.
  5. Click on “Action” -> Publish.

2.1.Theme update

1. Go to Download tab from the ThemeForest account to download the Sale Master theme’s latest version.

2. Go to Themes ->Add theme -> Upload zip file

3. Add the downloaded file

4. To move the configuration (custom code), follow these steps:

  • In  Current theme section, click on Actions -> Edit code
  • Open settings_data.json & copy all code lines.
  • Now click “Edit code” of update version then open “settings_data.json” -> Delete all code line -> Paste the code which you copied above -> Save.
5. To move the Translation, follow the steps below:
  • In Edit code page, please find Locales, choose the language you want to use (for example de for Bulgaria)
  • Copy all data and paste them into your new file.

5. Finally, Publish the new version of the theme.

3.Mega Menu

3.1.Create Menu

1. Go to Navigation to create a menu.
2. Click Add menu to add new or choose any items below the menu to edit.
3. Write the menu’s name, then choose Add menu item.
4. Write the menu item’s name and choose the item in dropdown box -> click Add.
5. To make an item to a child menu, drag it under the main item.
Menu items can also be added to create the same level of a child menu.

3.2.Add mega menu to the homepage

1. Go to Themes > Customize.

2. Choose Header section -> Main Menu -> Change -> Change menu and Choose the created menu.

4.Collections & Products

4.1.Single Product page

  1. In the theme editor (Customize), open the template selector
  2. Select Products, then Default product.

4.1.1.Product Template

By default, merchants can customize using the Default product template.
With the new update that is compatible with Shopify Online 2.0, merchants can add a new template directly to the product admin page when they want to use custom templates rather than the default.
1. In the theme editor (Customize), use the page selector to open Products > Choose or Create template.
Product detail

2. Add Name in the provided field for the new template.

4.1.2.Page Sections

Static sections

Merchants can click on the link to check out the instruction listed below.
– Announcement bar
– Header
– Footer

Dynamic sections

Merchants can add any section that is listed in Theme sections. Nevertheless, there are some sections designed specifically for the product detail page.
Banner

4.1.2.2.Product Information

Provide crucial data that belongs to an individual product such as price, title, buy buttons, etc. Merchants can change the product information by re-ordering, removing and, adding blocks.

To edit or add Product information, you go to Customize -> open the template selector -> Select Products -> Default product.

Then on the left-sidebar, edit/add Product information -> Save

General

  • Enable/disable sticky product information on large screen.
  • Choose image type for product image and set background image.
  • Show/hide image of variants
  • Enable/disable video looping

Product information blocks

The product information blocks: title, price, description, quantity selector will be pulled from the product page to display in this section. Merchants do not need to modify the content but can change these blocks’ position.

Product information

Show/hide tags, product vendor, categories, SKU

Fake viewer

Set the number of fake viewers

Flash sale

Set title and enable/disable shake icon

Item left in stock

Set the number of products in stock. And when the number of remaining products is equal to the number of products you configured, this function will be enabled.

Variant picker

Choose type for variant picker

Buy button

Show/hide checkout button and select button type

Share

Enable/Disable wishlist, compare, share

Free Shipping & Returns

Add shipping text.

Estimated Delivery

  • Enable/disable delivery estimation and shipping text. Add preferable info regarding the delivery, shipping text, and the number of days that the package will arrive.
  • A badge or seal that merchants put on the websites which meant to instill trust in their potential customers.
  • Add trust badeges text and image for the badge.

Custom liquid

Add app snippets or other Liquid code to create advanced customizations.

4.1.2.3.Product Description

This section provides extra info such as product description, shipping compliance, etc.
  1. In the theme editor (Customize), open the template selector
  2. Select Products, then Default product.
  3. On the left-sidebar, add Product Description.
  4. Make necessary changes > Save.
Merchant can enable Tab Style to add more tab items.

Product tab blocks

Merchants add new content such as the products description, shipping & return policy….

4.1.2.4.Product Recommendations

This suggests products that are similar to the product on the current page, based on the contents of product details.
  1. In the theme editor (Customize), open the template selector
  2. Select Products, then Default product.
  3. On the left-side bar, add Product recommendations.
  4. Make necessary changes > Save.
Merchants adjust the elements based on their needs to display the recommendation section such as heading, background, the number of columns and the number of products per page.

4.1.2.5.Recently Product

This section will show recently product.

  1. In the theme editor (Customize), open the template selector
  2. Select Products, then Default product.
  3. On the left-side bar, show/hide Recently product.

4.2.Collection Page

  1. In the theme editor (Customize), open the template selector
  2. Select Collections, then Default collection.

4.2.1.Collection Template

By default, merchants can customize using the Default collection template. Merchants can add a new template directly to the admin page rather than the default.
1. In the theme editor (Customize), use the page selector to open Collections > Create template.
2. Add Name in the provided field for the new template.

3. Choose the suitable value in the Based on dropdown, then select Create template.

4.2.2.Collection Sections

4.2.2.1.Product Grid

  1. In the theme editor (Customize), open the template selector
  2. Select Collections, then Default collection.
  3. On the left-sidebar, add Product Grid.
  4. Make necessary changes > Save.
  • Set the number of products per page and per row.
  • Show/hide sidebar and position.

Product card

  • Choose image ratio.
  • Add image padding.
  • Show image outline and vendor.

Filtering and sorting

  • Enable filtering and sorting.
  • Collapse on larger screens
  • Set type for the “Load More” button.

5.PAGE'S GLOBAL SECTIONS

5.1.Announcement bar

Flexible announcement message bar with targeting options

It helps merchants display their important sale dates or shipping information on top of the header.

Steps:

  1. In the theme editor (Customize), click Add section
  2. Locate Announcement Bar
  3. Save

Merchants control how the bar displays: Show announcement: Enable/disable the bar.

  • Add text to notification, notification run.
  • Show/hide socials, currency select.
  • Select color for the bar.

5.2.Header

Merchants can freely add their logo image and decide which menu to show to their customers in this section.

Steps:

  1. In the theme editor (Customize), click Add section
  2. Locate Header
  3. Save

5.2.1.Design & Layout

Change the position of the logo based on merchants’ preferences. It can be set alone or with the 2nd menu.

1. Logo and menu in 1 line

  • Logo in center (with 2nd menu)
  • Logo left
  • Logo and menu in left

2. Logo and menu in 2 lines

  • Logo in center
  • Logo in left

5.2.2.Logo

Merchants add the custom logo of their store or simply their store name. The recommended format is png with a transparent background, size 180 x 24 px with landscape logo and 100 x 100 px with square logo.
  1. In the theme editor (Customize), click Header
  2. Select image in Logo image
  3. Save

5.2.4.Mega Menu Item

Steps:

  1. In the theme editor (Customize), click Header
  2. Select Mega menu item
  3. Make necessary changes > Save.

Merchants can add mega menu item with art, electronic and medical header style.

  • Select icon menu, menu, background, button title, button link and button title.
  • The recommended format for icon menu is png with a transparent background, size 28 x 23 px

6.THEME SECTIONS

We offer 6 demos: Art, Fashion, Cosmetic, Clothes, Electronic and Medical. Art demo is default.

To change to other demos, Merchants can add/remove sections or follow these steps:

  1. Logging into your Shopify store and Navigate to Themes :  Store Admin -> Online Store -> Theme -> Current theme.
  2. Click “Action” -> Edit code.

3. Search page.home -> Choose the demo (.json) -> Copy all code lines.

4. Open index.json-> Delete all code line -> Paste the code which you copied above -> Save.

6.1.Home Art

6.1.1.Slider

  1. In the theme editor (Customize)
  2. Locate Slider
  3. Make necessary changes > Save

6.1.1.1.Slider settings

1. General

  • Enable Loop Image to back to the first photo when slider ran out of pictures.
  • Enable Autoplay in order for the slideshow to run automatically. The duration time to change slides is between 1-20 seconds).
  • Show/hide pagination and choose type for it.
  • Choose container type.
  • Choose the number of images will show on 1 screen.
  • Show/hide navigation.

2. Margin bottom

  • Set margin bottom for slider on desktop, tablet and mobile.

6.1.1.2.Slider Item Settings

  • Add text to the title and subtitle. Then set color and size in heading color, heading font size, subheading color and subheading font size
  • Select image – The recommended format is png, size 1920 x 1080 px.
  • Show/hide overlay.
  • Add URL for slider.
  • Choose content position
  • Choose button type.

6.1.2.History

  • In the theme editor (Customize)
  • Locate History
  • Make necessary changes > Save

6.1.2.1.History Settings

Add text for title, select image and configure margin bottom on desktop, mobile and tablet.

6.1.2.2.History Item Settings

  • Add text to timeline date, timeline content, more info title.
  • Add URL or select page for more info button.
history-item-art

6.1.3.Featured product

  • In the theme editor (Customize)
  • Locate Featured Product
  • Make necessary changes > Save

1. Type

  • Select theme type and collection.

2. Right content config

  • Select type for variant: show list option or select option.

3. Color

  • Select color for title, price, description and image number.

4. General

  • Set limit product.
  • Show/hide social networks share.
  • Add background right text.
  • Show/hide product count.
  • Choose button type.

5. Margin bottom

  • Set margin bottom on desktop, tablet, mobile.

6.1.4.Featured Collection

  • In the theme editor (Customize)
  • Locate Featured collection
  • Make necessary changes > Save

6.1.5.Our Testimonials

  1. In the theme editor (Customize)
  2. Locate Our testimonials
  3. Make necessary changes > Save

6.1.5.1.Our Testimonials Settings

1. General

  • Choose type, add text for title, subtitle.
  • Select image – The recommended format is png, size 470 x 700 px.

2. Margin bottom

  • Set margin bottom on desktop, tablet and mobile.

6.1.5.2.Our Testimonials Block

  • Merchants can add or remove block.
  • Add text to name, content and position.

6.1.6.Partner

  1. In the theme editor (Customize)
  2. Locate Partner
  3. Make necessary changes > Save

6.1.6.1.Partner Settings

1. General

  • Set the number of items will show.
  • Select type for partner item.
  • Add text to title & description.

2. Margin bottom

  • Set margin bottom on desktop, tablet and mobile.

6.1.6.2.Partner Item

  • Merchants can add or remove item.
  • Add text to heading.
  • Select image and add URL for partner url.
partner-item-art

6.1.7.The Collection

  1. In the theme editor (Customize)
  2. Locate The collection
  3. Make necessary changes > Save

1. General

  • Add text to title, subtitle, url
  • Select image for background image.

2. Margin bottom

  • Set margin bottom on desktop, tablet and mobile.

6.1.9.Latest Blog

  1. In the theme editor (Customize)
  2. Locate Latest blog
  3. Make necessary changes > Save

1. General

  • Choose style and add text to title.
  • Set the number of posts will show.
  • Select blog to show.
  • Show/hide pagination, number and select number color.

2. Margin bottom

  • Set margin bottom on desktop, tablet and mobile.

6.1.10.Choose Art Form

  1. In the theme editor (Customize)
  2. Locate Choose art form
  3. Make necessary changes > Save

6.1.10.1.Choose Art Form Settings

  • Add text to title.
  • Set margin bottom on desktop, tablet and mobile.

6.1.10.2.Choose Art Form Item

  • Merchants can add or remove item.
  • Add text to title, url and select image.
home-art-form-item

6.1.11.Home Service

  1. In the theme editor (Customize)
  2. Locate Home service
  3. Make necessary changes > Save

6.1.11.1.Home Service Settings

  • Choose container type and style.
  • Configure margin bottom on desktop, tablet and mobile.

6.1.11.2.Home Service Item

  • Merchants can add or remove item.
  • Add text to title, content, description and link.
  • Select image and button type.

6.1.12.Newsletter

  1. In the theme editor (Customize)
  2. Locate Newsletter
  3. Make necessary changes > Save

6.1.12.1.Newsletter Settings

1. Type

  • Select type and width.

2. Color

  • Select color for background, title and description.

3. Background

  • Select image, background position and button type.
newsletter-background

4. Margin bottom

  • Configure margin bottom on desktop, tablet and mobile.

6.1.12.2.Newsletter Item

  • Merchants can add or remove block.
  • Add text to heading and description.

6.2.Home Medical

6.2.1.Slider Medical

  1. In the theme editor (Customize)
  2. Locate Slider Medical
  3. Make necessary changes > Save

6.2.1.1.Slider Medical Settings

1. General

  • Enable Loop Image to back to the first photo when slider ran out of pictures.
  • Enable Autoplay in order for the slideshow to run automatically. The duration time to change slides is between 1-20 seconds.
  • Show/hide pagination and choose type for it.
  • Choose container type.
  • Choose the number of images will show on 1 screen.
  • Show/hide navigation.

2. Margin bottom

  • Set margin bottom for slider on desktop, tablet and mobile.

6.2.1.2.Slider Item

  • Select background image ( The recommended format is png, size 1820 x 746 px. ) and add text to description.
  • Select product and add slider URL.
  • Select color and font size for heading, subheading, price and compare.
  • Choose button type.

6.2.2.List Collections

  • In the theme editor (Customize)
  • Locate List Collections
  • Make necessary changes > Save

6.2.2.1.List Collections Settings

1. General

  • Choose collection type.
  • Add text to heading and description.
  • Select background color.

2. Margin bottom

  • Set margin bottom for slider on desktop, tablet and mobile.

6.2.2.2.List Collections Item

  • Select background image and add text to description.
  • Select collection  and set URL.
  • Enable/disable open new tab when click “Shop now” button.
  • Select color for description and title.
  • Choose button type.
list-collections-items

6.2.3.Slider Collections

  1. In the theme editor (Customize)
  2. Locate Slider Collections
  3. Make necessary changes > Save

6.2.3.1.Slider Collections Settings

  • Add text to description and heading.
  • Set URL for “View all shop” button.
  • Enable open new tab when click “View all shop” button.
  • Choose button type.
  • Set margin bottom for slider on desktop, tablet and mobile.

6.2.3.2.Slider Collections Item

  • Select collection.

6.2.5.Border

  • Choose container type for border.
  • Set height and width.
  • Select color for border.
  • Set margin bottom on desktop, tablet and mobile.
border

6.2.6.Rich Text

  1. In the theme editor (Customize)
  2. Locate Rich text
  3. Make necessary changes > Save

6.2.6.1.Rich Text Settings

  • Choose rich text width and position content.
  • Set margin bottom on desktop, tablet and mobile.

6.2.6.2.Rich Text Block

1. Heading block

  • Add text to heading
  • Set font size and height.
  • Select color heading.

2. Text block

  • Add some text for description.
  • Set font size and height.
  • Select color description

3. Image icon block

  • Select image.

6.2.7.2.1.Certificate Block

1. General

  • Add some text for heading
  • Select background image ( the recommended size is 1820 x 730 px ) and banner image ( the recommended size is 1260 x 710 with a transparent background )
  • Show/hide image & background.

2. Sale off

  • Add some text for title & description.
  • Set URL and enable open in new tab when click “view all” button.
  • Choose button type.
  • Add some text for sale for & oximeter.
  • Enable/disable open new tab when click “Shop now” button.
  • Add URL for “Shop now” button.
  • Choose type for “Shop now” button.
  • Select background image ( the recommended size is 960 x 500px ) & banner image ( the recommended size is 960 x 500 with a transparent background )

6.2.7.2.2.Sale Off block

  • Add some text for heading, sub heading, description.
  • Set number sale off.
  • Select background image ( the recommended size is 1820 x 600 px ) & sale off image ( the recommended size is 1600 x 530 with a transparent background ).
  • Set URL and enable/disable open new tab when click “Shop now” button.
  • Choose type for “Shop now” button.

6.2.8.Feature product

  1. In the theme editor (Customize)
  2. Locate Feature Product
  3. Make necessary changes > Save

1. Type

  • Choose theme type.
  • Select collection & product.

2. Right content config

  • Select type for variant: show list option or select option.

3. Color

  • Select color for title, price, description & number image.

4. General

  • Set limit product.
  • Show/hide social networks share.
  • Add background right text.
  • Show/hide product count.
  • Choose button type.

5. Margin bottom

  • Set margin bottom on desktop, tablet and mobile.

6.2.9.Partner

  1. In the theme editor (Customize)
  2. Locate Partner
  3. Make necessary changes > Save

6.2.9.1.Partner Settings

1. General

  • Set the number of items will show.
  • Choose type.
  • Add some text for title & description.

2. Margin bottom

  • Set margin bottom on desktop, tablet and mobile.

6.2.9.2.Partner Item

  • Add some text for heading.
  • Select partner image.
  • Set URL & opacity for partner item.

6.2.10.Our Testimonials

  • In the theme editor (Customize)
  • Locate Our Testimonials
  • Make necessary changes > Save

6.2.10.1.Our Testimonials Settings

1. General

  • Choose type.
  • Add some text for title & sub title.
  • Select image – The recommended format is png, size 470 x 700 px.

2. Margin bottom

  • Set margin bottom for slider on desktop, tablet and mobile.

6.2.10.2.Our Testimonials Block

  • Select image for avatar.
  • Add some text for description & name.

6.2.11.Home service

  1. In the theme editor (Customize)
  2. Locate Home service
  3. Make necessary changes > Save

6.2.11.1.Home Service Settings

  • Choose container type & style.
  • Set margin bottom for slider on desktop, tablet and mobile.
home-service-settings

6.2.11.2.Home Service Block

  • Add some text for title, content & description.
  • Select image for home service.
  • Set URL for home service.
  • Select item background when hover.
  • Select background color

6.2.12.Blog Posts

  1. In the theme editor (Customize)
  2. Locate Blog Posts
  3. Make necessary changes > Save

6.2.12.1.Blog Posts Settings

1. General

  • Choose type.
  • Select blog to display
  • Set the number of blogs show in 1 page.
  • Show/hide featured image, number of comments, date & navigation.
blog-posts-settings

2. Margin bottom

  • Set margin bottom on desktop, tablet and mobile.

6.2.12.2.Blog Posts Block

  • Add some text for title & description.

6.3.Home Fashion

6.3.1.Slider Fashion

  1. In the theme editor (Customize)
  2. Locate Slider fashion
  3. Make necessary changes > Save

6.3.1.1.Slider Settings

1. General

  • Add some text for heading
  • Enable Loop Image to back to the first photo when slider ran out of pictures.
  • Enable Autoplay in order for the slideshow to run automatically. The duration time to change slides is between 1-20 seconds.
  • Show/hide pagination and choose type for it.
  • Choose container type.
  • Choose the number of images will show on 1 screen.
  • Show/hide navigation.
  • Choose content position.
slider-fashion-settings

2. Margin bottom

  • Set margin bottom for slider on desktop, tablet and mobile.

6.3.1.2.Slider Item

  • Add some text for heading.
  • Select image & background color.
  • Show/hide overlay on slider.
  • Add some text for sub title.
  • Add URL for slider.
  • Select color for heading & subheading.
  • Set font-size for heading & subheading.
  • Choose button type.

6.3.3.Rich Text

  1. In the theme editor (Customize)
  2. Locate Rich text
  3. Make necessary changes > Save

6.3.3.1.Rich Text Settings

  • Choose rich text width and position content.
  • Set margin bottom on desktop, tablet and mobile.

6.3.3.2.Rich Text Block

1. Heading block

  • Add some text for heading
  • Set font size and height.
  • Select color heading.

2. Text block

  • Add some text for description.
  • Set font size and height.
  • Select color description

6.3.5.List Collections

  1. In the theme editor (Customize)
  2. Locate List collections
  3. Make necessary changes > Save

6.3.5.1.List Collections Settings

1. General

  • Choose collection type.
  • Add some text for heading and description.
  • Select background color.

2. Margin bottom

  • Set margin bottom for slider on desktop, tablet and mobile.

6.3.5.2.List Collections Block

  • Choose type fashion block.
  • Select menu for list collections.
  • Select image for small image ( Recommend size: 300 x 410 px ) & big image ( Recommend size: 470 x 645 px )
list-collection-block

6.3.6.Categories

  1. In the theme editor (Customize)
  2. Locate Categories
  3. Make necessary changes > Save

6.3.6.1.Categories Settings

  • Choose container type & display collection.
  • Set margin bottom for slider on desktop, tablet and mobile.
categories-settings

6.3.6.2.Categories Fashion Block

  • Add some text for title & description.
  • Add URL.
  • Select background.
category-fashion-block

6.3.7.Feature product

  1. In the theme editor (Customize)
  2. Locate Feature Product
  3. Make necessary changes > Save

1. Type

  • Choose theme type.
  • Select collection & product.

2. Right content config

  • Select type for variant: show list option or select option.

3. Color

  • Select color for title, price, description & number image.

4. General

  • Set limit product.
  • Show/hide facebook and twitter.
  • Add background right text.
  • Show/hide product count.
  • Choose button type.

5. Margin bottom

  • Set margin bottom on desktop, tablet and mobile.

6.3.8.Blog Posts

  1. In the theme editor (Customize)
  2. Locate Blog Posts
  3. Make necessary changes > Save

1. General

  • Choose type.
  • Select blog to display
  • Set the number of blogs show in 1 page.
  • Show/hide featured image, number of comments, date & navigation.
blog-posts-fashion

2. Margin bottom

  • Set margin bottom on desktop, tablet and mobile.

6.3.9.Video

  1. In the theme editor (Customize)
  2. Locate Video
  3. Make necessary changes > Save
  • Add some text for heading & description.
  • Select cover image
  • Add URL for video & “view all video” button.
  • Choose button type.
Video-settings

6.3.10.Newsletter

  1. In the theme editor (Customize)
  2. Locate Newsletter
  3. Make necessary changes > Save

6.3.10.1.Newsletter Settings

1. Style

  • Choose style for newsletter.
  • Choose width type.

2. Color

  • Select color for background, title & description.

3. Background

  • Select background image.
  • Choose horizontal & vertical position for background.
  • Choose button type.

4. Margin bottom

  • Set margin bottom on desktop, tablet and mobile.

6.3.10.2.Newsletter Block

  • Merchants can add or remove block.
  • Add some text for heading and description.

6.4.Home Electronic

6.4.1.Slider Electronic

  1. In the theme editor (Customize)
  2. Locate Slider electronic
  3. Make necessary changes > Save

6.4.1.1.Slider Electronic Settings

1. General

  • Add some text for heading.
  • Choose position for content & image.
  • Enable Loop Image to back to the first photo when slider ran out of pictures.
  • Enable Autoplay in order for the slideshow to run automatically. The duration time to change slides is between 1-20 seconds.
  • Show/hide pagination and choose type for it.
  • Choose container type.
slider-electronic-settings

2. Margin bottom

  • Set margin bottom for slider on desktop, tablet and mobile.

6.4.1.2.Slider Electronic Item

1. General.

  • Add some text for heading.
  • Select image ( recommend size: 1000 x 620 px ) & background image ( recommend size: 1920 x 690 px)
  • Show/hide overlay on slider.

2. Title & description

  • Add some text for sub title & descriptions.
  • Add URL for slider & descriptions.
  • Select heading color & subheading color.
  • Choose button type.
title-description-slider-electronic

3. Count down

  • Set the countdown time.

6.4.2.Home Service

  1. In the theme editor (Customize)
  2. Locate Home service
  3. Make necessary changes > Save

6.4.2.1.Home Service Settings

  • Choose container type and style.
  • Configure margin bottom on desktop, tablet and mobile.
home-service-settings-electronic

6.4.2.2.Home Service Block

  • Add some text for title, content & description.
  • Select image for
  • Add URL for item.
  • Choose button type.
home-service-electronic-block

6.4.3.List Collections

  1. In the theme editor (Customize)
  2. Locate List Collections
  3. Make necessary changes > Save

6.4.3.1.List Collections Settings

1. General

  • Choose collection type.
  • Add some text for heading & description.
  • Select background color.
list-collections-electronic-settings

2. Margin bottom

  • Configure margin bottom on desktop, tablet and mobile.

6.4.3.2.List Collections Block

  • Select electronic type block.
  • Select collection.
  • Add some text for title
  • Select background color.

6.4.6.Feature product

  1. In the theme editor (Customize)
  2. Locate Feature product
  3. Make necessary changes > Save

1. Type

  • Choose theme type.
  • Select collection & product.

2. Right content config

  • Select type for variant: show list option or select option.

3. Color

  • Select color for title, price, description & number image.

4. General

  • Set limit product.
  • Show/hide social networks share.
  • Add background right text.
  • Show/hide product count.
  • Choose button type.

5. Margin bottom

  • Set margin bottom on desktop, tablet and mobile.

6.4.7.Rich Text

  1. In the theme editor (Customize)
  2. Locate Rich text
  3. Make necessary changes > Save

6.4.7.1.Rich Text Settings

  • Choose rich text width and position content.
  • Set height on desktop, tablet and mobile.

6.4.7.2.Rich Text Block

Heading block

  • Add some text for heading
  • Set font size and height.
  • Select color heading.

6.4.8.Border

  • Choose container type for border.
  • Set height and width.
  • Select color for border.
  • Set margin bottom on desktop, tablet and mobile.

6.4.10.Newsletter

  1. In the theme editor (Customize)
  2. Locate Newsletter
  3. Make necessary changes > Save

6.4.10.1.Newsletter Settings

1. Style

  • Choose style for newsletter.
  • Choose width type.

2. Color

  • Select color for background, title & description.

3. Background

  • Select background image.
  • Choose horizontal & vertical position for background.
  • Choose button type.

4. Margin bottom

  • Set margin bottom on desktop, tablet and mobile.

6.4.10.2.Newsletter Block

  • Merchants can add or remove block.
  • Add some text for heading and description.

6.5.Home Cosmetic

6.5.1.Slider

  1. In the theme editor (Customize)
  2. Locate Slider electronic
  3. Make necessary changes > Save

6.5.1.1.Slider Settings

1. General

  • Choose type for slider.
  • Add some text for title.
  • Enable Loop Image to back to the first photo when slider ran out of pictures.
  • Enable Autoplay in order for the slideshow to run automatically. The duration time to change slides is between 1-20 seconds.
  • Show/hide pagination and choose type for it.
  • Choose pagination type.
  • Choose container type.
  • Choose the number of images will show on 1 screen.
  • Show/hide navigation.

2. Margin bottom

  • Set margin bottom for slider on desktop, tablet and mobile.

6.5.1.2.Slider Item

1. General.

  • Add some text for subtitle, title.
  • Select image ( recommend size: 1920 x 1080 px )
  • Show/ hide overlay on slider.
  • Add URL for “Shop now”  button.
  • Choose position of content.
general-slider-cosmetic-block

2. Color & font size

  • Select color for heading & subheading.
  • Set font size for heading & subheading.
  • Choose type for “Shop now” button.

6.5.2.Home Service

  1. In the theme editor (Customize)
  2. Locate Home service
  3. Make necessary changes > Save

6.5.2.1.Home Service Settings

  • Choose container type and style.
  • Configure margin bottom on desktop, tablet and mobile.
home-service-cosmetic-settings

6.5.2.2.Home Service Block

  • Add some text for title, content & description.
  • Select image for
  • Add URL for item.
  • Choose button type.
home-service-electronic-block

6.5.3.Border

  • Choose container type for border.
  • Set height and width.
  • Select color for border.
  • Set margin bottom on desktop, tablet and mobile.
border

6.5.5.Rich Text

  1. In the theme editor (Customize)
  2. Locate Rich text
  3. Make necessary changes > Save

6.5.5.1.Rich Text Settings

  • Choose rich text width and position content.
  • Set margin bottom on desktop, tablet and mobile.

6.5.5.2.Rich Text Block

1. Heading block

  • Add some text for heading
  • Set font size and height.
  • Select color heading.

2. Image icon

  • Select image.

6.5.7.List collections

  1. In the theme editor (Customize)
  2. Locate List Collections
  3. Make necessary changes > Save

6.5.7.1.List collections settings

1. General

  • Choose collection type.
  • Add some text for heading & description.
  • Select background color.

2. Margin bottom

  • Configure margin bottom on desktop, tablet and mobile.

6.5.7.2.List collections block

  • Choose type cosmetic block.
  • Select menu
  • Select image for left image ( recommend size: 370 x 510 px ), right image ( 300 x 415 px), bottom image (185 x 260 px) & text image ( 880 x 132 px).
cosmetic-list-collection-block

6.5.8.Categories

  1. In the theme editor (Customize)
  2. Locate Categories
  3. Make necessary changes > Save

6.5.8.1.Categories settings

  • Choose container type & display collection.
  • Set margin bottom for slider on desktop, tablet and mobile.
categories-settings

6.5.8.2.Categories block

  • Choose category cosmetic block.
  • Select collection.
  • Add some text for description.

6.5.9.Partner

  1. In the theme editor (Customize)
  2. Locate Partner
  3. Make necessary changes > Save

6.5.9.1.Partner Settings

1. General

  • Set the number of items will show.
  • Choose type.
  • Add some text for title & description when use type 2.
partner-cosmetic-settings

2. Margin bottom

  • Set margin bottom on desktop, tablet and mobile.

6.5.9.2.Partner Item

  • Add some text for heading.
  • Select partner image
  • Add URL for item.
  • Set opacity.

6.5.10.Our Testimonials

  1. In the theme editor (Customize)
  2. Locate Our testimonials
  3. Make necessary changes > Save

6.5.10.1.Our Testimonials Settings

1. General

  • Choose type, add text for title, subtitle.
  • Select image – The recommended format is png, size 470 x 700 px.
general-our-testimonials-settings

2. Margin bottom

  • Set margin bottom on desktop, tablet and mobile.

6.5.10.2.Our Testimonials Block

  • Choose cosmetic testimonial block.
  • Select image for frame & avatar (the recommended size is 305 x 430 px with a transparent background ).
  • Add some text for title, description, name, text slogan

6.5.11.Latest Blog

  1. In the theme editor (Customize)
  2. Locate Latest blog
  3. Make necessary changes > Save

1. General

  • Choose style and add some text for title.
  • Set the number of posts will show.
  • Select blog to show.
  • Show/hide pagination, number and select number color.
latest-blog-cosmetic-settings

2. Margin bottom

  • Set margin bottom on desktop, tablet and mobile.

6.6.Home Clothes

6.6.1.Slider Clothes

  1. In the theme editor (Customize)
  2. Locate Slider clothes
  3. Make necessary changes > Save

6.6.1.1.Slider Clothes Settings

1. General

  • Add some text for heading.
  • Select background image.
  • Enable Loop Image to back to the first photo when slider ran out of pictures.
  • Enable Autoplay in order for the slideshow to run automatically. The duration time to change slides is between 1-20 seconds.
  • Choose container type.
slider-clothes-settings

2. Margin bottom

  • Set margin bottom for slider on desktop, tablet and mobile.

6.6.1.2.Slider Clothes Item

  • Add some text for heading, sub title, price in.
  • Select image ( recommend size: 720 x 650 px ).
  • Show/hide overlay on slider.
  • Add URL “Shop now” button.
  • Add some text & URL for “shop by collection” button.
  • Select color for heading & subheading.
  • Set font-size for heading & subheading.
  • Choose type for “Shop now” button.

6.6.2.List Collections

  1. In the theme editor (Customize)
  2. Locate List collections
  3. Make necessary changes > Save

6.6.2.1.List Collections Settings

1. General

  • Choose collection type.
  • Add some text for heading and description.
  • Select background color.

2. Margin bottom

  • Set margin bottom for slider on desktop, tablet and mobile.

6.6.2.2.List Collections Block

  • Choose clothes type block.
  • Select collection.

6.6.4.Home Service

  1. In the theme editor (Customize)
  2. Locate Home service
  3. Make necessary changes > Save

6.6.4.1.Home Service Settings

  • Choose container type and style.
  • Configure margin bottom on desktop, tablet and mobile.
home-service-clothes-settings

6.6.4.2.Home Service Block

  • Add some text for title, content, description.
  • Select item background.
  • Add URL for “Learn more” button.
  • Choose ty for “Learn more” button.
home-service-electronic-block

6.6.7.Partner

  1. In the theme editor (Customize)
  2. Locate Partner
  3. Make necessary changes > Save

6.6.7.1.Partner Settings

1. General

  • Set the number of items will show.
  • Choose type.
  • Add some text for title & description.
partner-settings

2. Margin bottom

  • Set margin bottom on desktop, tablet and mobile.

6.6.7.2.Partner Block

  • Add some text for heading.
  • Select partner image.
  • Set URL & opacity for partner item.

6.6.8.Blog Posts

  1. In the theme editor (Customize)
  2. Locate Blog Posts
  3. Make necessary changes > Save

1. General

  • Choose type.
  • Select blog to display
  • Set the number of blogs show in 1 page.
  • Show/hide featured image, number of comments, date & navigation.
general-blog-posts-settings

2. Margin bottom

  • Set margin bottom on desktop, tablet and mobile.

6.6.9.Newsletter

  1. In the theme editor (Customize)
  2. Locate Newsletter
  3. Make necessary changes > Save

6.6.9.1.Newsletter Settings

1. Style

  • Choose style for newsletter.
  • Choose width type.

2. Color

  • Select color for background, title & description.

3. Background

  • Select background image.
  • Choose horizontal & vertical position for background.
  • Choose button type.

4. Margin bottom

  • Set margin bottom on desktop, tablet and mobile.

6.6.9.2.Newsletter Block

  • Merchants can add or remove block.
  • Add some text for heading and description.

7.THEME SETTINGS

7.1.Colors

  1. In the theme editor (Customize), click Theme settings
  2. Locate Colors
  3. Make necessary changes
  4. Save

Merchants can change color for accent and text across the whole site.

7.2.Typography

  1. In the theme editor (Customize), click Theme settings
  2. Locate Typography
  3. Make necessary changes
  4. Save

Merchants can choose the existing font from the library for headings & body.

7.3.Layout

  1. In the theme editor (Customize), click Theme settings
  2. Locate Layout
  3. Make necessary changes
  4. Save

Merchants can change container width.

7.4.Email

  1. In the theme editor (Customize), click Theme settings
  2. Locate Email
  3. Make necessary changes
  4. Save

Merchants can add email to show on mobile.

7.5.Social media

  1. In the theme editor (Customize), click Theme settings
  2. Locate Social media
  3. Make necessary changes
  4. Save

Merchants can add social account URLs.

social-media-theme-settings

7.6.Favicon

The favicon is a small square image that represents a website in web browsers at the address bar of browser.
  1. In the theme editor (Customize), click Theme settings
  2. Locate Favicon
  3. In the Favicon image area, click Select image, and then merchants can select or upload an image.

7.7.Current format

  1. In the theme editor (Customize), click Theme settings
  2. Locate Currency format
  3. Make necessary changes
  4. Save

Merchants can show or hide currency codes.

7.8.Button

  1. In the theme editor (Customize), click Theme settings
  2. Locate Button
  3. Make necessary changes
  4. Save

Merchants can change background color, text color, font size, border color, border radius and hover color in primary color,  secondary color, tertiary color and hover color

7.9.Loading

  1. In the theme editor (Customize), click Theme settings
  2. Locate Loading
  3. Make necessary changes
  4. Save
  • Merchants can enable/disable loading.
  • Choose loading style and icon.

7.10.product-theme-settings

  1. In the theme editor (Customize), click Theme settings
  2. Locate Product
  3. Make necessary changes
  4. Save

Merchants can enable/disable product background and select color for it.

7.11.Checkout

This is where the customer completes payment and provides the information for delivery and contact details that are needed for invoicing.
  1. In the theme editor (Customize), click Theme settings
  2. Locate Checkout
  3. Make necessary changes
  4. Save

1. Banner & Logo

  • Merchants can add their background banner or logo. If not, they can leave it blank. 
  • The recommended format for background image is png, size 1000 x 400 px.
  • Select position and logo size.

2. Main content area

It shows on the site’s left-hand side which has contact info and shipping address. For this area, merchants can also add background image or leave it blank and use background color only.
The provided field to add text can be set as white or transparent.

3. Order summary area

Appear on the right-hand side of the site. The same as main content area, background image and color can be added to match merchants’ expectation.

4. Typography & color

Use this part to change fonts and colors that match the store’ aesthetic look

5. Checkout settings

To customize more checkout settings, please visit the admin for further details.

7.12.Theme style

  1. In the theme editor (Customize), click Theme settings
  2. Locate Theme style
  3. Make necessary changes
  4. Save

Merchants can select theme style.

8.Other Pages

8.1.Blogs

Merchants can add any section that is listed in Theme sections. Nevertheless, there is a section designed specifically for the blog posts page.

  1. In the theme editor (Customize), open the template selector
  2. Select Blogs, then Default blog.

8.1.1.Blog Section

8.1.1.1.Blog Section Settings

1. General

  • Select container type.
  • Show/hide date.

2. Sidebar

  • Show/hide sidebar.
  • Select placement.

3. Layout

  • Select layout and pagination type.
  • Set the number of posts to show and per row.

8.1.1.2.Categories Block

  • Add some text for title.
  • Select categories menu.

8.1.1.3.Recent post block

  • Add some text for title.
  • Select blog.

8.1.1.4.Tags block

  • Add some text for title.

8.2.Blog posts

Merchants can add any section that is listed in Theme sections. Nevertheless, there is a section designed specifically for the blog page.

  1. In the theme editor (Customize), open the template selector
  2. Select Blog posts, then Default blog post.
  3. On the left-sidebar, select Blog post section.
  • Show/hide share social.

1. Title block

  • Merchants can show/hide date, comment & author.

2. Content block

  • This section will show content of the post. Merchants can show/hide it.

8.3.Portfolio

Merchants can add any section that is listed in Theme sections. Nevertheless, there is a section designed specifically for the portfolio page.