Jump to content

(Solved) Adjust Prestashop_new 1.5 Theme to 2 columns


Recommended Posts

I am trying to convert the Prestashop_new 1.5 Theme from the 3 column layout to 2 columns and want to remove the right hand column. I adjusted the footer.tpl section but for the life of me cannot figure out how to change the global.css file to increase width value of center column so it fills in the space from the removed right column. Thanks much for any help.

 

SOLVED by jhnstcks (Thanks!):

Change width of grid_5 in Line 47 of grid_prestashop.css from 535 to 728 in my case

  • Like 3

Share this post


Link to post
Share on other sites

Thanks much for the reply. This is what I have in global.css line 238:

238: text-shadow:0 1px 0 #000;

 

This is under the heading entry

/* table** */

table.std,

 

So unfortunately I am still lost with this.

Share this post


Link to post
Share on other sites

Thanks for the suggestion...I looked at all of the center column entries in global.css but I am still stuck. I spend some more time trying to understand how the new 960 grid system works and feel stupid that I am unable to adjust the width. Our page is not really live yet and still in production - I enabled it in hopes that you can help pointing me to the probably obvious line I need to modify. The url to our page is: www.arcticsun-llc.com/store. Thanks for the help.

Share this post


Link to post
Share on other sites
  • 2 weeks later...

I am trying to convert the Prestashop_new 1.5 Theme from the 3 column layout to 2 columns and want to remove the right hand column. I adjusted the footer.tpl section but for the life of me cannot figure out how to change the global.css file to increase width value of center column so it fills in the space from the removed right column. Thanks much for any help.

 

SOLVED by jhnstcks (Thanks!):

Change width of grid_5 in Line 47 of grid_prestashop.css from 535 to 728 in my case

 

Would you mind sharing the css? I had a look into it, and found only empty lines, no 535 width specified.

 

Thanks.

Share this post


Link to post
Share on other sites
  • 4 months later...
  • 3 months later...

and to remove left column : open header.tpl and replace :</p>

 

and replace

<div id="left_column" class="column">

{$HOOK_LEFT_COLUMN}

</div>

 

with

 

{if $page_name != 'index'}

<div id="left_column" class="column">

{$HOOK_LEFT_COLUMN}

</div>

{/if}

 

Edited by NewLizard (see edit history)
  • Like 2

Share this post


Link to post
Share on other sites

Hi NewLizard,

 

I tried your method and successfully removed the left and right columns. Thank you.

 

But I have this problem --- the featured products, there is no division on this part.. see screenshot.

 

Pls help me?

 

MtLJW.png

 

SOLUTION by NewLizard:

Change line 7 in modules/homefeatured/homefeatured.tpl to

{assign var='nbItemsPerLine' value=7}

Edited by tis-marketer (see edit history)

Share this post


Link to post
Share on other sites
  • 2 months later...

If you just want to get rid of the right column and make the center column adjust automatically, you don't even have to touch the css at all. Open header.tpl and where it says:

 

<div id="center_column" class=" grid_5">

 

change it to:

 

   <div id="center_column" class=" grid_7 omega">

 

That should work automatically since it pulls the css from grid_prestashop.css

  • Like 1

Share this post


Link to post
Share on other sites
  • 2 weeks later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More