Thank You For purchasing Templatemela Wordpress Theme.

Our team would be happy to help when you require. If you hany any queries regarding the Theme, please feel free to drop us your query. We will get back to you with answers to your query within 24 hours.



Video Tutorials

Follow the below five video tutorials steps to have your store look same as our demostore.


Step 1 : Upload Theme filess.



You have two ways to install a theme.

1. First way: Upload Theme from FTP


  • Do not upload the Entire Zip files you get from TemplateMela. Please follow following steps to upload theme via FTP:

Step 1: Extract the package, you have downloaded. In the package folder you will get below sub-folders.




Step 2: Extract the theme name zip files followed by "_WP_Theme". Ex, WCM010013_WP_Theme.zip




Step 3: After extracting zip files you will get one folder named theme. Ex, WCM010013_WP_Theme.




Step 4: Upload the theme folder under "wp-content/themes" directory.





2. Second way: Upload Theme from Admin panel


  • Do not select the Entire Zip files you get from TemplateMela. Please follow following steps to upload theme from Admin Panel:

Step 1: Go to Admin Panel > Appearance > Themes > Click on Add New.




Step 2: Click on Upload link to upload theme.




Step 3: Click on Browse button to select theme.




Step 4: Go to the Package folder and select Theme. Press Install Now button to install the theme.


Step 5: Theme has been installed. Click on the Activate Button to activate the theme.




Step 6: Here you go. You are done with theme installation and activation steps. Now theme setup steps are left.





Step 2 : Install & Setup Plugins.

Note : Upload below mentioned plugins first from the below given path.

Path :- ThemePackage \ Wordpress Plugin.zip

1. revslider

Following below plugins you have to install

Plugins Name

2. Black Studio TinyMCE Widget Download here
3. Page Builder by SiteOrigin Download here
4. WooCommerce Download here
5. WooSidebars Download here
6. WordPress SEO Download here
7. WooCommerce Grid / List toggle Download here
8. YITH WooCommerce Zoom Magnifier Download here
9. YITH WooCommerce Wishlist Download here
10. WooCommerce Accepted Payment Methods Download here
11. Newsletter Download here
12. Contact Form 7 Download here


There are two methods to upload your plugins


1) First method


To upload a Plugin Go to Admin Panel > Plugins > Click on Add New.
Then search your plugin's name in search bar as shown in below figure



After search the plugin click on install Now button to install the plugins as shown in below figure
Then click on activate plugins link to activate your plugin



2) Second method


To upload a Plugin Go to Admin Panel > Plugins > Click on Add New.




Now upload a plugin from the Wordpress Plugins folder by following below steps:





By following the above steps upload all the plugins in the WCM010020 \ WordpressPlugins to make your demo same as our demo.

Plugin Settings

WooCommerce - excelling eCommerce Settings

WooCommerce Products Settings


Admin Panel > Woocommerce > Settings > Products to change the Products settings.


Step 1: Click on Products tab
Step 2: Then Click on Display link
Step 3: Select "Shop" as Product Archive / Shop Page
Step 4: CHECK Enable registration on the "Checkout" page
Step 5: Save Changes



WooCommerce Account Settings


Step 1: Click on Accounts tab
Step 2: Select "My Account" as My Account Page
Step 3: Change dimentions of Product Image Sizes
Step 4: Save Changes



Click on Woocommerce -> Settings -> Accounts to change the Account settings.


WooSidebars Settings

WooSidebars Setings

Click on Appearance > Widget Areas > Conditions >Advanced Post Types TAB.


Click on Appearance > Widget Areas > Conditions >Advanced Taxonomy Archives TAB.


Click on Appearance > Widget Areas > Conditions >Advanced WooCommerce TAB.


Regenerate Thumbnails

Regenerate Thumbnails

Click on Add New > Search the Regenerate Thumbnails plugin.


Direct Download Link

Regenerate Thumbnails Use

Click on Media > CHECK the images you want to regenerate-> Select Regenerate Thumbnails from drop down Apply.


Contact Form 7

To install the Contact Form 7 plugins

Go to Plugins option


Click on Add New then seacrh "Contact Form 7" in search bar

OR

Direct Download Link

After installing the contact form 7 plugins you have to add some code to create contact form

Click on contact

then click on add new to create new contact form


After click on add new button copy the code and paste it to create the contact form same as our live demo.

<div class="txt_cnct">[text* your-name placeholder "Name"]</div></br>
<div class="txt_cnct">[email* your-email placeholder "email"]</div></br>
<div class="txt_cnct">[text your-subject placeholder "Subject"]</div></br>
<div class="txt_cnct">[textarea your-message placeholder "your message"]</div></br>
[submit "Send"]



Now call the shortcode into the contact page.


Goto pages -> then edit the Contact Us page.

[container][title size="small" type="simple" align="center"]Contact Form[/title][contact-form-7 id="3996" title="Contact form 1"][/container]


Copy the above code and paste it in that page according to below image




For more detail about contact form 7 plugins go to Contact Form 7

Step-3 : Import Sample Data


Step 1: Go to Admin Panel > Appearance > Tools > Click on Import.




