Documentation - Opencart Theme OPC070159

Opencart Theme OPC070159

Thank You For purchasing Templatemela Opencart Theme.

If you have any questions, please feel free to contact us via our support form https://www.templatemela.com/support. Thanks again for your purchase.

Visit US Mail Us

Step 1 : Installation Back to Top

Please, read the whole section, before attempting to install the theme.
IT IS RECOMMEND TO ALWAYS BACKUP YOUR SYSTEM BEFORE MAKING ANY UPGRADES OR CHANGES!

Copy the directories from “Opencart Files” (provided in to ZIP file) to your opencart root. Copy those directories at your opencart root respectively,
e.g Your copy path will be
”admin” (Overwrite this folder)
”catalog” (Overwrite this folder)
”image” (Overwrite this folder)

If you want to enable languages then you can download it from this site http://www.opencart.com .
Download language from given url and paste it to your language directory.
Language directory root : "catalog/language".

Now we have to set our Template from Admin panel
Under Admin Panel > System > Settings > Store > Template
Select “OPC070159” into Templates field.
And Click on “Save” button at top right corner.

Step 2 : Logo and Image size settings Back to Top

For Logo setting , Go to System > Setting > Edit > Images,
From Store Logo you can upload your logo image.

For Image Size setting , Go to System > Setting > Edit > Images,
Change Category Image Size to : 730 X 146,
Change Product Image Thumb Size to : 332 X 375,
Change Product Image List Size to : 205 X 195,
Change Additional Product Image Size to : 332 X 375,
Change Related Product Image Size to : 205 X 195,
Click on “Save” button.

Step 3 : Language Settings Back to Top

To Enable Laguages login to your admin panel and do follwing settings.

For Example To add French Language :
Go to System > Localisation > Languages,
Click on “Add New” button to add new Language.
Language Name : French
Code : fr
Locale : fr_CA.UTF-8,fr_FR.UTF-8,fr_CA,fr_FR,fr-fr,frenc
Image : fr.png
Directory : french
Filename : french
Status : Enable,
Sort Order : as you like.
Click on “Save” button.

Same way you can do the settings for other Languages.

Step 4 : Banner Settings Back to Top

4.1 : Main Banner

For adding Main banners go to System > Design > Banners.
(disable HP Products Tab by clicking edit button)
Click on “Add New” button to add new banner.
Give Banner Name: Home Page Slideshow,
From status select Enabled,
and click on “Add Banner” button.
Give title of your banner and click on image to upload your banner.
Again click on “Add Banner” button and upload another banners.
Now click on “Save” button.

Now to activate your Main banners go to Extensions > Modules > Slideshow click on Edit link
Give Module name: Slideshow-Home Page,
From Banner select Home Page Slideshow ,
Give Width & Height (1920 X 600) (your banner Width and Height),
From status select Enabled,
Now click on “Save” button.

Step 5 : HTML Content Back to Top

Go to Extensions > Modules > HTML Content > Install(After install click on "Edit" link),
For FooterBottom Payment CMS
Click on Add Module to add cms block.
Give Module Name: Footer-bottom-CMS
Now click on Code View button in text editor block and paste this code.
From status select Enabled,

For FooterRight Contact Us
Again Click on Add Module to add cms block.
Give Module Name: Footer-right-CMS
Now click on Code View button in text editor block and paste this code.

<div id="block_contact_infos"><h5>Contact us</h5>
<ul>
<li><strong>My Company</strong></li>
<li>42 avenue des Champs Elysées 75000</li>
<li>Paris France</li>
<li class="contact">Tel 0123-456-789</li>
<li class="addresses">Email <a href="mailto:sales@yourcompany.com">sales@yourcompany.com</a></li>
</ul>
</div>
<div class="social_block column" id="social_block"><h5>Follow us</h5>
<ul>
<li class="facebook"><a href="#">Facebook</a></li>
<li class="twitter"><a href="#">Twitter</a></li>
<li class="rss"><a href="#">RSS</a></li>
</ul>
</div>

For Home-Aboutus-CMS
Again Click on Add Module to add cms block.
Give Module Name: Home-Aboutus-CMS
Now click on Code View button in text editor block and paste this code.
From status select Enabled,

<div class="about-store"><div class="description-left"><div class="box-heading">About Jewellery Store</div>
<div class="block-content"><p>Lorem ipsum presta shop amet Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Lorem ipsum dolor sit amet, consectetur adipisicing elit</p>
</div>
</div>
<div class="image-right"><img src="../image/catalog/latest-update.png"></div>
</div>

Step 6 : Information Back to Top

Go to Extensions > Modules > Information > Edit (Click on Install link if Edit link is not there),
From Status select Enable,
Click on “Save” button.

Step 7 : Featured Products Back to Top

Go to Extensions > Modules > Featured Products > Edit (Click on Install link if Edit link in not there),
Give Module Name = Feature-Home Page
From Status select Enable,
Give Limit = 10,
Give Image size ( 205 X 195),
Click on “Save” button.

Step 8 : Bestsellers Back to Top

Go to Extensions > Modules > Bestsellers > Edit (Click on Install link if Edit link in not there),
Give Module Name = Sidebar BestSeller
From Status select Enable,
Give Limit = 3,
Give Image size (80 X 80),

Step 9 : Latest Products Back to Top

Go to Extensions > Modules > Latest > Edit (Click on Install link if Edit link in not there),
Give Module Name = Home Latest
From Status select Enable,
Give Limit = 4,
Give Image size ( 205 X 195),
Click on “Save” button.

Go to Extensions > Modules > Latest > Edit (Click on Install link if Edit link in not there),
Give Module Name = Left-Latest
From Status select Enable,
Give Limit = 3,
Give Image size (80 X 80),
Click on “Save” button.

Step 10 : Special Products Back to Top

Go to Extensions > Modules > Specials > Edit (Click on Install link if Edit link in not there),
Give Module Name = Sidebar Special
From Status select Enable,
Give Limit = 3,
Give Image size (80 X 80),
Click on “Save” button.

Step 11 : Account Back to Top

Go to Extensions > Modules > Account > Edit (Click on Install link if Edit link in not there),
From Status select Enable,
Click on “Save” button.

Step 12 : Affiliate Back to Top

Go to Extensions > Modules > Affiliate > Edit (Click on Install link if Edit link in not there),
From Status select Enable,
Click on “Save” button.

Step 13 : Layout Setting Back to Top

For Layout Setting Go to System > Design > Layouts ,
For Home Layout setting Click on Home layout Edit link, and set below settings.

For Account Layout setting Click on Account layout Edit link, and set below settings.

For Affiliate Layout setting Click on Affiliate layout Edit link, and set below settings.

For Category Layout setting Click on Category layout Edit link, and set below settings.

For Checkout Layout setting Click on Checkout layout Edit link, and set below settings.

For Compare Layout setting Click on Compare layout Edit link, and set below settings.

For Contact Layout setting Click on Contact layout Edit link, and set below settings.

For Default Layout setting Click on Default layout Edit link, and set below settings.

For Information Layout setting Click on Information layout Edit link, and set below settings.

For Manufacture Layout setting Click on Manufacture layout Edit link, and set below settings.

For Product Layout setting Click on Product layout Edit link, and set below settings.

For Search Layout setting Click on Search layout Edit link, and set below settings.

For Sitemap Layout setting Click on Sitemap layout Edit link, and set below settings.

Step 14 : Need More Help? Back to Top

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/