1. Start
  2. Theme Installation
  3. Customize Theme
  4. Color and Typography
  5. Header
  6. Navigation
  7. General Settings
  8. Homepage
  9. Footer
  10. Collection Page
  11. Product Page
  12. Blog Page
  13. Article Page
  14. Wishlist Page
  15. Compare Page
  16. Contact Page
  17. FAQs Page
  18. Product Labels
  19. Ajax Add to cart Modal
  20. Translate Edior
  21. Shopify Apps
  22. Customer Support

Sectioned Responsive Shopify Theme


Thank you for purchasing this theme. If you have any question not included in this help file, please feel free to post it on our support system HERE. Thanks so much! This documentation was only made with the Documenter

- Ask for support? Please open conversation at here
- Knowledge Base here
- These Themes area designed for Shopify website.

Theme Installation


Installing Coupon is easy and quick.

If you had the Shopify site and now want to change with this theme for your site, follow the instruction below:

Note: Extract package downloaded form themeforest.net first, use file the coupon-xxx-yyy.zip to upload to your Shopify site

1. In your Shopify Admin Dashboard go to:

2. Shopify will auto upload & Install the Theme. Waiting some seconds and you will see it completed in More themes area

Customize Editor


This is the Editor help you easy to change the setting options of the theme.

In Online Store > Themes area

In your Customize Editor will have 2 tab:

Color


Go to Theme settings > Color General

Click to the color that want change, the Color Picker will appear and easy to pick custom color.




Typography


Go to Theme settings tab, you will see Typography option to change the font

The theme support All Google fonts. Go to Google fonts site find and select the font that you want. Then, copy the font namd and paste to the Font Family field.

Theme Color style


Coupon include 4 Color preset.

To select preset, Go to Theme settings tab, in the end of panel have change theme style option


Go to Sections tab, select Header option, scroll to Logo Shop area. Upload Logo image that you want.





Shop Favicon


Go to Theme Settings tab, select Favicon option, upload Favicon image that you want.





TOP PROMOTION HEADER


Go to Section tab, select Header option, scroll to TOP PROMOTION HEADER area. Change to your information.





TOP HEADER


Go to Section tab, select Header option, scroll to TOP HEADER area. Change to your information.





Icons and Additional Functions: Search, Compare, Wishlist, Cart, User,...


Go to Section tab, select Header option, scroll to ADDITIONAL FUNCTIONS area.





Currency


Depend the theme style, will include or not. But all theme styles support Currency. If you want active it, contact with Support staff.

Go to Theme Settings tab, select Currencies option.

After active and it don't work, try with the solution here

Make sure active in the Theme style have included Currency.

PRELOADING SCREEN


Go to: Theme Settings tab > Themes settings option > PRELOADING SCREEN area

It will appear the loading screen when you click in any link or fresh the page:





MAILING LIST WIDGET (MAILCHIMP) POPUP


Go to: Theme settings tab > Themes settings option > MAILING LIST WIDGET (MAILCHIMP) POPUP area





ANIMATION LOADER IN HOME PAGE


This setting for effect block will only show when scroll to it

Go to: Theme settings tab > Themes settings option > ANIMATION LOADER IN HOME PAGE area





SMOOTH SCROLL and SCROLL TO TOP


This setting for effect block will only show when scroll to it

Go to: Theme settings tab > Themes settings option > SMOOTH SCROLL or SCROLL TO TOP area





Home Page




Home Page - Find the best deals


In Sections listing, select Find the best deals

To add new section like it, select Add section > Top Block





Home Page - Today's Featured or Most popular


In Sections listing, select Today's Featured or Most popular

To add new section like it, select Add section > Products Slider





Home Page - Top Deals, Coupons, Codes


In Sections listing, select Top Deals, Coupons, Codes

To add new section like it, select Add section > Products Grid





Home Page - Featured Brands


In Sections listing, select Featured Brands

To add new section like it, select Add section > Brands





Home Page - Top Collections


In Sections listing, select Top Collections

To add new section like it, select Add section > Collections





Home Page - Recent News


In Sections listing, select Recent News

To add new section like it, select Add section > Blog





Home Page - Banner with Caption


In Sections listing, select Banner with Caption

To add new section like it, select Add section > Banner with Caption





Home Page - Newsletter


In Sections listing, select Newsletter

