Prestashop 1.4.7 compatibility and Top position workaround

Mon, 03/05/2012 - 05:33 -- admin

Recently, we have received some support request of our modules concerning the compatability of our modules with the new Prestashop 1.4.7.

We have checked our modules and annouce that they are compatible with Prestashop 1.4.7.

This diplaying bug is actually existing for all previous Prestashop 1.3 and 1.4.x versions. The reason is that the default template provided by Prestashop has the Top position defined as "2/3 of full width"

So when you install our slideshow modules for example, they appear awkwardly like this screenshot:

To make the slideshows and menus stretch as full width (like our demo http://demo.prestalove.com/), please follow our workaround. This is a solution to edit default theme of Prestashop.

1. Edit header.tpl.php file at themes\prestashop\header.tpl.php

Please copy the following code to replace the old Header code.

<!-- Header -->
<div id="header">
<div id="header_right">
<h1 id="logo"><a href="{$base_dir}"
title="{$shop_name|escape:'htmlall':'UTF-8'}"><img src="{$img_ps_dir}logo.jpg"
alt="{$shop_name|escape:'htmlall':'UTF-8'}" /></a></h1>
{$HOOK_TOP}
</div>
</div>
<!-- End Header -->

2. Edit global.css file at themes\prestashop\css\global.css

At line 195, the h1#logo:

h1#logo {
float: left;
width: 27%;
margin-top: 0.5em
}

Please add text-align:left to this class, like the following:

h1#logo {
float: left;
width: 27%;
text-align:left;
margin-top: 0.5em
}

At line 200, the #header_right:

#header_right {
float: left;
margin-bottom: 15px;
width: 73%;
text-align: right
}

Please change width: 73% to width:100%.

#header_right {
float: left;
margin-bottom: 15px;
width: 100%;
text-align: right
}