Moving Block Reinsurance To Top Of Page

[Plain]

Hi,

 

I would like to move the reinsurance block from the footer and to just above the left, center and right column. How do I do that? I guess that all the visitors that do not scroll never get to see the reinsurance block and I therefore want to increase the number of visitors that sees it.

 

Thanks in advance,

V

[Plain]

bump

[Plain]

bump

[Plain]

Hi,

I would really appreciate help on this.

[vekia]

For the first you must edit blockreinsurance module (modules/blockreinsurance/blockreinsurance.php) you need to add new displaytop hook,

Next you have to go to the modules -> position section - then open a transplant module tool



next step is to find block reinsurance module and select correct hook, exactly as i show below:

 

 

EDIT: full guide: 

customer reassurance module on top

[Plain]

Hi vekia,

 

Thanks a lot for your input.

 

I have got it to be located there now using your help. The only thing is that it is only being displayed in the right side of the top. The module is therefore in a "list mode" instead of being evenly spread out like the Top Horizontal Menu would be. It is also displayed like that on all other shop-pages. I now need to make it more flat so it does not push the rest of the page down. I tried to delete some of the points as I thought it was changed to a list because to little space. That did not work. I also tried to go through the css and .tpl files. I could not find anything there to change the list to a horizontal mode.

 

Thanks for your help so far. I would really appreciate if it could happen as I am so close to the finishing line.

 

V

[Plain]

Hi any help is welcome. I just can't solve this. As I have described I have been working all the things I can imagine through. I am not in a blind alley, so please post advices if you have any idea on how to solve this bug

[vekia]

i don't exactly know whats wrong now, can you prepare a screenshot or provide an url to your store?

i will try to debug it

[Plain]

 

Hi,

Now you can see a screenshot of the error.

 

Kind regards,

V

[vekia]

its a module template file and css issue, you fave to edit it and move reinsurance module exactly there, where you want (change module orders in modules -> position)

 

for the first check module tpl files and change html code of it

[Plain]

Hi,

 

I know I have to make some changes in the tpl files and css files. But I do not know what and how to do it. Do you?

Any help will be greatly appreciated!

 

V

[vekia]

its hard to say what exactly you must change without an access to your shop, so my question is: your shop is online now?

if so, can you provide an url ?

[Plain]

Hi,

My shop is online but I have disabled the module to avoid annoying the visitors with the poor layout. The url is http://plainindustry.dk

 

Thanks

[vekia]

Hi,

My shop is online but I have disabled the module to avoid annoying the visitors with the poor layout. The url is http://plainindustry.dk

 

Thanks

 

so it will be hard to figure out what exactly you need to change

[Plain]

Hi,

 

As you can see from www.plainindustry.dk now. I managed to place it at the top of the page. Now, I would like to center it and remove the black "dots" between the points. How do I do that. The site is currently live with the implemented changes.

 

Kind regards,

V

[vekia]

to remove dots and center it you should add style param to <ul> element, it must looks like i pasted below:

 

style="list-style: none; width:980px; margin:auto;"

 

the final effect:

 

[Plain]

Hi

Thanks - it looks like I wanted. Exactly, which file did you change to get this effect?

 

Kind regards,

V

[vekia]

blockreinsurance.tpl - it is template file of module,

 

you should edit it in modules/blockreinsurance or if exists in themes/your_theme/blockreinsurance

 

just add this html tag style="" into <ul> as i mentioned above :-)

[Plain]

Hi

 

That appear to work in terms of removing the dots. However, it is still not centered :-( How do I make the gray bar thinner so more of the page is visible before scrolling?

 

By the way, thanks a lot for your help so far!

[vekia]

thats your code:

style="list-style: none; width:980px; marign:auto;"

 

you must change marign:auto; to margin;auto;

 

it's my spell mistake, sorry for that :/

[Plain]

No worries, thanks for the help. How did I reduce the height of the gray bar?

[vekia]

the same as other things, just add height:50px (or other value) in style="" param

 

but remember to change also images sizes, it will looks weirdy with huge images or it will not work at all

[spexistechnology]

i still can't remove the black dots and align the block in center...and where exactly do i write this

style="list-style: none; width:980px; marign:auto;"..

[vekia]

i still can't remove the black dots and align the block in center...and where exactly do i write this

style="list-style: none; width:980px; marign:auto;"..

 

yes you should use this, you can also add list-style:none!important;

 

it is possible to check your website somewhere? if so, please share the url

[spexistechnology]

url is www.nimjes.com.

 

where do I add that code please?

Edited July 15, 2013 by spexistechnology (see edit history)

[vekia]

i think that the problem is related to the cache in your browser. I checked your website and there is no bullets, take a look:

[spexistechnology]

thanks vekia..

yes, the bullets are gone.but how do I align the block in the center? thank for your help so far.

[vekia]

in the file: /modules/blockreinsurance/style.css

create this code:

 

#reinsurance_block ul {
width:980px!important;
margin:auto!important;
}

 

