Posted by & filed under How to.

Many users want more than the default tabs provided by OpenCart. You need a plugin for that.

Plugin

First, install this free excelent extension http://www.opencart.com/index.php?route=extension/extension/info&extension_id=9594

Compatibility file

Then, just upload the following file for compatibility with Sellegance, Clearshop and Fortuna themes. Replace the existing file /vqmod/xml/extra_product_tab.xml  with this new one

Instructions

Follow the instructions inside the plugin package to add your own tabs… or read this:

1. Ensure you have vqmod installed.

2. Unzip the extra_product_tabs_vx.x.x.zip file

3. Upload the contents of the “Upload” directory to the root directory of your OpenCart installation

— No files are overwritten unless you are upgrading this extension

4. If you installed an earlier version of this extension please remove the file ‘vqmod/xml/extra_product_tab.xml’

5. Optional – If using another Admin language that is supported.

Upload the contents of the directory

Other Admin Languages/’Language Name’/Upload

For Example

Other Admin Languages/greek/Upload

to the root directory of your OpenCart installation

— No files are overwritten unless you are upgrading this extension

6. Upload the contents of the directory

Other Themes/sellegance-fortuna-clearshop/Upload

to the root directory of your OpenCart installation

— Files from this extension are overwritten with Theme specific versions

7. From the admin menu, go to ‘Admin->Users->User Groups’.

8. Select the “Top Administrator” (Unless you are using some other group)

9. Check the entries for ‘catalog/tab’ giving both modify and access permission, then save

10. From the admin menu, go to ‘Catalogue->Extra Product Tab’ and create the extra product tabs you need.

11. From the admin menu, go to ‘Catalogue->Products’ and edit a product, you should see
an extra ‘tab’ called ‘Extra Tabs’ which will allow you to add an extra tab to a product.

Posted by & filed under Extensions, OpenCart.

Updated! If you want to change the default header layout to display a full width logo use the following code to your Custom CSS code

Go to Extensions > Modules > Theme Options > Custom Code tab > CSS code and paste the following snippet:

#logo {width:100%; left:0;}
#logo img { width:100%; max-width:auto; }
@media (min-width: 768px) {
  .leftbox, .middlebox, .rightbox { margin-top:10px; }
  .leftbox, .rightbox { width: 50%; right:0; }
  .leftlogo #welcome { text-align:left; margin: 0 0 10px;}
}

The old vqmod method is no longer working. It’s here just for reference:

Posted by & filed under Blog, Releases.

Fortuna 1.2.1 for OpenCart

  • NEW Compatible with OpenCart 1.5.5.1
  • Updated Previous/Next Product extension. Now it will cycle on the same category
  • Fixed issues with grid view. On some configurations the boxed were overlapping, the problem is fixed now.
  • CSS fixes
  1. Get the new files from your account on Themeforest
  2. Important Delete catalog/view/theme/fortuna/template/payment folder
  3. If you are using bootstrap pagination, remove wishlist and remove comparison extensions (from older Sellegance versions) delete those files from vqmod/xml
  4. Upload the new files overwriting the old ones
  5. Go to Fortuna Theme Options module and save the new options
  6. Clear your vQmod cache (delete files in vqmod/vqcache)
  7. That’s it

The update process should be smooth but if get any issues contact me through my profile page on Themeforest.

Still don’t have Fortuna theme?

Get theme now

Facebook Like Box - Fortuna

Posted by & filed under Fixes.

Facebook Like Box - Fortuna

 

Some days ago the Facebook Like Box widget included in Fortuna theme stopped working.

There was a change on the Facebook end. But the problem it’s easy to fix.

How to fix the issue?

If you want to make the updates for yourself let me explain.

1 First, add a container <div class="fb-container"> to the current box on catalog/view/theme/fortuna/template/common/footer.tpl and make sure to insert https://www.facebook.com/ to the href attribute,

<div class="fb-container">
  <div id="bg-box" class="fb-like-box" data-href="https://www.facebook.com/<?php echo $this->config->get('fortuna_facebook_id'); ?>" data-width="290" data-height="180" data-color-scheme="light" data-show-faces="true" data-border-color="#FFF" data-stream="false" data-header="false"></div>
</div>

2 Then, the CSS to hide the border (catalog/view/theme/fortuna/stylesheet/stylesheet.css):

.fb-container {
  width: 288px;
  height: 178px;
  overflow: hidden;
  margin: 0 auto;
}

.fb-container > div {
  margin: -1px 0px 0px -1px;
}

3 Delete the references to Facebook frame at the bottom of the same file.

/* This element holds injected scripts inside iframes that in some cases may stretch layouts. So, we're just hiding it. */
#fb-root {
display: none;
}

/* To fill the container and nothing else */
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
width: 100% !important;
}

4 Also, you need to change the Facebook ID on Fortuna theme options module for the url ending. For example, if the page is www.facebook.com/everthemes, you need:

Facebook page

Questions?

If you have any issues, send me a message through the contact form on my profile page on Themeforest.

