Sale Master Shopify Theme

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

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”
Extract/Unzip all files from downloaded package. You will find sale-master.zip You need to install this zip file.
Logging into your Shopify store and Navigate to Themes : Store Admin -> Online Store -> Themes
Click “Add theme” -> Upload zip file -> Add file -> Upload file.
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.

4.Collections & Products

4.1.Single Product page

In the theme editor (Customize), open the template selector
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.

– Product information

– Product description

– Product recommendations

– Banner

4.1.2.1.Breadcrumbs

Provide the page’s position in the site hierarchy, and it may help users understand and explore a site effectively.

In the theme editor (Customize), open the template selector
Select Products, then Default product.
On the left-side bar, select Product Infomation.
Add Breadcrumb.
Make necessary changes > Save.

Merchants can edit product text and select the collection of product.

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

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.

In the theme editor (Customize), open the template selector
Select Products, then Default product.
On the left-sidebar, add Product Description.
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.

In the theme editor (Customize), open the template selector
Select Products, then Default product.
On the left-side bar, add Product recommendations.
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.

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

4.2.Collection Page

In the theme editor (Customize), open the template selector
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

In the theme editor (Customize), open the template selector
Select Collections, then Default collection.
On the left-sidebar, add Product Grid.
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:

In the theme editor (Customize), click Add section
Locate Announcement Bar
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:

In the theme editor (Customize), click Add section
Locate Header
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.

In the theme editor (Customize), click Header
Select image in Logo image
Save

5.3.Footer

In the theme editor (Customize), click Footer
Locate and add suitable blocks
Save

1. Style

Merchant can choose default style or fullwidth style, and type of theme.

2. Footer background

Merchant can select background color, position and background image for footer.

3. Font

Merchant can choose text alignment, font size and color for footer.

4. Social media & payment methods

Show/hide social media icons and payment icons.

5. Theme settings

Add URLs of social networks.

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:

Logging into your Shopify store and Navigate to Themes : Store Admin -> Online Store -> Theme -> Current theme.
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

In the theme editor (Customize)
Locate Slider
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.

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.4.1.Featured Collection Settings

1. General

Select background image.
Enable/disable padding top and bottom.
Add text to Heading and Description.
Show/hide image bottom title.
Select collection will be shown.
Select product display style.
Select collection for sub collection.
Set maximum products to show.
Enable/disable “View all” button if the collection has more products than shown.
Show “Load more” button when merchants choose grid style or slider style.
Choose button type.
Sub collection only can use when merchants choose tabs style or slider style with Clothes home.

2. Product card

Add padding, show vendor, fix height title and show second image on hover.

3. Margin bottom

Set margin bottom on desktop, tablet and mobile.

6.1.4.2.Featured Collection Blocks

Merchants can add or remove block.

6.1.5.Our Testimonials

In the theme editor (Customize)
Locate Our testimonials
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

In the theme editor (Customize)
Locate Partner
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.

6.1.7.The Collection

In the theme editor (Customize)
Locate The collection
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.8.Gallery

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

6.1.8.1.Gallery Settings

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

6.1.8.2.Gallery Item

Merchant can add or remove item.
Add text to heading, url.
Select image and block type.

6.1.9.Latest Blog

In the theme editor (Customize)
Locate Latest blog
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

In the theme editor (Customize)
Locate Choose art form
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.

6.1.11.Home Service

In the theme editor (Customize)
Locate Home service
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.2.Home Medical

6.2.1.Slider Medical

In the theme editor (Customize)
Locate Slider Medical
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.

6.2.3.Slider Collections

In the theme editor (Customize)
Locate Slider Collections
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.4.Featured Collection

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

6.2.4.1.Featured Collection Settings

1. General

Select background image.
Enable/disable padding top and bottom.
Add text to Heading and Description.
Show/hide image bottom title.
Select collection will be shown.
Select product display style.
Select collection for sub collection.
Set maximum products to show.
Enable/disable “View all” button if the collection has more products than shown.
Show “Load more” button when merchants choose grid style or slider style.
Choose button type.
Sub collection only can use when merchants choose tabs style or slider style with Clothes home.

2. Product card

Add padding, show vendor, fix height title and show second image on hover.

3. Margin bottom

Set margin bottom on desktop, tablet and mobile.

6.2.4.2.Featured Collection Item

Add text to title and slogan.

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.

6.2.6.Rich Text