effect:

[spexistechnology]

wohoo...You are great!..it works! Thank you heaps..Really appreciate that.

[vekia]

you're welcome

I'm really glad that I could help you

anyway, if you've got any other questions related to this case - feel free to continue discussion

[aislingcanty]

Hi,

 

I was wondering if you could help with my Reinsurance Block, I have managed to hook it to the Top of Page however I am unable to centre it and to make it horizontal. I have added the coding to the Style.css file but for some reason it is not integrating the changes I make.

 

Any help or advise you could offer would be greatly appreciately, my url is www.labellerose.com.au

 

Many thanks.

 

Kind regards,

Aisling

[vekia]

it's hard to say what you have to do, because there is no reinsurance block

moreover, your website is responsive

this may be a little problematic

[Jiten rash (away)]

search free shipping,money back watever policy u have u will get best of images.

[vekia]

how it is related to the thread main case?

[aislingcanty]

Hi,

 

Thank you so much for your prompt response, it is greatly appreciated.

 

I have just enabled the module again so you should be able to see how it looks now?

[vekia]

thanks

 

it looks like you havent got css styles defined for this object

 

use this styles:

 

/* BLOCK #reinsurance_block ******************************************************************** */
#reinsurance_block {background:url(../blockreinsurance/img/bg_reinsurance_block.gif) repeat-x 0 0 #c3c7cb}
#reinsurance_block li {
float:left;
padding:15px 10px !important;
font-size:13px;
color:#333;
text-transform:uppercase;
text-shadow:0 1px 0 #fff
}
#reinsurance_block .width1 li {width:960px}
#reinsurance_block .width2 li {width:470px}
#reinsurance_block .width3 li {width:305px}
#reinsurance_block .width4 li {width:224px}
#reinsurance_block .width5 li {width:175px}
#reinsurance_block li img{
float:left;
margin-right:10px;
}
#reinsurance_block li span {
float:left;
padding-top:12px;
width:65%;
}

 

but them into the main css styles file of your theme