Sellegance - Responsive and clean template for OpenCart

Posted by & filed under Releases.

Sellegance - Responsive and clean template for OpenCartSellegance 1.4.4.1 for OpenCart

  • NEW Compatible with OpenCart 1.5.5.1
  • Added support for 3 columns on some layouts
  • Added full background option. Background image will cove the whole page in every device.
  • Updated Previous/Next Product extension. Now it will cycle on the same category
  • Fixed issues with grid view. On some configurations the boxed were overlapping, the problem is fixed now.
  • Fixed type error on Tabbed Products module to avoid autoplaying.
  • Fixed issue with RTL languages on iPad. The product layout was moved to the right and outside of the viewport (affecting default theme too)
  • CSS fixes
  1. Get the new files from your account on Themeforest
  2. Important Delete catalog/view/theme/sellegance/template/payment folder
  3. If you are using bootstrap pagination, remove wishlist and remove comparison extensions (from older Sellegance versions) delete those files from vqmod/xml
  4. Upload the new files overwriting the old ones
  5. Go to Sellegance Theme Options module and save the new options
  6. Clear your vQmod cache (delete files in vqmod/vqcache)
  7. That’s it

The update process should be smooth but if get any issues contact me through my profile page on Themeforest.

Still don’t have Sellegance theme?

Get theme now

Google Rich Snippets

Posted by & filed under Extensions.

Google Rich Snippets

Google Rich Snippets

Product rich snippets is to provide users with additional information about a specific product, such as the product’s price and reviewer(s) ratings and commentary.

  • Attract potential buyers while they are searching for items to buy on Google.
  • Submit your product listings for free.
  • Control your product information. You can maintain the accuracy and freshness of your product information, so your customers find the relevant, current items they’re looking for.

This is the adaptation of the popular extension “@tik” Google rich snippets 

Installation

To add rich snippets to your site:

1) Download the original extension http://www.opencart.com/index.php?route=extension/extension/info&extension_id=6485

2) Upload only the first file z-google-rich-snippets-1.xml to your server

3) Unzip and upload the file for your theme:

z-google-rich-snippets-2_Fortuna.xml version 1.2+

z-google-rich-snippets-2_Sellegance.xml version 1.4.3+

That’s all you need.

Test

You can check your site with this tool http://www.google.com/webmasters/tools/richsnippets

Posted by & filed under Releases.

New Fortuna OpenCart theme v1.2.0

Changelog

  • Added support for large desktop size (>1200px)
  • Added tabbed products module
  • Added Camera and Nivo slider scripts
  • Added controls for Slideshow speed Slide and transition speed can be controlled from the admin panel
  • Added related products module You can place it on the sidebar or bottom position
  • Added option to display 3 or 4 products on each row 
  • Added option to show information in accordion format on product page
  • Added more controls for product image zoom Select position right or inside
  • Added option to display a select box menu on mobiles Select between the original Bootstrap mobile menu or a select box if you have dozens of menus
  • Payment methods templates removed to use the default ones
  • Bootstrap Framework updated to 2.2.1
  • New 3rd. level menu vQmod extension Included in Additional extensions folder
  • Fixed problem with vertical scroll on carousels Previously, on mobiles it was difficult to scroll page if you touch over the carousels.
  • Hide Wishlist and Compare options on the admin panel instead of vqmod
  • Updated classes for buttons (.btn to .button) to improve compatibility with some extensions Buttons from additional extension will be displayed with the same design
  • CSS fixes
  1. Get the new files from your account on Themeforest
  2. Important Delete catalog/view/theme/fortuna/template/payment folder
  3. If you are using bootstrap pagination, remove wishlist and remove comparison extensions delete those files from vqmod/xml
  4. Upload the new files overwriting the old ones
  5. Go to Fortuna Theme Options module and save the new options
  6. Clear your vQmod cache (delete files in vqmod/vqcache)
  7. That’s it

The update process should be smooth but if get any issues contact me through my profile page on Themeforest.

Still don’t have Fortuna theme?

Get theme now

Sellegance - Responsive and clean template for OpenCart

Posted by & filed under Releases.

Sellegance - Responsive and clean template for OpenCart

UPDATE Sellegance 1.4.3.1

This update is to fix the alignment issues when there are more than 12 items per page on category view. If your products don’t have alignment problems, you don’t need to update.
  • Fixed products alignment of category page
  • Fixed issues on Opera Mini
  • Minor CSS fixes

Sellegance 1.4.3 for OpenCart

Important changes to improve compatibility with other extensions have been made.

