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.
-
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.
4.Collections & Products
4.1.Single Product page
4.1.1.Product Template
2. Add Name in the provided field for the new template.
4.1.2.Page Sections
Static sections
Dynamic sections
4.1.2.1.Breadcrumb
- 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
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

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

Product tab blocks
4.1.2.4.Product Recommendations
- 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.
4.1.2.5.Recently Product
4.2.Collection Page
4.2.1.Collection 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.
4.2.2.2.Banner
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
5.2.1.Design & Layout
5.2.2.Logo
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.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
6.1.2.1.History Settings
6.1.2.2.History Item Settings
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
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.5.Our Testimonials
6.1.5.1.Our Testimonials Settings
6.1.5.2.Our Testimonials Block
6.1.6.1.Partner Settings
6.1.6.2.Partner Item
6.1.7.The Collection
6.1.8.2.Gallery Item
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
6.1.10.1.Choose Art Form Settings
6.1.10.2.Choose Art Form Item
6.1.11.Home Service
6.1.11.1.Home Service Settings
6.1.11.2.Home Service Item
6.1.12.1.Newsletter Settings
6.2.Home Medical
6.2.1.Slider Medical
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
6.2.2.List Collections
6.2.2.1.List Collections Settings
6.2.2.2.List Collections Item
6.2.3.Slider Collections
6.2.3.1.Slider Collections Settings
6.2.4.Featured Collection
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.5.Border
6.2.6.1.Rich Text Settings
6.2.6.2.Rich Text Block
6.2.7.Banner Medical
6.2.7.2.Banner Medical Block
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
- 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.1.Partner Settings
6.2.9.2.Partner Item
6.2.10.Our Testimonials
6.2.10.1.Our Testimonials Settings
6.2.11.Home service
6.2.11.1.Home Service Settings
6.2.11.2.Home Service Block
6.2.12.1.Blog Posts Settings
6.3.Home Fashion
6.3.1.Slider Fashion
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
6.3.2.1.Banner Settings
6.3.2.2.Banner Block
6.3.3.1.Rich Text Settings
6.3.3.2.Rich Text Block
6.3.4.Featured Collection
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.5.List Collections
6.3.5.1.List Collections Settings
6.3.5.2.List Collections Block
6.3.6.1.Categories Settings
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
6.3.9.Video
6.3.10.1.Newsletter Settings
6.3.10.2.Newsletter Block
6.4.Home Electronic
6.4.1.Slider Electronic
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
6.4.2.1.Home Service Settings
6.4.2.2.Home Service Block
6.4.3.List Collections
6.4.3.1.List Collections Settings
6.4.3.2.List Collections Block
6.4.4.Banner Electronic
6.4.4.1.Banner Electronic Settings
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
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.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.1.Rich Text Settings
6.4.7.2.Rich Text Block
6.4.8.Border
6.4.9.Featured Information
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.4.10.1.Newsletter Settings
6.4.10.2.Newsletter Block
6.5.Home Cosmetic
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
6.5.2.1.Home Service Settings
6.5.2.2.Home Service Block
6.5.3.Border
6.5.4.2.Banner Block
1. Cosmetic normal block
- Select image ( recommend size: 630 x 720 px )
- Add some text for about company, product title, product description, direction.
- Add URL for “More about” button.
2. Cosmetic countdown block
- Select background color
- Select image.
- Add some text for discount, title, product title, product description.
- Add URL for “shop now” button.
- Enable/disable open link in a new tab.
- Set time count down.
6.5.5.1.Rich Text Settings
6.5.5.2.Rich Text Block
6.5.6.Featured collection
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.7.List collections
6.5.7.1.List collections settings
6.5.7.2.List collections block
6.5.8.1.Categories settings
6.5.8.2.Categories block
6.5.9.1.Partner Settings
6.5.10.Our Testimonials
6.5.10.1.Our Testimonials Settings
6.5.10.2.Our Testimonials Block
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
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
6.6.2.1.List Collections Settings
6.6.3.Featured collection
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.4.Home Service
6.6.4.1.Home Service Settings
6.6.4.2.Home Service Block
6.6.5.1.Banner Settings
6.6.5.2.Banner Block
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.1.Partner Settings
6.6.7.2.Partner Block
6.6.8.Blog Posts
6.6.9.1.Newsletter Settings
6.6.9.2.Newsletter Block
7.THEME SETTINGS
7.1.Colors
7.2.Typography
7.3.Layout
7.4.Email
7.6.Favicon
7.7.Current format
7.8.Button
7.9.Loading
7.10.product-theme-settings
7.11.Checkout
-
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
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
5. Checkout settings
To customize more checkout settings, please visit the admin for further details.
7.12.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.
-
In the theme editor (Customize), open the template selector
-
Select Blogs, then Default blog.
8.1.1.Blog Section
8.1.1.1.Blog Section Settings
8.1.2.Banner
- Merchants can read here to know how to configure this section.
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.
-
In the theme editor (Customize), open the template selector
-
Select Blog posts, then Default blog post.
-
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.
7.5.Social media
Merchants can add social account URLs.