Posted In: Tips & Tricks


Fix messing style in admin panel in OpenCart 2

February 7, 2015 - By 

OpenCart 2 is really cool. But it still have some bugs which cause heache for us a lots. One of bugs is messing style in admin panel look like images below.

Login page

Dashboard page

Don’t worry about that. In this post, I will show you how to fix this problem. Please follow the solution below:

Step 1: Edit the file admin\view\template\common\header.tpl

Step 2: Find code

and replace width

 Step 3: Recheck your admin panel

Please note that this problem will be fixed in the next version of OpenCart.


Change default product view from grid to list in OpenCart 2

February 7, 2015 - By 

OpenCart 2 has two product view type: grid and list in listing page. It is convenient for customers to see products in your store. By default the products will be display as grid. But if you want to display products as list by default, OpenCart does not have option to do that.

In this post, I will show you how to change default product view from grid to list.

Step 1: Install our extension Custom JavaScript

Step 2: Add code below to extension Custom JavaScript:

 Step 3: Go to one category in front-store to check it.

You can see it in action here:

Hope this post will help you to improve your store better.


How to display hidden column left, column right in mobile

February 4, 2015 - By 

By default, in the default theme of OpenCart 2, the column left and column are hidden in mobile.

You can see it in this demo in your mobile: The category menu is lost. It is too confusing for us.

Don’t worry about that. You can follow this guide to display them on mobile:

Step 1: Install our own extension Custom JavaScript

Step 2: Go to admin > System > Settings > Edit store > tab Custom JavaScript and add code below:

 Step 3: Check on your mobile again. The problem will go away.

Hope that the developer of OpenCart will fix it in the next version.


Custom CSS & Custom JavaScript in the default theme of OpenCart 2

February 4, 2015 - By 

Sometimes you want to make some changes for the default theme of OpenCart 2. For example you wan to change the blue color of the top menu to red. You have to edit the stylesheet.css file and add code below at the end of the file:

The change is done easily. But note that when you upgrade OpenCart. The change will be lost because the stylesheet file is overridden with new file of new version of OpenCart.

You have to change the new stylesheet.css file again. This task is very timeconsuming.

To solve it, viethemes has just create two extension Custom CSS and Custom JavaScript to add your custom CSS & custom JavaScript easier. You don’t have to edit files directly, so your code changes will not be lost when you upgrade OpenCart 2.

You can download two extension on Custom CSS and Custom JavaScript.

Hope they are useful for your store.


Extra Positions for the default theme of OpenCart 2

February 4, 2015 - By 

The default theme of OpenCart 2 has 4 built-in positions: Content Top, Content Bottom, Column Left, Column Right. It is hard for us to display products and another things like banner, slideshow, … complexly. For example if you want to display a fullwidth slideshow after the top menu, this task can not be done with the 4 positions.

To improve it, viethemes has just created a free extension Extra Positions which add more positions to the default theme:

– Header Top
– Menu
– Promotion
– Footer Top
– Footer Content Top
– Footer Content Bottom
– Footer Bottom

See it in action here:

If you like it, you can download Extra Positions on

If the above positions does not meet your need, please note that viethemes also created a premium extension Extra Positions PRO to add more positions than Extra Position.

Hope with this extension, you can set up your site layout complexly.


How to fix review problem in OpenCart 2

February 3, 2015 - By 

Recent days, I have found some people report about the problem in OpenCart 2. When user write a review in product page, but it does not show successful message.

This is the bug of OpenCart 2.


Read More