and dont forget to recompile the minified files (you've got CCC turned on under the preference > performance tab)

[aislingcanty]

Thanks, the above code is what was originally sitting my style.css file before I tried to edit it so I have now reverted back to your code. This is also sitting in my theme's style.css file. However per this code it specifies that it is floating 'left' & specifies the width dimensions, that is why I tried to edit from here - is that incorrect?

 

With regards to the CCC, below is what my settings are currently at - What should I change these to? Thanks

 

 

Smart cache for CSS

Use CCC for CSS. Check

Keep CSS as original

 

Smart cache for JavaScript

Use CCC for JavaScript. Check

Keep JavaScript as original

 

Minify HTML

Minify HTML after "smarty compile" execution. Check

Keep HTML as original

 

Compress inline JavaScript in HTML

Compress inline JavaScript in HTML after "smarty compile" execution. Check

Keep inline JavaScript in HTML as original

[vekia]

just turn off CCC, refresh your website front office, and turn it on

 

then i will be able to say something more about additional changes

its hard to say what to do without code there

[aislingcanty]

I've turned on & off the CCC and refreshed.

 

Thanks.

[vekia]

there is still no css code related to the reinsurance block

take a look: http://www.labellerose.com.au/themes/01premium/cache/8c8f49616b35cbaaf8e63f4456cdb78f_all.css

there is no code

 

 

where you exacltly paste this code? can you show the path to the file that you changed?

[aislingcanty]

I checked this file and the code was correct in here: public_html/themes/01premium/css/modules/blockreinsurance/style.css

 

I also posted it to: public_html/modules/blockreinsurance/style.css

[vekia]

this is not the way in this case, please put code to the main .css file for your theme

[aislingcanty]

Within the theme's file, there are several .css files.

 

public_html/themes/01premium/css

 

What is the main .css file called?

[aislingcanty]

I've added to the cms.css file - not sure if that was the main file that you meant?

[vekia]

i don't know main css file for this template because it is non-defult , moreover i cant check it because you've got minified css mode on (CCC)

[aislingcanty]

My theme is the 01 Premium theme and I have turned the minify html back to the 'keep html as original'. This is how my settings look now, see below - do you want me to revert back to 'keep css as original' and 'keep javascript as original' until we resolve this?

 

Smart cache for CSS

Use CCC for CSS. Check

Keep CSS as original

 

Smart cache for JavaScript

Use CCC for JavaScript. Check

Keep JavaScript as original

 

Minify HTML

Minify HTML after "smarty compile" execution.

Keep HTML as original Check

 

Compress inline JavaScript in HTML

Compress inline JavaScript in HTML after "smarty compile" execution. Check

Keep inline JavaScript in HTML as original

 

When I edited the footer hook to attach it to the 'Top of Pages' hook instead, I made this adjustment in the following file path:

 

public_html/modules/blockreinsurance/blockreinsurance.php

 

This file accepted my changes however as I mentioned when I made adjustments to the

public_html/modules/blockreinsurance/style.css it did not make a difference and it did not integrate my changes. I would have expected that if I edit this file that they would be implemented? Do I need special software to edit a css file or is there a reason the changes made to a css file do not get integrated?

 

Thanks so much for all your help.

[vekia]

the problem is that in your minified CSS code is not blockreinsurance code. You need to turn CCC off + cache off, then recompile the template. after that your code should appear in the minified file

• keep CSS as orginal
  
• turn off cache
  
• turn on force compile
  
• turn on block reinsurance module on
  
• refresh your front - end
  

[aislingcanty]

Hi,

 

I've just done that now so hopefully the code will appear in the correct place?

 

Thanks.

[vekia]

ok, there is still no code

 

now open the file: /themes/01premium/css/global.css

 

and put there code below:

 

/* BLOCK #reinsurance_block ******************************************************************** */
#reinsurance_block {background:url(http://www.labellerose.com.au/modules/blockreinsurance/img/bg_reinsurance_block.gif) repeat-x 0 0 #c3c7cb}
#reinsurance_block li {
float:left;
padding:15px 10px !important;
font-size:13px;
color:#333;
text-transform:uppercase;
text-shadow:0 1px 0 #fff
}
#reinsurance_block .width1 li {width:960px}
#reinsurance_block .width2 li {width:470px}
#reinsurance_block .width3 li {width:305px}
#reinsurance_block .width4 li {width:224px}
#reinsurance_block .width5 li {width:175px}
#reinsurance_block li img{
float:left;
margin-right:10px;
}
#reinsurance_block li span {
float:left;
padding-top:12px;
width:65%;
}

 

 

next go to the modules > positions tab in your back office

search for "displayTop" section and move the reinsurance module to the top of the list

[aislingcanty]

I've updatd the code in that file but it's completely thrown out the whole front office home page? Help!!

[vekia]

you pasted wrong code. take a look and compare, you cutted last lines from:

#reinsurance_block {background:url(http://www.labellerose.com.au/modules/blockreinsurance/img/bg_reinsurance_block.gif) repeat-x 0 0 #c3c7cb}

so it doesnt work. make sure that you use CORRECT code. otherwise it will not work and it will crash your website.

 

then disable the block reinsurance module. go to the header.tpl file and paste reinsurance code before the <header id="header"> tag in your template header.tpl file

 

 

effect:

[aislingcanty]

Thanks for that.

 

I've updated the code in the global.css file, disabled the module & pasted the same code to the header.tpl file however I am now getting the below error message? I tried to Force Compliation but it didn't make a difference?

 

In the global.css file I pasted the code to line 63 just after the /*** [ Header ] ***/section, I wonder if I have pasted this to this to the wrong area?

 

 