List of changes:

  • Added support for large desktop size (>1200px) Minimize the empty space on large screens with this option to enlarge your site. All the other resolutions (normal desktop, tablet, mobile) work as usual.
  • Added Camera slider script A new script for featured slideshow
  • Added controls for Slideshow speed Slide and transition speed can be controlled from the admin panel
  • Added related products module You can place it on the sidebar or bottom position
  • Added more font options Now it’s possible to select the font size and preview the changes!
  • Added option to display 3 or 4 products on each row 
  • Added option to change from tabs to accordion on product page For a more compact appearance you can choose accordion, this will help on mobiles too
  • Added more controls for product image zoom Select position right or inside (always inside on mobiles)
  • Added field to embed custom JavaScript code Helpful for some users who need to add 3rd party scripts, like a cookie policy acceptance
  • Added option to display a select box menu on mobiles Select between the original Boostrap mobile menu or a select box if you have dozens of menus
  • Added Instagram profile icon A new must have
  • Payment methods templates removed to use the default ones This will make updates easier (more details below)
  • Bootstrap Framework updated to 2.2.1
  • Subcategory thumbnails vqmod move to Additional Extensions Many people don’t like them by default, just copy the extension to vqmod/xml if you need it
  • Fixed problem with vertical scroll on carousels Previously, on mobiles it was difficult to scroll page if you touch over the carousels. Fixed
  • Hide Wishlist and Compare options on the admin panel instead of vqmod An easier CSS solution
  • Updated classes for buttons (.btn to .button) to improve compatibility with some extensions Buttons from additional extension will be displayed with the same design
  • CSS fixes
  1. Get the new files from your account on Themeforest
  2. Important Delete catalog/view/theme/sellegance/template/payment folder
  3. If you are using bootstrap pagination, remove wishlist and remove comparison extensions delete those files from vqmod/xml
  4. Upload the new files overwriting the old ones
  5. Go to Sellegance Theme Options module and save the new options
  6. Clear your vQmod cache (delete files in vqmod/vqcache)
  7. That’s it

The update process should be smooth but if get any issues contact me through my profile page on Themeforest.

Still don’t have Sellegance theme?

Get theme now

Posted by & filed under Fixes.

In a previous release a vqmod was added as optional extension to get the same pagination style that bootstrap framework. But this extension has some conflicts with the pagination in the admin panel. To fix the issues edit catalog/view/theme/[your-theme]/stylesheet/stylesheet.css. Find the section marked with:


/* Pagination
-------------------------------------------------- */

And replace the whole section with


/* Pagination
-------------------------------------------------- */

.paginate {
 border-top: 1px solid #EEEEEE;
 padding-top: 8px;
 overflow: hidden;
}
 .paginate .links { float: left; overflow: hidden; }
 .paginate .links a,
 .paginate .links b {
 padding: 6px 12px;
 line-height: 24px;
 text-decoration: none;
 font-weight: bold;
 border: 1px solid #DDD;
 border-left-width: 0;
 display: block;
 float: left;
 }
 .paginate .links b {
 font-weight: normal;
 color:#999;
 background: #eee;
 }

.paginate .links a:hover {
 background: #f2f2f2;
 }

.paginate .links a:first-child,
 .paginate .links b:first-child {
 border-left-width: 1px;
 -webkit-border-radius: 3px 0 0 3px;
 -moz-border-radius: 3px 0 0 3px;
 border-radius: 3px 0 0 3px;
 }
 .paginate .links a:last-child,
 .paginate .links b:last-child {
 -webkit-border-radius: 0 3px 3px 0;
 -moz-border-radius: 0 3px 3px 0;
 border-radius: 0 3px 3px 0;
 }

.paginate .results {
 float: right;
 color: #999;
 font-family:arial,helvetica,sans-serif;
 font-size:11px;
 }

.pagination.brands {
 height:auto;
}
.pagination.brands a {
 padding: 0 9px;
}

Also re-upload the following file if you want to change the arrows. This is optional:

pagination_bootstrap_style.xml

 

Finally, clear your vQmod cache (delete everything inside vqmod/vqcache folder)

 

 

3rd level menu

Posted by & filed under OpenCart, Releases.

New Sellegance 1.4.2 for OpenCart

A new release with important changes:

  • Added Tabbed Products module
  • Added 3rd Level Menu vqmod
  • Added navigation arrows in product image popup
  • Added close button to minicart on mobiles
  • Fixed issue with collapsible sidebar in tablets
  • Fixed issues with Remove Comparison and Remove Wishlist vqmods. They were causing errors in product grids when on Manufacturer products and Search results.
  • Updated HTML version

New features

A totally new module to display Latest, Featured, Bestseller and Special products as tabs.

Tabbed Products

A new vqmod extension to add a 3rd. level to the top menu.

3rd level menu

How to update?

Remember that you need Vqmod installed.
  1. Reupload the files and make sure to save your settings in the Sellegance Theme Options module.
  2. Edit your Image Settings in System > Settings > your store > Image tab. Change Additional Product Image Size to 62×62.
    Additional Product Image Size
  3. If you are using the function to hide the wishlist and comparison links upload the files sellegance_remove_comparison.xml and sellegance_remove_wishlist.xml from the Additional Extensions folder to vqmod/xml on your server.
  4. Clear your vqmod cache.

Let me know your thoughts :)

If you have any issues contact me through my profile page on Themeforest.