Blog

standard

Turn off responsive feature of the default theme in OpenCart 2

February 9, 2015 - By 

As we know that OpenCart 2 came with the default theme which displays responsively in all devices. It is very good news for us because many people are using mobile to view your stores.

But in some cases, you don’t need responsive feature for your store, just display it the same in all devices. To do that, viethemes has just created a extension Turn off Responsive Feature.

Turn off responsive feature

You can see it in action here:
QRCODE

If you like the extension, you can buy it on opencart.com: Turn off Responsive Feature.


standard

Fix messing style in admin panel in OpenCart 2

February 7, 2015 - By 
login

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

Login page

dashboard

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.


standard

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: http://demo.viethemes.com/opencart2/index.php?route=product/category&path=20_27

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


standard

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: http://demo.viethemes.com/opencart2/index.php?route=product/category&path=20. 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.


standard

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 opencart.com: Custom CSS and Custom JavaScript.

Hope they are useful for your store.


standard

Extra Positions for the default theme of OpenCart 2

February 4, 2015 - By 
extra_positions

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: http://demo.viethemes.com/opencart2/index.php?route=product/special

extra_positions

If you like it, you can download Extra Positions on opencart.com.

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.