Templatemela Configurations For Shopify Themes


Templatemela Theme Settings


This is step by step configuration of shoptown - responsive theme's all section. You can configure all sections available with shoptown - responsive theme using this document.





1.1. Banner settings

To configure top banner from admin bar, go to Online Store > Themes > Customize theme > Header > Top banner settings tab from admin bar.



Top banner : Add/Update your banner displayed on top of page.

custom banner width : Set specific width in pixels of topbanner uploaded.







1.2. Announcement settings

To configure Announcement from admin bar, go to Online Store > Themes > Customize theme > Header > Offer Announcements tab from admin bar.



Show Announcement : Set visibility of Annoucement displaying on the header, You can disable it by unchecking.

Announcement text : Set proper offer text of your store.

Announcement link : Set Redirection link of offer text. You can set category or any pages by providing URL.

Announcement color : Set text color of offer text, use color selector to choose color.

Announcement hover color : Set text hover color of offer text, use color selector to choose color..







To configure Logo from admin bar, go to Online Store > Themes > Customize theme > Header > Logo Settings tab from admin bar.



logo : Upload logo image for your store, Which will display at top of the page.

custom logo width : Set custom width of logo. you can specify logo width from this option.







1.4. Menu settings

To configure top Menu from admin bar, go to Online Store > Themes > Customize theme > Header > Main menu settings tab from admin bar.



Menu : Set main menu for your navigation, which will display at header navigation. You can select particular menu from dropdown.





1.5. Categorybox settings

To configure categorybox from admin bar, go to Online Store > Themes > Customize theme > Header > Category settings tab from admin bar.



Category : Set categroy for category box on slider area. you can create new category from admin panel which will display here after successful save.

Set title : Set title of the categories blocks, i.e Trendings, Top collections, Categories.





1.6. Contact settings

To configure categorybox from admin bar, go to Online Store > Themes > Customize theme > Header > Contact us settings tab from admin bar.



Text : Set label text for contact block. i.e Call us, help?, phone.

Number : Set helpline number for your store. which display as helpline number on header.







2. Homepage settings Top 

2.1. Banner settings

To configure banner from admin bar, go to Online Store > Themes > Customize theme > Slideshow > Side Banner settings tab from admin bar.



banner1 :Set banner1 image by uploading image. You can update it by deleting existing image. Recommended banner size is 238 * 223.

banner2 :Set banner2 image by uploading image. Same as banner1.





2.2. Mainslider settings

To configure Mainslider from admin bar, go to Online Store > Themes > Customize theme > Slideshow > Slideshow settings tab from admin bar.



Auto rotate slides : Set slide rotating of main slider on home page. you can disable it by simply unchecking that checkbox.

Change slide every : Set time period of slide change. you can select it from dropdown box.

You can set maximum 4 slide in main slideshow.

You can add/update values of each slide by clicking on Image slide.



2.2.1. Add/Update Single slide

To configure Service from admin bar, go to Online Store > Themes > Customize theme > Slideshow > content > Image slide tab from admin bar.



Image : Add/Upload banner image as new slide, recommended banner slide is 678px * 478px

Slide Link : Set Redirection link of slide. You can set any URL .






3. Services Settings Top 

To configure Services from admin bar, go to Online Store > Themes > Customize theme > Services tab from admin bar.



Show on page :Set visibilty of services block on home page.you can hide it by simply unchecking it.

You can set maximum 4 slide in main slideshow.

You can add/update values of each services by clicking on service.



3.1. Add/Update Single service

To configure Service from admin bar, go to Online Store > Themes > Customize theme > Services > content > Service tab from admin bar.



Icon : Set icon of service you are adding. upload sprite image of service as shown in screen.

Heading Set Heading of service.

Description : set short description about service. small text describing the service.







4.1. Sidebar banner settings

To configure Service from admin bar, go to Online Store > Themes > Customize theme > Sidebar > Sidebar banner settings tab from admin bar.



Show Sidebar banner : Set sidebar banner image, upload image with size 270 * 290.

Target link : Set redirection link of sidebar banner. you can set any url by adding it in textbox.





4.2. Sidebar Products settings

To configure Service from admin bar, go to Online Store > Themes > Customize theme > Sidebar > Set sidebar products tab from admin bar.



Collection : Set sidebar product by simply seleting any collection or category from dropdown.

Set title : Set title of sidebar products, i.e. Best selling, Specials, Featured products.





4.3. Sidebar features settings

To configure features from admin bar, go to Online Store > Themes > Customize theme > Sidebar > Sidebar features tab from admin bar.



Show on page :Set visibilty of features block on home page.you can hide it by simply unchecking it.

