[SOLVED] Changing the Product_list center Grid without effecting homepage

[Neapix]

Hello everyone,

 

I have a question that has relevance to the product_list:

 

- I'm using the default theme of prestashop.

- Using version of 1.5.4.1

 

I followed a great tutorial of Nemo1 (Link) and everything went well.

I don't have interest to remove the Left / Right columns, just using the Grid style instead of default List.

 

The main page of store structure (still in development progress) - Link

 

The Category page structure (Product_List.tpl) - Link

 

As you can see, I don't use the Left / Right columns in the category page, but I do use them in different locations in the store.

 

Is it possible to change the width of center grid to 980px  (full width of the store)? example in attached photo.

 

Please note, It is possible to do so via header.tpl, but this will effect all the columns in the store.

 

Perhaps CSS? 

 

Thanks in Advanced!

Edited September 7, 2013 by vekia (see edit history)

[vekia]

you need to increase width of the center column in header.tpl file, i don't know what you changed exactly, but you can define width for homepage only with simple if conditions

 

 

what you have to change is class param for center column, you need to use grid_9 for homepage, this is condition for it:

 

{if $page_name=="index"}

grid_9

{else}

grid_5

{/if}

[Neapix]

I believe what you wrote is the solution, I need your look in the current code:

 

header.tpl

<div id="columns" class="grid_9 alpha omega clearfix">
<!-- Left -->
<div id="left_column" class="column grid_2 alpha">
{$HOOK_LEFT_COLUMN}
</div>

<!-- Center -->
<div id="center_column" class=" grid_5 alpha">

{/if}

footer.tpl

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

because I only need this in the category page, your code should be like:

{if $page_name=="category"}
grid_9
{else}
grid_5
{/if}

How should I put it in the code? 

I tried it and it messed up the main page pretty well 

[vekia]

use this code:

<div id="center_column" class="{if $page_name=='category'}grid_9{else}grid_5 alpha{/if}">

[Neapix]

Did it, but it is effecting the index page and other pages as well.

 

In the category page the gray line disappeared (the lower "compare" button) 

[vekia]

i checked your website and there is </div> closing tab right after <div> opening tag. this is the main problem.

can you show how your code looks like with your modifications?

[vekia]

moreover your homeslider has got 980px; width

and it is definitely to much for center_column in homepage

[Neapix]

Code after modification.

<div id="columns" class="grid_9 alpha omega clearfix">
<!-- Left -->
<div id="left_column" class="column grid_2 alpha">
{$HOOK_LEFT_COLUMN}
</div>


<!-- Center -->
<div id="center_column" class="{if $page_name=='category'}grid_9 omega{else}grid_5 alpha{/if}">
{/if}

Now its working!

 

Vekia, once again you saved my day! 

 

very appreciate your help and patience!

[vekia]

glad to hear that i could help a little in this case

im going to mark this topic as [solved]

 

best regards