Step 2: Click on Wordpress (last option).




If you do not have installed Wordpress Installer then only follow below step.


Click on Install Now to install Wordpress Installer.




Click on Activate Plugin & Run Importer to activate Wordpress Installer.




Step 3: Click on Browse button to select the Sample Data files.




Step 4: Select demostore.wordpress.XML files to import sample data posts, pages, portfolios, menus etc. Then Click on Upload files and Import button.



Step 5: Select the Author you want to assign the user of sample data as author.


You MUST CHECK Download and import files attachment Option to get the images to be Imported. Press the Submit button

If you are not checking this checkbox, you will not be able to get the images and you will get "Failed to import Media". Still do not bother about this message. Only the thting is you will not get images, which you definatly will replace for your store.


Step 6: You are done with sample data import. Please check your posts, pages, portfolios and menus.





Step-4 : Homepage Settings

Go to Admin > Settings > Reading > Reading settings


To display Homepage as landing page and posts listing page as Blog page follow below steps:

.

Step 1: Select "A Static Page" option
Step 2: Select Homepage as Front Page
Step 3: Select Blog page as Posts Page
Step 4: Save Changes





Go to Admin Panel > Appearance > Menus


For creating main navigation, choose Menu from dropdown.
Step 1: Select Menu
Step 2: Click on Select button
Step 3: Check Navigation Menu and TM Footer Navigation
Step 4: Save Menu
And you are done with Main Navigation.





For creating short menu navigation, choose Header Top Links from dropdown.
Step 1: Select Header Top Links
Step 2: Click on Select button
Step 3: Check TM Header Top Links
Step 4: Save Menu
And you are done with Small Navigation with extra navigation links links.




Step-6 : Widget Settings

We Provide You different widgets area for making your site dynamic.




Theme Widgets

1 : Front Page Widget Area

You can Drag Woocommerce Products, WooCommerce Top Rated Products, WooCommerce Recently Viewed, WooCommerce Products Tag, TM - Left Banner Widget?


WooCommerce Products
Title:Products
Number of products to show: 5

WooCommerce Top Rated Products
Title:Top Rated Products
Number of products to show: 3

WooCommerce Recently Viewed
Title:Recently Viewed
Number of products to show: 5

WooCommerce Products Tag
Title:Products Tags

TM-Left Banner Widget
Image URL:leftbanner.jpg
Link URL:#

2 : Shop Sidebar Area

You can Drag WooCommerce Top Rated Products, WooCommerce Price Filter, WooCommerce Products Tag, WooCommerce Recently Viewed, WooCommerce Recent Reviews


WooCommerce Product
Title: Products
Number of products to show:5

WooCommerce Price Filter
Title:Filter by price

WooCommerce Recent Reviews
Title:Recent Reviews
Number of products to show: 4

WooCommerce Recently Viewed
Title:Recent Viewed
Number of products to show: 4

3 : Main Sidebar Area

You can Drag Recent Posts, Recent Comments,Archives, Categories and drop into Main Sidebar Area.


Recent posts
Title:Recent posts

Recent Comments
Title:Recent Comments

Archives
Title:Archives

Categories
Title:Category


4 : Header Area

You can Drag WooCommerce Cart and drop into Header Area .


5 : Header Search Area

You can Drag WooCommerce Product Search and drop into Header Search Area .


6 : Header CMS Widget Area

You can Drag TM-Header CMS Block Widget and drop into Header CMS Block Area.


TM-Header CMS Block Widget
MainTitle1: Free Shipping On All Products
LinkURL1:#
MainTitle2:Money Back Guarantee
LinkURL2:#
MainTitle3: Special weekly Offer
LinkURL3:#

7 : Menu Category Widget Area

You can Drag Woocommerce Product Categories Widget and drop into Menu Category Widget Area.


Woocommerce Product Categories Widget

8 : First Footer Widget Area

You can Drag TM-Static Links Widget and drop into First Footer Widget Area, Second Footer Widget Area and Third Footer Widget Area.


TM-Static Links Widget
Title: Information
Service1: Store Locator
Link URL1:#
Service2: Shipping Details
Link URL2:#
Service3: Track an Order
Link URL3:#
Service4: Affiliate
Link URL4:#
Service5: Discount on products
Link URL5:#


9 : Forth Footer Widget Area

You can Drag TM-Footer Contact Us Widget and drop into Forth Footer Widget Area.


TM-Footer Contact Us Widget
Title: Contact Us
text: Megnor Comp Pvt Limited
Address: 507-Union Trade Centre, Beside Apple Hospital, Udhana Darwaja, Ring Road, Surat, India
E-mail: support@templatemela.com
Link: #
Phone No: (91)-8866888222


10 : Footer Content Block Area

You can Drag Newsletter Widget and drop into Footer Content Block Area.


11 : Brand Logo Widget Area

You can Drag Visual Editor Widget and drop into Brand Logo Widget Area.