To add new section like it, select Add section > Newsletter





Collection Section


You must select the Page view is Collection pages to load Sections for Collection page

Then you will see section for Collection page





Collection Layout


Coupon include 2 Collection layout: Left Sidebar or Full View. You can select the Collection layout at Theme Settings > Collection Layout





Collection Settings


Go to Sections tab > Collection pages





Collection Sidebar


Go to Theme Settings tab > Collection pages > scroll to SIDEBAR area

Note: Images from other theme the same setting.





Collection Filter


Go to Theme Settings tab > Collection pages > scroll to SIDEBAR - SHOP BY (FILTER) area

This is Tags filter, so it will work base on these tags of product. It will not get product options to filter. So, to setup need 2 different steps:

  1. Tag these tags for filter into your products. These tags need case-sensitive, meant Red will different red
  2. Group these Tags in Theme settings > Collection pages > scroll to SIDEBAR - SHOP BY (FILTER) Input the Label and Key. Key is the tag value, these tags need separate with comma, such as: S,M,L,XL and case-sensitive

For custom color, try with the solution here

Product Page


You must select the Page view is Product pages to load Sections for Product page



You will have all option to control the Detail Product Page

















For the INFORMATION SETTINGS block, you must install the MetaFields Editor and config the value like screenshot below





Blog Section


You must select the Page view is Blogs to load Sections for Blog page





Blog Layout


Coupon include 3 Collection layout with sidebar or full width. You can select the Blog layout at Theme Settings > Blog Page





Blog Sidebar


All options/settings can find in Theme Settings > Blog Page > SIDEBAR BLOG





Article Section


You must select the Page view is Blogs posts to load Sections for Article page





You will have option to control the Relate Posts





Wishlist Page


You need create the Page for it and set the template is page.wish-list

If you don't see page.wish-list in template suffix, that meant our theme don't publish in your site. You should publish our theme first, then select the template suffix and un-publish our theme.

Compare Page


You need create the Page for it and set the template is page.compare

If you don't see page.compare in template suffix, that meant our theme don't publish in your site. You should publish our theme first, then select the template suffix and un-publish our theme.

Contact Page


Check our demo

First of all, you need create the Page for it and set the template is page.contact to have a Contact Form.

If you don't see page.contact in template suffix, that meant our theme don't publish in your site. You should publish our theme first, then select the template suffix and un-publish our theme.

Input any content that you want show in this page. I will show below the Contact Form.





FAQs Page


Check our demo

First of all, you need create the Page for it and set the template is page.faq

If you don't see page.faq in template suffix, that meant our theme don't publish in your site. You should publish our theme first, then select the template suffix and un-publish our theme.

Then go to Customize Editor > Sections select Page View is FAQ

You can edit the content or Add more FAQ





Product Labels


Go to Customize Editor > Theme Settings > Product Labels

You will have all settings/option to config the Label such as Text display, color text and color background.









Ajax Add to cart Modal


Go to Customize Editor > Theme Settings > Ajax Add to cart Modal

You will config the time display of the popup





Translate Editor


In default package, our theme only include English version. But our theme support Translate Edior of Shopify. It help translate the site to any language.

This function also help you change/edit the text to suitable with your idea.

Go to Admin Shopify Dashboard > Online Store > Themes > Actions button > Edit Languages

Select group tab and change the text that you want





Coupon and Shopify Apps


There are a lot of Shopify Apps, so we can not give you the exactly answer about the question our theme work right or don't work in some app. We can not install all of it to test.

Here is listing the Apps that we used and tested:





Product Reviews
Install Apps here

This App use to show the Rating stars . It's free App and develeloped by Shopify.





Oberlo
Install Apps here

It is Awesome App, it help you import and manager products from Aliexpress. Help build dropshipping site easily and fast





Customer Support System


If you have any question, please open a conversation at here

You can see Knowledge base here



We are working from 9:00AM to 5:00 PM , GMT+7 , Monday to Friday. Location: Vietnam

We process conversation in Queue (first come first serve). But we don't hold any conversation over 24 hours, expect the weekend or holiday.

When you sent the questions in out office time, your question will answer in next working day. In this case, please help us don't open more conversation with the same question. It don't help your conversation faster, but it must our system hold many mails as spam and hard for us to support. The best way is focus in 1 conversation.

Thank you very much!

Shopify team of Tvlgiao