Problem on home page layout

Gio Wholesale · November 2, 2013

I have been working on some features of my website today and suddenly realised that the main page layout has been affected. As soon as I select the German language the layout moves down +/- 8px. When I switch back to Dutch it moves up again.

This only happens in Chrome and IE, not in Firefox.

I don't know where and how to fix it!!

Any help would be very much appreciated.

Gio Wholesale · November 4, 2013

Anyone ???

SmartDataSoft · November 5, 2013

Can you share your site url to view. Without url it is difficult to give a solution.

vekia · November 5, 2013

in header.tpl file you've got some {if} conditions related to language version?

Gio Wholesale · November 6, 2013

@ smartdatasoft

Thanks for your post, the url is:

http://www.sexywear4u.com/nw/de/

Thanks in advance.

Gio Wholesale · November 6, 2013

@ vekia,

Thanks for your post,

This is my first site ever in presta and I am a real newby in all of it, but learning

I have worked on my old site with Xcart but that is a complete different story.

Thanks in advance for your help,

my header.tpl is as follows:

>>>>>

{*

* 2007-2013 PrestaShop

*

* NOTICE OF LICENSE

*

* This source file is subject to the Academic Free License (AFL 3.0)

* that is bundled with this package in the file LICENSE.txt.

* It is also available through the world-wide-web at this URL:

* http://opensource.org/licenses/afl-3.0.php

* If you did not receive a copy of the license and are unable to

* obtain it through the world-wide-web, please send an email

* to [email protected] so we can send you a copy immediately.

*

* DISCLAIMER

*

* Do not edit or add to this file if you wish to upgrade PrestaShop to newer

* versions in the future. If you wish to customize PrestaShop for your

* needs please refer to http://www.prestashop.com for more information.

*

* @author PrestaShop SA <[email protected]>

* @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0)

* International Registered Trademark & Property of PrestaShop SA

*}

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<head>

<title>{$meta_title|escape:'htmlall':'UTF-8'}</title>

{if isset($meta_description) AND $meta_description}

{/if}

{if isset($meta_keywords) AND $meta_keywords}

{/if}

var baseDir = '{$content_dir|addslashes}';

var baseUri = '{$base_uri|addslashes}';

var static_token = '{$static_token|addslashes}';

var token = '{$token|addslashes}';

var priceDisplayPrecision = {$priceDisplayPrecision*$currency->decimals};

var priceDisplayMethod = {$priceDisplay};

var roundMode = {$roundMode};

</script>

{if isset($css_files)}

{foreach from=$css_files key=css_uri item=media}

{/foreach}

{/if}

{if isset($js_files)}

{foreach from=$js_files item=js_uri}

{/foreach}

{/if}

{if $page_name == 'products-comparison'}

{/if}

{if $page_name != "index" && $page_name != "product"}

{/if}

{$HOOK_HEADER}

</head>

{if !$content_only}

{if isset($restricted_country_mode) && $restricted_country_mode}

<p>{l s='You cannot place a new order from your country.'} <span class="bold">{$geolocation_country}</span></p>

</div>

{/if}

{$HOOK_TOP_LEFT}

</div>

</a>

{$HOOK_TOP_CONTENT}

</div>

{$HOOK_TOP}

</div>

{if $page_name == 'index'}

{if isset($HOOK_CS_SLIDESHOW)}

{$HOOK_CS_SLIDESHOW}

{/if}

</div>

{/if}

{if isset($CS_MEGA_MENU)}{$CS_MEGA_MENU}{/if}

</div>

{if $page_name != 'index'}

jQuery(document).ready(function() {

if (jQuery("#old_bc").html()) {

jQuery("#bc").html(jQuery("#old_bc").html());

jQuery("#old_bc").hide();

}

});

</script>

</div>

{/if}

{if $page_name != 'index'}

{if isset($settings)}

{if ($settings->column == '2_column_left' || $settings->column == '3_column') }

<div id="left_column" class="{if isset($settings)} {if $page_name == 'index'}{$settings->left_class_home} {else}{$settings->left_class}{/if} {else} grid_4{/if} alpha">

{$HOOK_LEFT_COLUMN}

</div>

{/if}

{else}

{$HOOK_LEFT_COLUMN}

</div>

{/if}

{if $page_name == 'index'}

<div id="center_column" class="{if isset($settings)} {if $page_name == 'index'}{$settings->center_class_home} {else}{$settings->center_class}{/if} {else} grid_24 omega alpha{/if}">

{else}

<div id="center_column" class="{if isset($settings)} {$settings->center_class}{else} grid_20 omega{/if}">

{/if}

vekia · November 6, 2013

it looks well.

have you modified some language files manually?

Gio Wholesale · November 6, 2013

it looks well.

have you modified some language files manually?

No I did not.

gonebdg - webindoshop.com · November 6, 2013

Please try to disable blocksearch (quick search) module, and see what happen then.

Don't forget to clear smarty cache.

Edited November 6, 2013 by gonebdg - webindoshop.com (see edit history)

Gio Wholesale · November 6, 2013

Please try to disable blocksearch (quick search) module, and see what happen then.

Don't forget to clear smarty cache.

Thanks for the tip.

It is off now.... but no results

Edited November 6, 2013 by Gio Wholesale (see edit history)

gonebdg - webindoshop.com · November 6, 2013

Then please double check again your header.tpl file, or attach in here.

Because http://validator.w3.org result :

Byte-Order Mark found in UTF-8 File.

Gio Wholesale · November 8, 2013

Then please double check again your header.tpl file, or attach in here.

Because http://validator.w3.org result :

Byte-Order Mark found in UTF-8 File.

Thanks for your tip, but I still have the same problem

gonebdg - webindoshop.com · November 8, 2013

Thanks for your tip, but I still have the same problem

