Logo

Tmart - Multipurpose Responsive Shopify Theme (Section ready)


Special thanks for purchasing Tmart.
If you have any questions about our theme or you find an issue, please feel free to send us a message to

After we received your email, Our Support staff will process and respond to your question in the queue order. Your question will be answered within 24 business working hours from the last email you sent to us.
If you love our theme, please rate it. It’s the best award for our job we can get from you!

Shopify Manual


We advise reading and familiarizing yourself with the Shopify Manual. It is an extremely well written and thorough guide to understanding the Shopify platform, written by Shopify themselves. It will help with understanding many aspects of the customization of your theme as well as using Shopify in general.

Tmart Installation


It's too easy to install Tmart. Please log in to your Shopify store and go to Store Online > Themes. Scroll to More themes area, click on Upload Theme button, the popop Upload appear, click to Choose File button and choose the Tmart-vxxx.zip file that included in purchase package download.

Install

Install

After installation a few second, it will appear in the righ area. Please click on Actions > Publish to active new theme.

Install

Shopify Apps Installation


Product Review

App for Review function. To install Product Review, please go to link here

click on Get App to install.

BEST Currency Converter

App for Currency function. To install BEST Currency Converter, please go to link here

click on Get App to install.

Multilingual shop by GTranslate

App for Translate the site. To install Multilingual shop by GTranslate, please go to link here

click on Get App to install.

Shopify Knowlegae Base


Before we begin customizing your store, we would like to notice that this section will help you to have some collections and products added and a blog article written. So if you already had an active store and you are just updating your design, you don't need to read this part. Otherwise, here are some links to help you to setup your new store:

Color


Please log in to your Shopify Dashboard and go to Store Online > Themes > Customize > Theme Settings tab > Colors

#
#
All Color setting of the theme in here. There are options:
  • General
  • Header
  • Header Search Form
  • Header Cart
  • Menu
  • Navigation Categories
  • Product
  • Button
  • Footer
To change other color, please find and go to the Color setting that you want, then click in Color picker to set new color
#

Typography


Please log in to your Shopify store and go to Store Online > Themes > Customize > General Settings tab > Typography

All Color setting of the theme in here. There are options:
  • Heading
  • Accent Text
  • Body Text
Set the options that you want change
#

Mailing Newsletter Popup


Please log in to your Shopify store and go to Store Online > Themes > Customize > General Settings tab > General Features > Mailing Newsletter (Mailchimp) Popup


#
You can config setting Heading text, Sub-content text, Text input and Image Background easy by click on Upload or Replace button The popup used the Local Storage HTML5. It will show in the first time, not show in the next time, within 7 days.

Social Icons


Please log in to your Shopify store and go to Store Online > Themes > Customize theme > Theme Settings tab > General Features > SOCIAL ICONS

Use in Newsletter popup.

#

Group float icons right


For Scroll to Top: Please log in to your Shopify store and go to Store Online > Themes > Customize > Theme Settings tab > General Features > Scroll to Top

For Sale Off icon: Please log in to your Shopify store and go to Store Online > Themes > Customize > Theme Settings tab > General Features > Sale Off icon

For Compare icon: Please log in to your Shopify store and go to Store Online > Themes > Customize > Theme Settings tab > General Features > Compare icon

For Wishlist icon: Please log in to your Shopify store and go to Store Online > Themes > Customize > Theme Settings tab > Wishlist Page



#

Favicon


Please log in to your Shopify store and go to Store Online > Themes > Customize theme > Theme Settings tab > Favicon

#

Product Labels


Please log in to your Shopify store and go to Store Online > Themes > Customize theme > Theme Settings tab > Products Labels

#

There are 4 Lables:

  • NEW LABLES
  • BEST SELLING LABLES
  • TRENDING LABLES
  • DEAL LABLES

For each label, you can input the Text and Color or set the image for this label.

For New, Best, Trending, you must tag the tags into your products.