In the theme editor (Customize)
Locate Rich text
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.8.Feature product

In the theme editor (Customize)
Locate Feature Product
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

In the theme editor (Customize)
Locate Partner
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

In the theme editor (Customize)
Locate Home service
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.

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

In the theme editor (Customize)
Locate Blog Posts
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.

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

In the theme editor (Customize)
Locate Slider fashion
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.

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.2.Banner

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

6.3.3.Rich Text

In the theme editor (Customize)
Locate Rich text
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.4.Featured Collection

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

6.3.4.1.Featured Collection Settings

Select background image.
Enable/disable padding top and bottom.
Add some text for Heading and Description.
Show/hide image bottom title.
Select collection will be shown.
Select product display style.
Select collection for sub collection.
Set maximum products to show.
Enable/disable “View all” button if the collection has more products than shown.
Show “Load more” button when merchants choose grid style or slider style.
Choose button type.
Sub collection only can use when merchants choose tabs style or slider style with Clothes home.

2. Product card

Add padding, show vendor, fix height title and show second image on hover.

3. Margin bottom

Set margin bottom on desktop, tablet and mobile.

6.3.4.2.Featured Collection Block

Merchants can choose type block.

6.3.5.List Collections

In the theme editor (Customize)
Locate List collections
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 )

6.3.6.Categories

In the theme editor (Customize)
Locate Categories
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.

6.3.6.2.Categories Fashion Block

Add some text for title & description.
Add URL.
Select background.

6.3.7.Feature product

In the theme editor (Customize)
Locate Feature Product
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

In the theme editor (Customize)
Locate Blog Posts
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.

2. Margin bottom

Set margin bottom on desktop, tablet and mobile.

6.3.9.Video

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

Add some text for heading & description.
Select cover image
Add URL for video & “view all video” button.
Choose button type.

6.4.Home Electronic

6.4.1.Slider Electronic

In the theme editor (Customize)
Locate Slider electronic
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.

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.

3. Count down

Set the countdown time.

6.4.2.Home Service

In the theme editor (Customize)
Locate Home service
Make necessary changes > Save

6.4.2.1.Home Service Settings

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

6.4.2.2.Home Service Block

Add some text for title, content & description.
Select image for
Add URL for item.
Choose button type.

6.4.3.List Collections

In the theme editor (Customize)
Locate List Collections
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.

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.4.Banner Electronic

In the theme editor (Customize)
Locate Banner Electronic
Make necessary changes > Save

6.4.4.2.Banner Electronic Block

1. About block

Select image.
Add some text for title, subtitle, description, button name, big title.
Add URL for button

2. Big sale block

Select image.
Add URL for “Shop now” button.
Choose button type.

3. Slider block

Add some text for heading, sub title.
Select image for slider.
Add URL for “shop now” button.
Enable/ disable open link in new tab.
Select color for background, heading & sub title.
Set font size for heading & sub title.
Choose type for “shop now” button.

6.4.5.Featured Collection

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

6.4.5.1.Featured Collection Settings

1. General

Select background image.
Enable/disable padding top and bottom.
Add some text for Heading and Description.
Show/hide image bottom title.
Select collection will be shown.
Select product display style.
Select collection for sub collection.
Set maximum products to show.
Enable/disable “View all” button if the collection has more products than shown.
Show “Load more” button when merchants choose grid style or slider style.
Choose button type.
Sub collection only can use when merchants choose tabs style or slider style with Clothes home.

2. Product card

Add padding, show vendor, fix height title and show second image on hover.

3. Margin bottom

Set margin bottom on desktop, tablet and mobile.

6.4.5.2.Featured Collection Block

Select electronic block.
Choose type for block.

6.4.6.Feature product

In the theme editor (Customize)
Locate Feature product
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

In the theme editor (Customize)
Locate Rich text
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.9.Featured Information

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

6.4.9.1.Featured Information Settings

Set margin bottom on desktop, tablet and mobile.

6.4.9.2.Featured Information Block

1. Top recommend block

Add some text for heading
Select collection.
Set countdown time.
Set maximum products to show.

2. Featured post block

Add some text for heading.
Select blog.
Show/hide date & number of comments.

3. Best reviewer block.

Add some text for heading.
Select background color for reviews.
Add some text for reviews & reviewer name.
Set star number.

6.5.Home Cosmetic

6.5.1.Slider

In the theme editor (Customize)
Locate Slider electronic
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.

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