You can set maximum 4 features in features block.

You can add/update values of each features by clicking on feature.



4.3.1. Add/Update Single Feature

To configure feature, go to Online Store > Themes > Customize theme > Sidebar > Sidebar features > content > feature tab from admin bar.



Icon : Set icon of feature you are adding. upload image of feature as shown in screen.

Heading Set Heading of feature.

Description : set short description about feature. small text describing the feature.




5. Feature & New Products Top 

5.1. Featured products settings

To configure featured products, go to Online Store > Themes > Customize theme > Sidebar > Featured Products tab from admin bar.



Add Class : Set class name for products block. "featured" is required you can append new class name separated by space.

Heading : Set main heading title for products block. i.e. Featured Products, Home products etc.

List style : Set Product list styling, available options are Grid and Slider, you can select it from dropdown list.

collection : Select colloction for the product block. Available options is any collection from dropdown list.

Products per page : Set total number of products to display. Available options is 2,3,4,5.

Rows per page : Set total number of products per row to display. Available options is 1,2,3,4,5.

Show vendor : Set visibilty of vendor name on product details. you can disable it by simply unchecked the checkbox.

Show view all : Set visibilty of View all button on product grid. you can disable it by simply unchecked the checkbox.





5.2. New products settings

To configure new products, go to Online Store > Themes > Customize theme > Sidebar > New Products tab from admin bar.



All same as above products block.

You need to select different product collection from above block for different product list.

Class name "new" is required you can append new class name separated by space.




6. Subbanners Settings Top 

6.1. Top banner settings

To configure Top banners, go to Online Store > Themes > Customize theme > Sidebar > subbanners tab from admin bar.



Add Class : Class name "twobanner" is required you can append new class name separated by space.

Show on page : Set visibilty of Top banner on home page. You can hide it by simply unchecking it.



6.1.1. Add/Update single subanner

To configure Top banners, go to Online Store > Themes > Customize theme > Sidebar > subbanners > subbanner tab from admin bar.



Subbanner: Add/upload subanner here will diplay on home page. Recommend banner size 460px*251px. Same for all images, Here two banner image uploads are required.



6.2. Bottom banner settings

To configure bottom banners, go to Online Store > Themes > Customize theme > Sidebar > subbanners tab from admin bar.



Add Class : Class name "onebanner" is required you can append new class name separated by space.

Show on page : Set visibilty of bottom banner on home page. You can hide it by simply unchecking it.




7. Brand Settings Top 

To configure brands, go to Online Store > Themes > Customize theme > Sidebar > brands tab from admin bar.



Add Class : Set class name for brand block. Class name "brands" is required you can append new class name separated by space.

Heading : Set main heading title for brands block. i.e. Our brands, Top brands etc.

List style :Set brands list styling, available options are Grid and Slider, you can select it from dropdown list.

brand per row : Set total number of brands per row to display. Available options is 2,3,4,5.



7.1. Add/Update single brand

To configure brands, go to Online Store > Themes > Customize theme > Sidebar > brands > logo tab from admin bar.



Image : Add/Upload brand logo image. recommended size is 90px * 86px.

Link : Set redection link, you can add any web URL. Which redirect you to given URL on logo image click event.






Heading : Set main heading title for products block. i.e. Our Blogs, Latest news etc.

List style : Set Product list styling, available options are Grid and Slider, you can select it from dropdown list.

Blog : Select blog for the blogs list.

Products per row : Set total number of posts in row to display. Available options is 2,3,4,5.

Posts : Set total number of posts to display. Available options is 1,2,3,4,5.

Show author : Set visibilty of author name on post details. you can disable it by simply unchecked the checkbox.

Show date : Set visibilty of date on post details. you can disable it by simply unchecked the checkbox.

Show 'view all' button : Set visibilty of View all button on Blog. you can disable it by simply unchecked the checkbox.






Footer logo : Add/Upload brand logo image. recommended size is 159px *60px.

Footer Description : Add short descriotion about your store which display on footer about us block.

Primary menu : Set primary menu for footer. you can select it from dropdown list. You can create new menu in admin > Online Store > Navigation > Add menu

Information menu : Set Information menu for footer. you can select it from dropdown list. You can create new menu in admin > Online Store > Navigation > Add menu

Extras menu : Set Extras menu for footer. you can select it from dropdown list. You can create new menu in admin > Online Store > Navigation > Add menu

Contact details

Address : Add proper address of your store office which will display on footer contact us.

Phone : Add Phone of your store office which will display on footer contact us.

Mail : Add email address of your store which will display on footer contact us.