Fatal error: Uncaught exception 'SmartyCompilerException' with message 'Syntax Error in template "/home2/labeller/public_html/themes/01premium/header.tpl" on line 80 "#reinsurance_block {background:url(http://www.labellerose.com.au/modules/blockreinsurance/img/bg_reinsurance_block.gif) repeat-x 0 0 #c3c7cb}" - Unexpected ":", expected one of: "}" , " " , ATTR' in /home2/labeller/public_html/tools/smarty/sysplugins/smarty_internal_templatecompilerbase.php:665 Stack trace: #0 /home2/labeller/public_html/tools/smarty/sysplugins/smarty_internal_templateparser.php(3144): Smarty_Internal_TemplateCompilerBase->trigger_template_error() #1 /home2/labeller/public_html/tools/smarty/sysplugins/smarty_internal_templateparser.php(3209): Smarty_Internal_Templateparser->yy_syntax_error(2, ':') #2 /home2/labeller/public_html/tools/smarty/sysplugins/smarty_internal_smartytemplatecompiler.php(105): Smarty_Internal_Templateparser->doParse(2, ':') #3 /home2/labeller/public_html/tools/smarty/ in /home2/labeller/public_html/tools/smarty/sysplugins/smarty_internal_templatecompilerbase.php on line 665

[aislingcanty]

I tried to reset all my smarty/ccc/minify etc settings within the Advanced Parameters - Performance & force compilation but this has not resolved the issue either?

[vekia]

can you show contents of your header.tpl file? the error code that you pasted looks like issue with wrong strigs there, in the header.tpl file. make sure that you saved file with utf-8 encoding

 

In the global.css file I pasted the code to line 63 just after the /*** [ Header ] ***/section, I wonder if I have pasted this to this to the wrong area?

you pasted it to the correct area, but the code wasn't correct - so it broke whole global.css file.

[aislingcanty]

Hi,

 

Thanks for your response, this is the coding sitting in that file (I have highlighted in red line 80 that the error message refers to):

 

<!-- Header -->

/* BLOCK #reinsurance_block ******************************************************************** */

#reinsurance_block {background:url(http://www.labellerose.com.au/modules/blockreinsurance/img/bg_reinsurance_block.gif) repeat-x 0 0 #c3c7cb}

#reinsurance_block li {

float:left;

padding:15px 10px !important;

font-size:13px;

color:#333;

text-transform:uppercase;

text-shadow:0 1px 0 #fff

}

#reinsurance_block .width1 li {width:960px}

#reinsurance_block .width2 li {width:470px}

#reinsurance_block .width3 li {width:305px}

#reinsurance_block .width4 li {width:224px}

#reinsurance_block .width5 li {width:175px}

#reinsurance_block li img{

float:left;

margin-right:10px;

}

#reinsurance_block li span {

float:left;

padding-top:12px;

width:65%;

}

<header id="header">

[vekia]

but you don't have to paste the css styles to the header.tpl file. Your CSS styles should be in the global.css exactly as it was before.

 

To the header.tpl paste the block reinsurance module template file contents (not css)

[aislingcanty]

In the blockreinsurance.tpl file is the below code:

 

<!-- MODULE Block reinsurance -->

<div id="reinsurance_block" class="clearfix">

<ul class="width{$nbblocks}">

{foreach from=$infos item=info}

<li><img src="{$module_dir}img/{$info.file_name}" alt="{$info.text|escape:html:'UTF-8'}" /> <span>{$info.text|escape:html:'UTF-8'}</span></li>

{/foreach}

</ul>

</div>

<!-- /MODULE Block reinsurance -->

 

Is that what I should paste into the header.tpl file?

[vekia]

exactly, this is the right content

[aislingcanty]

That's great, thanks the website is up and running now again and the reinsurance is horizontal but the only problem is the presentation of it, I have it positioned as number 1 on the list for Top of Pages however the height is too large as you can see http://www.labellerose.com.au/

 

Also I have the language & currency set as number 3 and 4 however they seem to be pushed down below the account & cart?

 

Thanks.

[aislingcanty]

Are you able to advise on how to fix the height & position of the reinsurance block? I was hoping it would look like your screenshot above?

 

Should I try to fix this in the theme's global.css file?

 

Thanks - would be really grateful if you could get me over the line on this last bit.

[vekia]

i checked your website one more time. you've got there two insurance blocks.

moreover the css styles that you used doesnt work (wrong url parameteres etc.)

 

there is a lot to do with this. Without template files and module file modification you will not be able to achieve effect you want.

The same with css styles - you have to use correct variables and values, now the whole block reinsurance css style doesnt work, because there is a lot of errors. I suppose that you modified it.

 

