OpenCart — is an Open Source e-commerce application. OpenCart provides easy customization of your online store. OpenCart community includes a number of users starting from the experienced web developers looking for the user-friendly interface, ending with shopkeepers that start their online business for the first time. OpenCart provides a great amount of features that allow you to control your store. Using OpenCart tools you can easily uncover the store potential.

Document Opencart What`s new in Opencart 3

System Requirements for Opencart:

In this article, we will guide you some instructions and tips in term of configuration on OpenCart Theme.

You read user-guide to install default OpenCart:

How to install language? (example: turkey)

1. Install Laguage

This time, you will learn how to make your OpenCart 3 store available in multiple languages.

You can read more information: Click here

2.How to manage content, products and categories translations

1. Usually, Opencart top menu displays Categories. Navigate to Catalog › Categories, select the category you would like to translate, click the Edit icon and insert translation into corresponding language tab of the category:

   

2. Navigate to Catalog -> Products to start products translation. Select the product you would like to translate, click the Edit icon next to it and insert translations into the General tab of a product:

   

3. In case you would like to translate one of content pages on the site, open the Catalog -> Information tab, select the page required and insert translations into the corresponding language tab of content editor.
4. Navigate to Opencartworks -> So Themes Config to start translation, insert translations into the content:

   Note

   Because there are so many modules, Select the module you would like to translate. Insert translations into the content

   

   

5. Refresh the front-end with the Ctrl/Cmd+F5 hotkeys to check the changes.

3. How to use translate Language in Module

If the module has language files for English and you want to translate them for Spanish, then at the very first copy all the language files from English language directory and paste all of them in Spanish directory in the same structure as it was in English language.

1. Extract the language archive file which you downloaded into your PC: patch_language_v3.x
2. We filter out language files of theme and modules:

   - patch_language_v3.x\admin\language\en-gb
   - patch_language_v3.x\catalog\language\en-gb

   To your language: replace "en-gb" with the name of the language (English, German...).

3. Upload admin and catalog folders you replaced into your OpenCart folder
4. Then please go to catalog => language => extension => you make translates language all files below

   

   For example, there is a file in module directory for English language called foo.php then copy this into the module directory of Spanish language.

   Suppose Enlish file has these keyword to be translated as below screenshot.

5. Refresh the front-end with the Ctrl/Cmd+F5 hotkeys to check the changes.

1. Go to Admin › Simple Blog › articles . Missing Database Tables for this Extension, Click 'Install simple blog'

2. You must create a new author, new category, new article
3. Go to Admin › Simple Blog › Setting › General Setting. set values properties for for simple blog. Click Save
4. To view simple blogs outside you address type index.php?route=extension/simple_blog/article or Admin > Menu Simple blog > General Setting > Simple Blog Seo Keyword Heading (This name will be as seo keyword when simple blog is clicked)
5. Create page blogs : Design › Layouts › Create new blog layout › set route: extensions/simple_blog/%

   add module for content postion (see Layout default)

1. Install this theme successfully
2. Download Multivendor module from Click here.Install/configure it following their guide.
3. Please configure the multivendor : Go to Admin › Extensions › Module > Click 2 module (Purpletree Multivendor Settings, Purpletree Seller Panel )

   Module Purpletree Multivendor Settings

   

   Module Purpletree Seller Panel : config show enable

4. Go to Admin › Design › Layouts › Account › Column Right : add module Purpletree Seller Panel

   

5. Install the file so3_emarket_purpletree_multivendor_v108.ocmod.zip
6. Go to Admin > Extensions > Modification and click on the Blue Refresh button to apply changes..
7. Once done, clear the cache. Dashboard > Click gear icon to clear cache

   

8. Refresh your store's front page you should see the theme installed successfully.

1. Unzip the download package of Slider Revolution. Upload admin, catalog, image & system file in your root directory.(Note: If you are an existing revslider 2.3 user , please rename your system>config>revslider folder)

   

2. Navigate Extensions > Extensions , Select Modules on extension type.

   

3. Install Revolution Slider OpenCart & Revolution Slider Output This will take some time.please wait untill it finishes installation.

   

   

4. Navigate System > Users > User Groups, then click on Edit button of Administration.

   

5. Click on Select All both Access Permission and Modify Permission, then Save these settings.

   

6. Navigate Extensions > Modifications, then click on Refresh button.

   

7. Refresh the front-end with the Ctrl/Cmd+F5 hotkeys to check the changes.

Show The Slider on Home page

Navigate Extensions > Extensions > Revolution Slider Output : Edit

Set a Module Name and Slider

Navigate Opencartwork > So Page Builder: Home 1

1. Installed vQmod. (How to install vQmod on Opencart?)
2. Extract the archive file on your machine that you’ve downloaded from CodeCanyon. We included install packet and document in this file. Please choose folder compatibility with version of Opencart.
3. Upload the 4 folders found inside (admin, catalog, tshirtecommerce, vqmod)

   

   to your OpenCart root installation and merge them with the existing ones.
4. Navigate Extensions > Extensions , Select Modules on extension type.find T-Shirt eCommerce Module and click on the green Install button.
   

   

5. Navigate System > Users > User Groups, then click on Edit button of Administration.

   

6. Click on Select All both Access Permission and Modify Permission, then Save these settings.

   

7. Navigate Extensions > Modifications, then click on Refresh button.

   

8. Refresh the front-end with the Ctrl/Cmd+F5 hotkeys to check the changes.

Live Theme Editor extension changes the look and feel of the default theme with the real-time preview. You can see your changes instantly and see what works the best, before you make the changes actually live.

Go to admin › OpenCartWorks › So Themes Config › Button Product Feature

Click on product to create features product. Any product added config features will have labels so feature

Go to OpenCartWorks › So Themes Config › General Options

1.Home Styles - Choose the layout that you like. Click button Apply Default Setting Choose the Layout

• Name Color: Set name color (do not uppercase letters) and fill color. Continue Click button New Color.
• Select Color: Select the color you just created › Click button Save
• Apply Default Setting: You want to apply default layout setting

• Banner Hover Effect: Hover over image below to see effect.Choose the banner that you like
• Preloader: You want to show the Preloader
• Preloader Styles: Choose the preloader style that you like

• Coming Soon Background - Set background image for Coming Soon
• Coming Soon Title - is the heading of Coming Soon
• Date - is the dates of coming soon
• Content - is the content of coming soon

View Frontend:

• Header Style: Choose the Header Style that you like, to pair with home page
• Sticky Header: When the user scrolls the page, Sticky Menu to the top of the browser window during scrolling
• Select Block on header: Choose your parts you want to show on the sticky Menu
• Display Wishlist icon: Show wishlist icon Option (yes|no)
• Display Compare icon: Show Compare icon Option (yes|no)
• Primary Promo Message: is the content of Primary Promo Message
• Secondary Promo Message: is the content of Secondary Promo Message

View Frontend:

1.Sticky Header

2.Primary Promo & Secondary Promo Message

• Footer Style: Choose the Footer Style that you like, to pair with home page
• Status Payment: show image the Payment
• Copyright: It is the content to Copyright

Go to admin › OpenCartWorks › So Themes Config › Design & Colors

1.Layout Style

• Layout Style - Select one in option (Default|Layout fluid|Layout boxed)
• Shopping cart icon - Select cart icon

2.Body Background

• Body Background Color - Set background color for Mainbody
• Background Image: - Set background image for Mainbody
• Background Image display mode - Set background image display mode
• Background Image display Attachment - Set background image display attachment

3.Header Background

Go to admin › OpenCartWorks › So Themes Config › Typography

• Enable - Option Yes/No
• Family - Select show the font Family.
• Weight - is the font weight
• Subset - is the Google Fonts subset
• Size - is the font size
• Transform - is the font Transform
• Custom Selectors - is add the class name for css selectors

Go to admin › OpenCartWorks › So Themes Config › Store › Common

• Display Sidebar - Select the sidebar left or right
• Display Subcategory Position - Select one in option ( Outside content| Inside content)
• Display Sidebar Offcanvas - Add page content inside this div if you want the side nav to push page content to the right
• Sticky Sidebar - Attach sidebar to the page when the user scrolls such that the element is always visible

View Frontend:

1.Display Category Featured - Show/Hide Category Featured

2.Display Category Description - Show/Hide Category Description

3.Style Subcategory

Go to admin › OpenCartWorks › So Themes Config › Store › Product Listing

View Frontend: The options on the create Menu features

View Frontend:

1.Grid View

2.Show Image Gallery and Show position cart info

3.Element visibility

Go to admin › OpenCartWorks › So Themes Config › Store › Product page

• Product gallery - Select one in option ( Gallery Bottom| Gallery Left| Gallery Grid | Gallery list | Gallery Slider)
• Checkbox and Radio Style - refreshing the default option is more beautiful
• Zoom main image on hover - Options (yes/no)
• Enable Size Chart - add product image size chart
• Information Tabs - Select one in option(vertical|horizontal)
• Enable Button Show More - Add button (show more) on product description, click button (show more) show full description
• Show Shipping & Payment - Add new tabs Shipping & Payment
• Show Social Share - Options (yes/no)
• Show Related - Options (yes/no)
• Related product number per row - Column number display related product

1.Product gallery

2.Checkbox and Radio Style

View Frontend: The options on the create Menu features

Go to admin › OpenCartWorks › So Themes Config › Sidebar Social

• Show sidebar social - It is the default fonts of the system
• Show Facebook - Options (yes/no)
• Facebook ID - is the Account Facebook.
  For example: Facebook ID = MagenTech (https://www.facebook.com/MagenTech)
• Show Twitter - Options (yes/no)
• Twitter username - is the Twitter username
• Show Youtube - Options (yes/no)
• Youtube ID - is the content of custom block
• Show Instagram - Options (yes/no)

Go to admin › OpenCartWorks › So Themes Config › Script Manager

• Location Header on page - add Script contents Location Header on page
• Location Footer on page - add Script contents Location Footer on page

Go to admin › OpenCartWorks › So Themes Config › Advanced

• SCSS Compile - Compile scss source for get css styles using
• User Developer Compile Muti Color - Only user developer
• Show Minify CSS - compress all css to only one file
• Show Minify JS - compress all js to only one file

There are two ways to configure Extensions of this Theme:

Option 1: Go to Admin Control Panel => OpenCartWorks => So Page Builder => Select the Layout you want.

Themes is using extensions:

1. So Page Builder: Click here to read user guide
2. So Mega Menu: Click here to read user guide
3. So Onepage Checkout: Click here to read user guide
4. So Search Pro: Click here to read user guide
5. So Home Slider: Click here to read user guide
6. So Category Slider: Click here to read user guide
7. So Listing Tabs: Click here to read user guide
8. So Extra Slider: Click here to read user guide
9. So Deals: Click here to read user guide
10. So Filter Shop By: Click here to read user guide
11. So Latest Blog: Click here to read user guide
12. So Newsletter Custom Popup: Click here to read user guide
13. So Social Login: Click here to read user guide
14. So Instagram Gallery: Click here to read user guide
15. So Quickview: Click here to read user guide

Option 2: Go to Admin Control Panel › Extensions › Extensions › Choose the extension type: Modules => And choose the module you want.

Go to Admin Control Panel => OpenCartWorks => So Page Builder => Select the Layout you want.

1.Example So Page Builder : Edit Home 1

It will list all modules in the home page 1, You want to edit the module then click edit it

2.Example So Page Builder : Edit Footer 1

It will list all modules in the Footer 1, You want to edit the module then click edit it

3.Example So Page Builder : Edit Mobile Page Builder - Home 1

Frontend Appearance

Go to Admin › Opencartworks › SO Megamenu › So MegaMenu Tab › set values are adjusted for SO Megamenu

1.Config Menu - Shop

Config Menu item - categories:

Config Menu item - banner:

<div class="img-banner-w">
    <div class="img-banner"><a href="#"><img src="image/catalog/menu/megabanner/image-5.jpg" alt="banner"></a></div>
    <div class="img-banner"><a href="#"><img src="image/catalog/menu/megabanner/image-6.jpg" alt="banner"></a></div>
</div>

2.Config Menu - Page

Config Menu item - List pages:

<div class="row">
	<div class="col-sm-6">
		<ul class="row-list">
		   <li><a class="subcategory_item" href="index.php?route=information/information&amp;information_id=4">About Us</a></li>
		   <li><a class="subcategory_item" href="index.php?route=information/information&amp;information_id=6">Services</a></li>
 			<li><a class="subcategory_item" href="index.php?route=information/information&amp;information_id=3">FAQs</a></li>

		   <li><a class="subcategory_item" href="index.php?route=information/contact">Contact us</a></li>
		   <li><a class="subcategory_item" href="index.php?route=information/information&amp;information_id=7">Support 24/7 Page</a></li>  
		</ul>
	</div>
	<div class="col-sm-6">
		<ul class="row-list">
		  <li><a class="subcategory_item" href="index.php?route=information/information&amp;information_id=9">Typography</a></li>
		  <li><a class="subcategory_item" href="index.php?route=information/information&amp;information_id=5">Photo Gallery</a></li>
		  <li><a class="subcategory_item" href="index.php?route=information/sitemap">SiteMap</a></li>
		    <li><a class="subcategory_item" href="index.php?route=information">Page 404</a></li>
		  <li><a class="subcategory_item" href="index.php?route=information/information&amp;information_id=8">Coming Soon </a></li>
	</ul>
	</div>
</div>

Frontend Appearance

If you have any question that is beyond the scope of this help file, please send us via: Submit a Ticket

Our working hours: Monday to Friday 8AM - 5PM GMT+8.

Thank you so much for purchasing this theme!

We Do Support:

• Provide detailed documentation to help you install and configure the theme successfully by yourself.
• Answer your enquiries about theme configuration and use.
• Answer you how to edit and translate the language files.
• Fix bugs of our themes ONLY if the source code are not modified.

We Do Not Support:

• Upgrading the theme on your store if the source code was modified by any reasons.
• Editing the theme's source code for your own requirements which the theme's current version is not supported. Except editing language files.