In the theme editor (Customize)
Locate Home service
Make necessary changes > Save

6.5.2.1.Home Service Settings

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

6.5.2.2.Home Service Block

Add some text for title, content & description.
Select image for
Add URL for item.
Choose button type.

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.

6.5.4.Banner

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

6.5.5.Rich Text

In the theme editor (Customize)
Locate Rich text
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.6.Featured collection

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

6.5.6.1.Featured collection settings

1. General

Select background image.
Enable/disable padding top and bottom.
Add some text for Heading and Description.
Show/hide image bottom title.
Select collection will be shown.
Select product display style.
Select collection for sub collection.
Set maximum products to show.
Enable/disable “View all” button if the collection has more products than shown.
Show “Load more” button when merchants choose grid style or slider style.
Choose button type.
Sub collection only can use when merchants choose tabs style or slider style with Clothes home.

2. Product card

Add padding, show vendor, fix height title and show second image on hover.

3. Margin bottom

Set margin bottom on desktop, tablet and mobile.

6.5.6.2.Featured collection block

Choose cosmetic block.

6.5.7.List collections

In the theme editor (Customize)
Locate List Collections
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).

6.5.8.Categories

In the theme editor (Customize)
Locate Categories
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.

6.5.8.2.Categories block

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

6.5.9.Partner

In the theme editor (Customize)
Locate Partner
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.

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

In the theme editor (Customize)
Locate Our testimonials
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.

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

In the theme editor (Customize)
Locate Latest blog
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.

2. Margin bottom

Set margin bottom on desktop, tablet and mobile.

6.6.Home Clothes

6.6.1.Slider Clothes

In the theme editor (Customize)
Locate Slider clothes
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.

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

In the theme editor (Customize)
Locate List collections
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.3.Featured collection

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

6.6.3.1.Featured collection settings

1. General

Select background image.
Enable/disable padding top and bottom.
Add some text for Heading and Description.
Show/hide image bottom title.
Select collection will be shown.
Select product display style.
Select collection for sub collection.
Set maximum products to show.
Enable/disable “View all” button if the collection has more products than shown.
Show “Load more” button when merchants choose grid style or slider style.
Choose button type.
Sub collection only can use when merchants choose tabs style or slider style with Clothes home.

2. Product card

Add padding, show vendor, fix height title and show second image on hover.

3. Margin bottom

Set margin bottom on desktop, tablet and mobile.

6.6.3.2.Featured collection block

Select Clothes block.
Select type for the block.

6.6.4.Home Service

In the theme editor (Customize)
Locate Home service
Make necessary changes > Save

6.6.4.1.Home Service Settings

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

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.

6.6.5.Banner

In the theme editor (Customize)
Locate Banner Medical
Make necessary changes > Save

6.6.6.Feature product

In the theme editor (Customize)
Locate Feature Product
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.6.7.Partner

In the theme editor (Customize)
Locate Partner
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.

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

In the theme editor (Customize)
Locate Blog Posts
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.

2. Margin bottom

Set margin bottom on desktop, tablet and mobile.

7.THEME SETTINGS

7.1.Colors

In the theme editor (Customize), click Theme settings
Locate Colors
Make necessary changes
Save

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

7.2.Typography

In the theme editor (Customize), click Theme settings
Locate Typography
Make necessary changes
Save

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

7.3.Layout

In the theme editor (Customize), click Theme settings
Locate Layout
Make necessary changes
Save

Merchants can change container width.

7.4.Email

In the theme editor (Customize), click Theme settings
Locate Email
Make necessary changes
Save

Merchants can add email to show on mobile.

7.6.Favicon

The favicon is a small square image that represents a website in web browsers at the address bar of browser.

In the theme editor (Customize), click Theme settings
Locate Favicon
In the Favicon image area, click Select image, and then merchants can select or upload an image.

7.7.Current format

In the theme editor (Customize), click Theme settings
Locate Currency format
Make necessary changes
Save

Merchants can show or hide currency codes.

7.8.Button

In the theme editor (Customize), click Theme settings
Locate Button
Make necessary changes
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

In the theme editor (Customize), click Theme settings
Locate Loading
Make necessary changes
Save

Merchants can enable/disable loading.
Choose loading style and icon.

7.10.product-theme-settings

In the theme editor (Customize), click Theme settings
Locate Product
Make necessary changes
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.

In the theme editor (Customize), click Theme settings
Locate Checkout
Make necessary changes
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.