Suggestion Products


Please log in to your Shopify store and go to Store Online > Themes > Customize theme > General Settings tab > Suggestion Products



#

Header


Please log in to your Shopify store and go to Store Online > Themes > Customize > Sections tab > Header

#

It will listing options to control the Logo (Desktop and Mobile) and the Text slider.

#

For other elements, you need go to Cusomize > Theme Settings tab > Header Settings

#
#

Navigation link


Tips: Create a Navigation (link list)

Please log in to your Shopify store and go to Store Online > Navigation > Select Add menu to create new link list or select the existed Menu to edit it.

#

Create/Edit menu window

#
#

Tips: Create multi-level drop-down menus

It's to easy to do.

#

Horizontal Menu


Please go to Store Online > Themes > Customize > Section tab > Horizontal Menu

#

You can add Menu item and config Mega menu layout

#



Horizontal Mega Menu

#

#Shoes

Theme style Demo

Our theme build in Sections features. So, to control settings/options for each block in Home page, you need go to Store Online > Themes > Customize button, all sections of Home page will appear like example below screenshot:

#


#Shoes - Slideshow


- In Sections listing, select Slideshow

#

Click to see settings of this section.

#

The Block functions used to create Slide. Click to each block to edit content:

#

You can use the Style option to edit Slide elements position. But take care when use this option.





#Shoes - Banners

- In Sections listing, select Currently Deals

- To add new block like it, click to Add section# and select Banners

#

Click to see settings of this section. Go to Content area for create the banner element.

#
#




#Shoes - Products in Slider

- In Sections listing, select Best Seller

- To add new block like it, click to Add section# and select Products in Slider

#

Click to see settings of this section.

#

You need input Heading, Timer (Syntax: YYY,MM-1,DD), select collection to show products, Show Sold count, Limit Products show and some setting of Slider.

Note for Sold count in each product option: you need input the array of sold with syntax: number_sold:number_max
the array follow separated by |
Example: 5:20|10:15 means 1st product have 5 sold in 20 and 2nd product have 10 sold in 15 sold.





#Shoes - Top Brands

- In Sections listing, select New Arrivals

- To add new block like it, click to Add section# and select Top Brands

#

Click to see settings of this section.

#
#




#Shoes - Blog Slider

- In Sections listing, select From our blog

- To add new block like it, click to Add section# and select Blog Slider

#

Click to see settings of this section. Go to Content area for create the search element.

#




#Shoes - Newsletter

- In Sections listing, select Never miss a deal...

- To add new block like it, click to Add section# and select Newsletter

#

Click to see settings of this section. Go to Content area for create the banner element.

#




#Shoes - Instagram

- In Sections listing, select Follow Tmart-Shoes...

- To add new block like it, click to Add section# and select Instagram

#

Click to see settings of this section. Go to Content area for create the block element.

#




#Car

Theme style Demo

Our theme build in Sections features. So, to control settings/options for each block in Home page, you need go to Store Online > Themes > Customize button, all sections of Home page will appear like example below screenshot:

#


#Car - Slideshow for Car

- In Sections listing, select Slideshow for Car

- To add new block like it, click to Add section# and select Slideshow for Car

#

Click to see settings of this section. Go to Content area for create the block element.

#
#




#Car - Shop by department

- In Sections listing, select Shop by department

- To add new block like it, click to Add section# and select Shop by department

#

Click to see settings of this section.

#
#




#Car - Banners

- In Sections listing, select Banners

- To add new block like it, click to Add section# and select Banners

#

It the same #Shoes - Banners





#Car - Products in Slider

- In Sections listing, select New Arrivals

- To add new block like it, click to Add section# and select Products in Slider

#

It the same #Shoes - Products in Slider





#Car - Products Best Seller in Slider

- In Sections listing, select Best Seller

- To add new block like it, click to Add section# and select Products Best Seller in Slider

#

Click to see settings of this section.

#
#




