[solved] How to create full width footer, and content.

[Jiten rash (away)]

any one has any idea of creating full width footer?

and full centre column .

[vekia]

in this case you should edit css styles of your store. Which version of prestashop you use?

[Jiten rash (away)]

1.5.3

[ajensen27]

Also interested in this but I just want to expand the color but keep the placement of the blocks... possible?

[vekia]

for change width to 100% you need to:

 

<div id="footer" class="grid_9 alpha omega clearfix">
	{$HOOK_FOOTER}
</div

 

replace this code - move it before the: </body> tag

 

you need also to remove grid_9 from class=""

 

then in global css change #footer width to 100%

[ajensen27]

Thanks Vekia... I tried playing around with some of the code in the footer.tpl file but it didn't quite work. Could you give the exact code we need to replace and the code we need to replace it with? I appreciate the help. Thanks!

[vekia]

sure, you're talking about default template?

[ajensen27]

Yup! I basically want it to look like the bottom of these Prestashop forums. Where everything is still centered but the color of the footer goes all the way to the sides of the page.

 

Thanks for the quick response!!

[vekia]

You need to modify footer.tpl file. You can read tutorial full-width footer in prestashop

 

 

modified footer.tpl:

 

{if !$content_only}
</div>

<!-- Right -->
<div id="right_column" class="column grid_2 omega">
{$HOOK_RIGHT_COLUMN}
</div>
</div>

<!-- Footer -->

</div>
	<div id="footer" style="width:100%; clear:both; display:block; overflow:hidden;">
		<div style="width:980px; display:block; margin:auto; clear:both;">
			  {$HOOK_FOOTER}
			  {if $PS_ALLOW_MOBILE_DEVICE}
			  <p class="center clearBoth"><a href="{$link->getPageLink('index', true)}?mobile_theme_ok">{l s='Browse the mobile site'}</a></p>
			 {/if}
		  </div>
	</div>
{/if}
</body>
</html>

 

 

i used style="" tag for footer div and for additional one, but you can create own classes in global.css

[ajensen27]

That did it! Thank you very much for your help Vekia

[vekia]

so, now i can mark this thread as solved. Thanks for information, now you can create full width templates ;-)

 

regards