Blog, Releases

Fortuna 1.2.1 (OpenCart)

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

Fixes

Fix issues with Facebook Like Box in Fortuna theme

Facebook Like Box - Fortuna

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.

Extensions

Google Rich Snippets

Google Rich Snippets
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

Releases

Fortuna v1.2.0

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

Extensions, OpenCart

Display Weight and Size in product details

Display weight and size in product details

Display weight and size in product details

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.

OpenCart

Display 4 products per row when using sidebar, Fortuna theme

Fortuna theme has the option to easily hide the sidebar to display 4 products on each row on category page. But it’s easy to display 4 products even if you have a sidebar enabled.

Just paste the following code in custom.css (if you are using a custom stylesheet) or in Custom CSS Code field in Fortuna Theme Options module.

#maincontent.span9 .grid-box {
  max-width: 25%; 
  min-width: 25%; 
  *width: 25%;
}
#maincontent.span9 .alpha4 {
  clear: left;
  margin-left: 0;
}
#maincontent.span9 .alpha3 {
  clear: none;
}
.span9 .grid-box .inner {
  border-left-color: #eee;
}
.grid-box.alpha .inner,
.span9 .alpha4 .inner, 
.span12 .alpha4 .inner {
  border-color:#fff;
}
.grid-box:hover .inner {
  border-color: #bbb;
}