#Car - Blog Slider

- In Sections listing, select From our blog

- To add new block like it, click to Add section# and select Blog Slider

It the same #Shoes - Blog Slider





#Car - Newsletter

- In Sections listing, select Never miss a deal...

- To add new block like it, click to Add section# and select Newsletter

It the same #Shoes - Newsletter





#Furniture

Theme style Demo

Our theme build in Sections features. So, to control settings/options for each block in Home page, you need go to Store Online > Themes > Customize button, all sections of Home page will appear like example below screenshot:

#


#Furniture - Slideshow

- In Sections listing, select Slideshow

- To add new block like it, click to Add section# and select Slideshow

#

Click to see settings of this section. Go to Content area for create the block element.

#

There are 3 styles. Each style will have different options to control, but easily to use:

- Style #1

#

- Style #2

#

- Style #3

#




#Furniture - Categories Listing

- In Sections listing, select Popular Furniture Categories

- To add new block like it, click to Add section# and select Categories Listing

#

Click to see settings of this section.

#
#




#Furniture - Products with Banner

- In Sections listing, select Best seller

- To add new block like it, click to Add section# and select Products with Banner

#

Click to see settings of this section.

#




#Furniture - Blog Grid

- In Sections listing, select Blog Grid

- To add new block like it, click to Add section# and select Blog Grid

#

Click to see settings of this section.

#




#Furniture - Products in Slider

- In Sections listing, select You may also like this

- To add new block like it, click to Add section# and select Products in Slider

#

It the same #Shoes - Products in Slider





#Furniture - Newsletter

- In Sections listing, select Never miss a deal...

- To add new block like it, click to Add section# and select Newsletter

It the same #Shoes - Blog Slider





#Handmade

Theme style Demo

Our theme build in Sections features. So, to control settings/options for each block in Home page, you need go to Store Online > Themes > Customize button, all sections of Home page will appear like example below screenshot:

#

The layout include 3 areas: Left Sidebar (1 section) , Right content (5 sections) and Bottom (2 sections)



#Handmade - Left Sidebar (Left area)

- In Sections listing, select Left Sidebar

#

Click to see settings of these Left sidebar blocks. There are 4 section type with 5 sections appear in Left sidebar.

- Categories

#

- Banner

#

- Products

#

- Information

#




#Handmade - Slideshow (Right area)

- In Sections listing, select Slideshow

- To add new block like it, click to Add section# and select Slideshow

#

Click to see settings of this section. Go to Content area for create the block element.

#
#




#Handmade - Products in Slider (Right area)

- In Sections listing, select New Arrivals or Best Seller

- To add new block like it, click to Add section# and select Products in Slider

#

It the same #Shoes - Products in Slider





#Handmade - Banners (Right area)

- In Sections listing, select Banners

- To add new block like it, click to Add section# and select Banners

#

It the same #Shoes - Banners





#Handmade - Blog Slider (Right area)

- In Sections listing, select From our blog

- To add new block like it, click to Add section# and select Blog Slider

#

It the same #Shoes - Blog Slider





#Handmade - Products in Grid (Bottom area)

- In Sections listing, select Products in Grid

#

Click to see settings of this section.

#




#Handmade - Newsletter (Bottom area)

- In Sections listing, select Products in Grid

#

It the same #Shoes - Newsletter





#Tshirt

Theme style Demo

Our theme build in Sections features. So, to control settings/options for each block in Home page, you need go to Store Online > Themes > Customize button, all sections of Home page will appear like example below screenshot:

#


#Tshirt - Slideshow

- In Sections listing, select Slideshow

- To add new block like it, click to Add section# and select Slideshow

#

Click to see settings of this section. Go to Content area for create the block element.

#
#




#Tshirt - Banners

- In Sections listing, select Banners

- To add new block like it, click to Add section# and select Banners

#

It the same #Shoes - Banners





#Tshirt - Products in Slider