Visual Editor Widget
ShortcodeCode:
[tm_logo type="slider" items_per_column="5"][tm_logoinner image="http://template-demo.org/woo/WCM01/WCM010013/WP1/wp-content/uploads/2014/06/logo1.png" link_url="#"][/tm_logoinner][tm_logoinner image="http://template-demo.org/woo/WCM01/WCM010013/WP1/wp-content/uploads/2014/06/logo2.png" link_url="#"][/tm_logoinner] [/tm_logo]

12 : Footer Payment Block Area

You can Drag Woocommerce Accepted Payment Widget and drop into Footer Payment Block Area.


Woocommerce Accepted Payment Widget

Step-7 : Theme Translation

For translating the theme you need to add the plugin WPML.


For adding WPML plugin follow below steps:
Step 1: Go to admin panel
Step 2: Click on plugins option
Step 3: Add New plugin
Step 4: Upload plugin
Step 5: Select the directory where the plugin resides and install it.
Step 6: Activate plugin.


As this plugin is pro you have to buy it we don't provide it with our theme package.

Step 7.1 :Language Setup

The languages section allows you to turn a WordPress site multilingual.
To manage languages, go to WPML > Languages .
When you configure WPML for the first time, you need to choose the language of existing content.


You follow up this documentation for more on how to setup language.
Language Setup

Display the language switcher

You can display the language switcher in sidebar, in the footer by selecting the options available when you setup a new language.

Step 7.2 :Select Theme Translate Option

WPML allows to get translations for texts in themes and plugins in who ways:
1) The traditional .mo files (good for when you already got that with the theme).
2) Translating the theme’s texts directly from WPML


Select translating the theme by WPML option.
And click on Save button.

Step 7.3 :Scan Theme Strings for translation

After you clicked on save button you would be able to see the option strings in the theme.
Click on scan the theme for strings.
And it will display the strings that are translated and not translated.


Step 7.4 :String Translation

WPML’s String Translation module is part of the Multilingual CMS package. To enable it, you first need to download and install from your WPML.org account.
Then, go to WPML->String Translation.



1) Add the translation of the text into your language.
2) Check the box for translation is complete.
3) And the save the translation.
4) Same way tranlsate all the strings that are not translated.

For more details regarding the WPML plugin follow this documentaion

Need More Help?

Once again, thank you so much for purchasing the theme. We are glad to help you if you have any questions relating to this theme. You can contact us and submit technical Supprot Ticket from our support desk https://www.templatemela.com/support/




Step-1 : Upload Child Theme Files.



You have two ways to install a child theme.

1. First way: Upload Theme from FTP


  • Do not upload the Entire Zip File you get from TemplateMela. Please follow following steps to upload theme via FTP:

Step 1: Extract the package, you have downloaded. In the package folder you will get below sub-folders.




  • Please upload parent theme first, then upload child theme.
  • NOTE:- After upload the Parent Theme don't active it.Because you have to active the child theme first.

Step 2: Extract the theme name zip file followed by "_WP_Theme". Ex, WCM010013_WP_Theme.zip




Step 3: After extracting zip file you will get one folder named theme. Ex, WCM010013.




  • Same way extract the WP_Child_Theme and you will get child theme folder.


Step 4: Now Upload the theme folder under "wp-content/themes" directory.





2. Second way: Upload Theme from Admin panel



Step 1: Goto > Appearacnce > Theme then click on Add New button to select parent theme.




Step 2: Then click on Upload Theme button to select parent theme.




Step 3: Then click on Browse and Go to the Package folder and select Parent Theme. Press Install Now button to install the parent theme.





Step 4: Parent Theme has been installed. But don't activate the parent theme




Step 5: Now you have to upload your child theme same as parent theme.




Step 5: Child Theme has been installed. Now activate the child theme.




Step 7: Here you go. You are done with theme installation and activation steps. Now theme setup steps are left.





Step-3 : Import Child Sample Data

  • We are providing sample data to look your store like our Demo

Step 1: Go to Admin Panel > Appearance > Tools > Click on Import.




Step 2: Click on Wordpress (last option).




If you do not have installed Wordpress Installer then only follow below step.


Click on Install Now to install Wordpress Installer.




Click on Activate Plugin & Run Importer to activate Wordpress Installer.




Step 3: Click on Browse button to select the Sample Data file.




Step 4: Select demostore.wordpress.XML file to import sample data posts, pages, portfolios, menus etc. Then Click on Upload File and Import button.



Step 5: Select the Author you want to assign the user of sample data as author.


You MUST CHECK Download and import file attachment Option to get the images to be Imported. Press the Submit button

If you are not checking this checkbox, you will not be able to get the images and you will get "Failed to import Media". Still do not bother about this message. Only the thing is you will not get images, which you definatly will replace for your store.


Step 6: You are done with sample data import. Please check your posts, pages, portfolios and menus.





Step-7 : Child Widget Settings

  1. WCM010013_Electronics

  2. WCM010013_Cosmetic

  3. WCM010013_Coffee

  4. WCM010013_Kids

  5. WCM010013_Fullwidth






Need More Help?

Once again, thank you so much for purchasing the theme. We are glad to help you if you have any questions relating to this theme. You can contact us and submit technical Supprot Ticket from our support desk https://www.templatemela.com/support/