can you please attach your header.tpl file in here ?

Because on Chrome, there is unusual character (double quotes) on the header which causing the meta tags, css, js from your header moved to html body tag

Detecting the BOM

Byte-Order Mark W3

Gio Wholesale · November 8, 2013

can you please attach your header.tpl file in here ?

Because on Chrome, there is unusual character (double quotes) on the header which causing the meta tags, css, js from your header moved to html body tag

Detecting the BOM

Byte-Order Mark W3

Once again thanks for your help!!!

Here my header.tpl

{*

* 2007-2013 PrestaShop

*

* NOTICE OF LICENSE

*

* This source file is subject to the Academic Free License (AFL 3.0)

* that is bundled with this package in the file LICENSE.txt.

* It is also available through the world-wide-web at this URL:

* http://opensource.org/licenses/afl-3.0.php

* If you did not receive a copy of the license and are unable to

* obtain it through the world-wide-web, please send an email

* to [email protected] so we can send you a copy immediately.

*

* DISCLAIMER

*

* Do not edit or add to this file if you wish to upgrade PrestaShop to newer

* versions in the future. If you wish to customize PrestaShop for your

* needs please refer to http://www.prestashop.com for more information.

*

* @author PrestaShop SA <[email protected]>

* @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0)

* International Registered Trademark & Property of PrestaShop SA

*}

{capture name=path}<a href="{$link->getPageLink('my-account', true)|escape:'html'}">{l s='My account'}</a><span class="navigation-pipe">{$navigationPipe}</span>{l s='Order history'}{/capture}

{include file="$tpl_dir./breadcrumb.tpl"}

{include file="$tpl_dir./errors.tpl"}

<h1>{l s='Order history'}</h1>

<p>{l s='Here are the orders you\'ve placed since your account was created.'}</p>

{if $slowValidation}<p class="warning">{l s='If you have just placed an order, it may take a few minutes for it to be validated. Please refresh this page if your order is missing.'}</p>{/if}

{if $orders && count($orders)}

<thead>

<tr>

<th class="first_item">{l s='Order reference'}</th>

<th class="item">{l s='Total price'}</th>

<th class="item">{l s='Payment: '}</th>

<th class="item">{l s='Status'}</th>

<th class="item">{l s='Invoice'}</th>

</tr>

</thead>

<tbody>

{foreach from=$orders item=order name=myLoop}

{if isset($order.invoice) && $order.invoice && isset($order.virtual) && $order.virtual}<img src="{$img_dir}icon/download_product.gif" class="icon" alt="{l s='Products to download'}" title="{l s='Products to download'}" />{/if}

<a class="color-myaccount" href="javascript:showOrder(1, {$order.id_order|intval}, '{$link->getPageLink('order-detail', true)|escape:'html'}');">{Order::getUniqReferenceOf($order.id_order)}</a>

</td>

<td class="history_date bold">{dateFormat date=$order.date_add full=0}</td>

<td class="history_price"><span class="price">{displayPrice price=$order.total_paid currency=$order.id_currency no_utf8=false convert=false}</span></td>

<td class="history_method">{$order.payment|escape:'htmlall':'UTF-8'}</td>

<td class="history_state">{if isset($order.order_state)}{$order.order_state|escape:'htmlall':'UTF-8'}{/if}</td>

{if (isset($order.invoice) && $order.invoice && isset($order.invoice_number) && $order.invoice_number) && isset($invoiceAllowed) && $invoiceAllowed == true}

<a href="{$link->getPageLink('pdf-invoice', true, NULL, "id_order={$order.id_order}")|escape:'html'}" title="{l s='Invoice'}" class="_blank"><img src="{$img_dir}icon/pdf.gif" alt="{l s='Invoice'}" class="icon" /></a>

<a href="{$link->getPageLink('pdf-invoice', true, NULL, "id_order={$order.id_order}")|escape:'html'}" title="{l s='Invoice'}" class="_blank">{l s='PDF'}</a>

{else}-{/if}

</td>

<a class="color-myaccount" href="javascript:showOrder(1, {$order.id_order|intval}, '{$link->getPageLink('order-detail', true)|escape:'html'}');">{l s='details'}</a>

{if isset($opc) && $opc}

<a href="{$link->getPageLink('order-opc', true, NULL, "submitReorder&id_order={$order.id_order}")|escape:'html'}" title="{l s='Reorder'}">

{else}

<a href="{$link->getPageLink('order', true, NULL, "submitReorder&id_order={$order.id_order}")|escape:'html'}" title="{l s='Reorder'}">

{/if}

</a>

</td>

</tr>

{/foreach}

</tbody>

</table>

{else}

<p class="warning">{l s='You have not placed any orders.'}</p>

{/if}

</div>

<li><a href="{$link->getPageLink('my-account', true)|escape:'html'}"><img src="{$img_dir}icon/my-account.gif" alt="" class="icon" /> {l s='Back to Your Account'}</a></li>

</ul>

gonebdg - webindoshop.com · November 8, 2013

No ... don't copy-paste in here, attach the file.

Gio Wholesale · November 8, 2013

Sorry

header.txt

vekia · November 8, 2013

it might be related to other module files too, unfortuantely you will have to check modified files one by one

Gio Wholesale · November 8, 2013

it might be related to other module files too, unfortuantely you will have to check modified files one by one

Thanks Vekia,

but since I am in a hurry for the Xmas sales I might just go back to Xcart and leave Presta for what it is.

vekia · November 8, 2013

do you remember what files you changed? it will not be as horrible as it seems

i fixed several issues like this one with several mouse clicks

if you want i can do it for you for free, just not leave presta

Gio Wholesale · November 11, 2013

Solved

Edited November 20, 2013 by Gio Wholesale (see edit history)

Problem on home page layout

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites