If you want to change the default header layout to display a full width logo just install the following vqmod extension.

<modification>
 
 <id>Use full width logo on Sellegance theme</id>
 <version>1.0.0</version>
 <vqmver>2.1</vqmver>
 <author>everthemes.com</author>
 
 <file name="catalog/view/theme/*/template/common/header.tpl">
  
  <operation>
   <search position="replace" offset="7"><![CDATA[<div id="logo" class="span4 offset4">]]></search>
   <add><![CDATA[]]></add>
  </operation>

  <operation>
   <search position="replace"><![CDATA[<div class="span4 leftbox">]]></search>
   <add><![CDATA[<div class="span4">]]></add>
  </operation>

  <operation>
   <search position="before" index="2"><![CDATA[<div id="links" class="hidden-phone">]]></search>
   <add><![CDATA[
   </div>
   <div class="span4">]]></add>
  </operation>

  <operation>
   <search position="after" index="2"><![CDATA[</div> <!-- .rightbox -->]]></search>
   <add><![CDATA[
   </div>
   <div class="row">
    <div id="logo" class="span12">
     <?php if ($logo) { ?>
      <a href="<?php echo $home; ?>"><img src="<?php echo $logo; ?>" title="<?php echo $name; ?>" alt="<?php echo $name; ?>" /></a>
     <?php } ?>
    </div> <!-- #logo -->
   ]]></add>
  </operation>

  <operation>
   <search position="before"><![CDATA[</style>]]></search>
   <add><![CDATA[
   @media only screen and (max-width: 767px) {
      #cart { top: -13px; }
    #cart h4 { display: none; }
    #cart .heading { height: 18px; }
   }
   #links { padding-top: 12px; }
   #logo img { width:100%; max-width:auto; }
   ]]></add>
  </operation>

 </file>
 
</modification>

The post Display a full width logo on Sellegance theme for OpenCart appeared first on Everthemes.

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

How to update

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

Questions?

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

The post Fortuna 1.2.1 (OpenCart) appeared first on Everthemes.

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:

Questions?

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

The post Fix issues with Facebook Like Box in Fortuna theme appeared first on Everthemes.

Sellegance 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

How to update

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

Questions?

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

The post Sellegance 1.4.4.1 (OpenCart) appeared first on Everthemes.

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

The post Google Rich Snippets appeared first on Everthemes.

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

How to update

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

Questions?

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

The post Fortuna v1.2.0 appeared first on Everthemes.

UPDATE Sellegance 1.4.3.1

• 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

How to update

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

Questions?

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

The post Sellegance 1.4.3 (OpenCart) appeared first on Everthemes.

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)

The post Fix for bootstrap style pagination appeared first on Everthemes.

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.

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

How to update?

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.
   
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.

The post Sellegance 1.4.2 (OpenCart) appeared first on Everthemes.

If you want to display the weight and size (lenght/width/height) on the product details page just upload the following file to your vqmod/xml folder:

Product dimensions

This is the code:

<modification>

 <id>Product Dimensions</id>
 <version>1.0.0</version>
 <vqmver>2.1.2</vqmver>
 <author>everthemes.com</author>

 <file name="catalog/controller/product/product.php">

  <operation>
   <search position="after"><![CDATA[
    $this->data['text_model'] = $this->language->get('text_model');
   ]]></search>
   <add><![CDATA[
    $this->data['text_weight'] = $this->language->get('text_weight');
    $this->data['text_size'] = $this->language->get('text_size');
   ]]></add>
  </operation>

  <operation>
   <search position="after"><![CDATA[
    $this->data['model'] = $product_info['model'];
   ]]></search>
   <add><![CDATA[
    $this->data['weight'] = number_format($product_info['weight'],2) . ' kg';
    $this->data['length'] = number_format($product_info['length'],2) .  ' cm';
    $this->data['width'] = number_format($product_info['width'],2) .  ' cm';
    $this->data['height'] = number_format($product_info['height'],2) .  ' cm';
   ]]></add>
  </operation>

 </file>

 <file name="catalog/view/theme/*/template/product/product.tpl">
  <operation>
   <search position="after"><![CDATA[
    <span><?php echo $text_stock; ?></span> <?php echo $stock; ?>
   ]]></search>
   <add><![CDATA[
    <?php if ($weight) { ?>
    <br /><span><?php echo $text_weight; ?></span> <?php echo $weight; ?>
    <?php } ?>
    <?php if ($length || $width || $height) { ?>
    <br /><span><?php echo $text_size; ?></span> <?php echo $length; ?> x <?php echo $width; ?> x <?php echo $height; ?>
    <?php } ?>
   ]]></add>
  </operation>
 </file>

 <file name="catalog/language/english/product/product.php">
  <operation>
   <search position="before"><![CDATA[
    ?>
   ]]></search>
   <add><![CDATA[
    $_['text_weight']               = 'Weight:';
    $_['text_size']               = 'Size (LxWxH):';
   ]]></add>
  </operation>
 </file>

</modification>

Change the units from line 25 to 28.

The post Display Weight and Size in product details appeared first on Everthemes.