restore all changes, now it looks very bad at all

[aislingcanty]

I don't understand? Are you saying that all of the changes you are advised are now not going to work?

 

Should I just delete all the codes you advised or is there anyone else who know could help?

 

Thanks

[vekia]

no offence

The main problem in this case is fact, that you use non default solution and it needs several changes that i tried to explain.

I mean that you not doing well what was suggested here, i tried to help but you've got CCC turned on again, you'e got two blocks (have you followed sugestions related to remove one of them?) you changed the css styles and it's again crashed, pasted it into the header.tpl file etc.

 

I don't know what suggestions you followed, what you changed in addition to suggestions etc. so at the end it's hard to help when you don't follow suggestions

 

If you aren't familiar with changing the template files etc. it's better to give access to your store and ftp for someone familiar with all of this - then changes will be ready in couple of minutes.

 

Im still here, and im able to help, but follow all sugestions, not only some of them.

[vekia]

i forgot about most important thing

i can do it for you, but you have to trust me and give access to the ftp and back office (you can create temporary accounts)

of course for free

[Jiten rash (away)]

ur site is fine have seen its loads very slow any way..i didnt see block-reinsurance there?

change block currency to this..ur site need this..

 

{*

* 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]>

* @copyright 2007-2013 PrestaShop SA

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

* International Registered Trademark & Property of PrestaShop SA

*}

 

<!-- Block currencies module -->

<script type="text/javascript">

$(document).ready(function () {

$("#setCurrency").mouseover(function(){

$(this).addClass("countries_hover");

$(".currencies_ul").addClass("currencies_ul_hover");

});

$("#setCurrency").mouseout(function(){

$(this).removeClass("countries_hover");

$(".currencies_ul").removeClass("currencies_ul_hover");

});

 

$('ul#first-currencies li:not(.selected)').css('opacity', 10);

$('ul#first-currencies li:not(.selected)').hover(function(){

$(this).css('opacity', 10);

}, function(){

$(this).css('opacity', 10);

});

});

</script>

 

<div id="currencies_block_top">

<form id="setCurrency" action="{$request_uri}" method="post">

<p>

<input type="hidden" name="id_currency" id="id_currency" value=""/>

<input type="hidden" name="SubmitCurrency" value="" />

{l s='Currency' mod='blockcurrencies'} : {$blockcurrencies_sign}

</p>

<ul id="first-currencies" class="currencies_ul">

{foreach from=$currencies key=k item=f_currency}

<li {if $cookie->id_currency == $f_currency.id_currency}class="selected"{/if}>

<a href="javascript:setCurrency({$f_currency.id_currency});" title="{$f_currency.name}">{$f_currency.sign}

<span class="currency_name">{$f_currency.name}</span></a>

</li>

{/foreach}

</ul>

</form>

</div>

<!-- /Block currencies module -->

[vekia]

jiten_rash how it is related to the block reinsureance? i'm confused right now, it's totally not related to the main case in this thread

[Jiten rash (away)]

cos i havent seen block reinsurance module

[vekia]

some time before it was visible, i suggested to turn it off because there was so much messed code, both in the styles and in the template file.

waiting for additional information from aislingcanty, I offered free help in this case, hope that you will be also available

 

best regards

[Inboots]

For the first you must edit blockreinsurance module (modules/blockreinsurance/blockreinsurance.php) you need to add new displaytop hook,

 

vekia

Can you, please, write the exact line, that should be added in php?

[vekia]

before last closing bracket } in module .php file

[Inboots]

Thank you. But I mean, if you can, please, write a line of code that needs to be added directly to the php to be able to display the module in the top.

[vekia]

im doin step by step guide right now, i will send you PM with link to tutorial, and after that i will post solution here

[vekia]

Thank you. But I mean, if you can, please, write a line of code that needs to be added directly to the php to be able to display the module in the top.

 

 

here it is, step by step full guide: customer reassurance module on top

[Inboots]

vekia

Great guides. Thank you!

[antonpetr]

hello! is it possible to make this module working in PS 1.4.8? It definitely needs some modifications but I don't know which...

[akhawat]

hi 

please someone know how to do with 1.6.1.17

i did it on 1.5.6 its ok but when i did it on 1.6.1.17 it doesn't work

someone test it ?

 

reghard