- In Sections listing, select New Arrivals or You may also like this

- To add new block like it, click to Add section# and select Products in Slider

#

It the same #Shoes - Products in Slider





#Tshirt - Newsletter

- In Sections listing, select Never miss a deal...

- To add new block like it, click to Add section# and select Newsletter

It the same #Shoes - Blog Slider





#Tshirt - Information

- In Sections listing, select Information

- To add new block like it, click to Add section# and select Information

#

Click to see settings of this section. Go to Content area for create the block element.

#
#




Collection Settings


Please log in to your Shopify store and go to Store Online > Themes > Customize in view page, select Collection Pages

#

The Customize will reload and show all sections for Collection page.

#
#




Collection Sidebar


In setting listing ofCollection Pages, you will see group settings for Sidebar:



1. Sidebar - Related Collections

It will display sub-collection of listing collection. Defend on collection will have different sub-collection.

To do it you must set up link list (navigation) for each collection with syntax: Collection_handle:link_list

#

Example: you want set sub-collection for Fashion collection, you must create the link list for sub-collection of Fashion first and it have the handle is fashion-collection, then input the syntax is fashion:fashion-collection
the array follow separated by |

#





2. Advanced Ajax Tags Filter


This is Tags filter function. So, you must tag and config the tags of your products

  1. Tag these tags that you want set in Filter into your products

    #
  2. Group these tags in Customize theme > Section tab > Collection pages > scroll to ADVANCED AJAX TAG FILTER area

    #

Note: it will only show the tag filter in listing products have this value.





Suggested Products Block


There is 2 method to show products.

To do it you must set up the syntax: collection_handle_viewing:collection_handle_showing

#

Example: you want set products for Fashion collection, these products get from collection have handle is beauty-health, then input the syntax is fashion:beauty-health
the array follow separated by |

#





Sidebar Banner


It will custom banner in Collection page.





Product Vendor Block


It will custom listing vendor of viewing Collection.





Product Types Block


It will custom listing types of viewing Collection.





Product Page


In Customize you need select the view page is Product Pages

#
#

The options/settings easy to use



1. Price Settings
#


2. Product Data
#


3. Variant settings
#


4. Buttons settings
#


5. Random Watching
#


6. Random Order
#


7. Additional Information
#

Use block function to add discount code

#


8. Product Tabs Information
#

In normally, there are only 3 tab: Description, Delivery, Customer Review. But if you use below trick, you will have 5 tab include Specification and Video tab.

- Description Tab: it will show all content of Product description.

- Delivery Tab: it will show static content for all products. You can input the content in the option field.

- Customer Review: it will show review of viewing product. You need install the Preview App to use this function. We recommended the Product Reviews App. This is free app and developed by Shopify. Only need install this app, it will auto work in our theme.

- Specification Tab: it will show a part of Product description have the class spec-element

- Video Tab: it will show a part of Product description have the class video-element

You need know edit HTML code to do it.

#

9. Related Products
#






Contact us page


You must create the Page with your title and set the Template suffix is page.contact

#

Type any content that you want in the Content field. The Maps you can get from Google Maps as sharing embed code (ifane)

You can refer our sample demo content in HTML text here. After copied sample content, you must click to the "Show HTML" button # and paste the content.

Wishlist page


You must create the Page with title is Wishlist and set the Template suffix is page.wishlist

#

Then select the Wishlist list in your site in Store Online > Themes > Customize > Theme settings tab > Wishlist Page

#

Compare page


You must create the Page with title is FAQs or any title name

#

You can refer our sample demo content in HTML text here. After copied sample content, you must click to the "Show HTML" button # and paste the content.

This is Example code of accordion

Edit Languages


AZtheme support Translate Editor of Shopify. Helps translate the site to language.

The package default support English only. If your shop is NOT English, you must go to Online Store > Themes > Action buton > Edit Languages to update the tranlate text, fix translate error and translate the site to your Language.

#
#
#