Blog
Turn off responsive feature of the default theme in OpenCart 2
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.
You can see it in action here:
If you like the extension, you can buy it on opencart.com: Turn off Responsive Feature.
Fix messing style in admin panel in OpenCart 2
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
|
1 2 |
<link href="view/javascript/bootstrap/less/bootstrap.less" rel="stylesheet/less" /> <script src="view/javascript/bootstrap/less-1.7.4.min.js"></script> |
and replace width
|
1 |
<link href="view/javascript/bootstrap/css/bootstrap.css" rel="stylesheet" /> |
Step 3: Recheck your admin panel
Please note that this problem will be fixed in the next version of OpenCart.
How to display hidden column left, column right in mobile
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:
|
1 2 3 4 5 |
<script> $(document).ready(function () { $('#column-left, #column-right').removeClass('hidden-xs') }); </script> |
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
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:
|
1 2 3 4 5 6 7 |
#menu { background-color: red; background-image: none; } |
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.
Extra Positions for the default theme of OpenCart 2
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
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.
Categories
- Extensions (6)
- Free Extensions (5)
- OpenCart 2 (14)
- Premium Extensions (3)
- Tips & Tricks (14)
- Tutorials (11)
- Uncategorized (1)
Featured Posts
Recent Posts
- Customize style of your theme with Visual Theme Editor completely
- How to change number of products in one row in the category page
- How to change language from a url link in OpenCart 2
- How to increase number of categories in autocomplete box
- How to display module on all layouts in OpenCart 2