How to remove right column but only from checkout

[zaglebie]

Just like in topic - how to remove right column but only from checkout ? To make main column much wider

[zaglebie]

i'm using right column for other pages but i would like to remove it from checkout and category.php (product list), i want to fill with other columns space which is blank (right column with modules turned off)

 

is this possible ?

[tomerg3]

You can hide it with css, something like (assuming you use the one page checkout)

#order-opc #right_column { display: none; }

You can add this css to your global.css file, or the the specific OPC css file

[zaglebie]

thanks for reply, i've tried on product=list but it doesnt work, here is my product list css:

 

/* ————— product-list.tpl ————— */
ul#product_list {padding:10px 0 0 0;float:left;}
ul#product_list li {height:105px;padding:10px 0;border-bottom:1px dotted #fbbbd4;}
ul#product_list li:first-child {padding:0 0 10px 0;}
ul#product_list li div.product_img {width:100px;height:100px;float:left;padding:12px 15px 0 15px;border-left:1px dotted #fbbbd4;}
ul#product_list li div.product_img a {}
ul#product_list li div.center_block {width:420px;height:107px;float:left;}
ul#product_list li div.center_block div.product_flags {padding:14px 0 0 0;}
ul#product_list li div.center_block div.product_flags span.new {margin:0 12px 0 0;font:bold 12px "Arial";color:#fe1572;text-transform:capitalize;}
ul#product_list li div.center_block div.product_flags span.availability {color:#4e2439;}
ul#product_list li div.center_block h3 {padding:3px 0 0 0;}
ul#product_list li div.center_block p.product_desc {padding:10px 0 0 0;}
ul#product_list li div.right_block {width:120px;height:109px;float:right;padding:18px 20px 0 10px;border:1px dotted #fbbbd4;border-width:0 1px;}
ul#product_list li div.right_block span.on_sale,
ul#product_list li div.right_block span.discount {display:block;padding:6px 0 8px 0;font:bold 12px "Arial";color:#4e2439;text-transform:uppercase;}
ul#product_list li div.right_block span.price {display:block;margin:0px 0 0 0;text-align: center;font:bold 20px "Arial";color:#f8146e;}
ul#product_list li div.right_block span.online_only {display:block;margin:20px 0 0 0;color:#888;}
ul#product_list li div.right_block .exclusive {margin:16px 0 4px 0;}
ul#product_list li div.right_block p.compare {height:15px;padding:15px 0 0 0;}
*+html ul#product_list li div.right_block p.compare input {margin-right:-4px;}

[zaglebie]

ok i found solution, i need to edit footer.tpl and put this code

 

{if $page_name == 'product-list'}{else}
 <div id="right_column" class="column">{$HOOK_RIGHT_COLUMN}</div>{/if}

 

but now i have other problem - how widen the center column to take place of right column ?

[Mark Hesketh]

Hi Zaglebie,

 

That code works but I would personally use

{if $page_name != 'product-list'}
 <div id="right_column" class="column">
  {$HOOK_RIGHT_COLUMN}
 </div>
{/if}

 

This just removes the redundant {else}.

 

As for the wider column, you could do do this with CSS:

 

#order #center_column,
#order-opc #center_column,
#authentication #center_column {
   width: 100%; // You could also set this to the specific width required if you know it
}

 

This should make the center column as wide as possible on your order, one page checkout, and login pages.

 

Mark

[zaglebie]

without {else} it doesnt work

 

i've tried with css code you have me but no effect, center column still dont want to move to place of right column (which is turned off)

[Mark Hesketh]

Just to be sure did you also change the == to != ? It's not really important just me being picky!

 

As for the CSS, could this be a caching problem? In Back office > Preferences > Performance make sure Force Compile is yes and Cache is no.

 

Then delete everything except the index.php files from /tools/smarty/cache and /tools/smarty/compile on your web server ftp.

 

Apologies if you've done all this, just have to check.

 

Mark

[zaglebie]

about chaning == to != yes i've changed this and without {else} it doesnt work for my site

[zaglebie]

i'm sorry, i've turned off complie - its working ! i mean switching off right column with your code without else, but still fighting with css

[Mark Hesketh]

Would be able to link to the store you're working on so I could take a look?

[zaglebie]

http://www.doczepiane.pl/2-przedluzanie-wlosow-wlosy-naturalne

 

its this page, i want to change view to grid but first i need to remove right column blank space, its removed in footer.tpl but i still cant move center column to that space

 

i've pasted in few post above code of product-list.tpl

[zaglebie]

i would like to do similiar thing on order opc page, right now its like that:

 

http://s1.img.pl/v/1202/118034clipboard01.jpg

 

i want to move it to center of page it would look better

[Mark Hesketh]

This CSS should work:

 

div#center_column {
   width: 970px !important;
}
ul#product_list li div.center_block {
   width: 680px !important;
}

 

This will only affect your category pages though. The checkout pages would have to be changed too. It looks like your theme has static widths set (such as the description column of the product list), so each of these widths would need to be changed to get the full-width pages you're looking for.

 

I'd recommend using

, or if you use Firefox, get Firebug which is an extension. That'll let you click bits of your theme and find out exactly which bits to edit and whats happening.

 

I'd just go through page by page changing the CSS widths as required.

 

Hope that helps,

 

Mark

[indus]

Just wanted to add, if you dont want to remove the entire column but maybe some modules from certain pages, you can try from the BO > positions and specify pages where a certain module is excluded from.

[raul]

Hello

I´m using the version 1.3.3 and I solved with this in my css

 

 

#order #center_column,

#order-opc #center_column,

#authentication #center_column {

width: 100%; // You could also set this to the specific width required if you know it

}

#order #right_column { display: none; }

 

Regards

[dzoxen]

Hi, I want to remove right column from two pages, index and category and this code is not working

 

{if $page_name !='index'}

    <div id="right_column" class="column grid_2 omega">

        {$HOOK_RIGHT_COLUMN}

    </div>

{elseif $page_name !='category'}

<div id="right_column" class="column grid_2 omega">

        {$HOOK_RIGHT_COLUMN}

    </div>

{/if}

 

what am I doing wrong??

[Jufhlie]

index and category and this code is not working

[dzoxen]

{if $page_name !='index'}

    <div id="right_column" class="column grid_2 omega">

        {$HOOK_RIGHT_COLUMN}

    </div>

{/if}

this is working for index, but I need to exclude it also from the category, nad I don't know how..

[vekia]

 

{if $page_name !='index'}

    <div id="right_column" class="column grid_2 omega">

        {$HOOK_RIGHT_COLUMN}

    </div>

{/if}

this is working for index, but I need to exclude it also from the category, nad I don't know how..

 

 

use this code:

 

{if $page_name !='index' || $page_name !='category'}
    <div id="right_column" class="column grid_2 omega">
        {$HOOK_RIGHT_COLUMN}
    </div>
{/if}

[dzoxen]

 

use this code:

 

{if $page_name !='index' || $page_name !='category'}
    <div id="right_column" class="column grid_2 omega">
        {$HOOK_RIGHT_COLUMN}
    </div>
{/if}

That was my first attempt but what it does is that I get right column in both pages, index and category. So its not working like that...

[vekia]

this code will display right column everywhere instead of index and category page.

does right column appear also on other pages?

[dzoxen]

I was wrong, acctually, my links weren't ok in menu, colleague of mine changed it so I was checking the wrong page. And this is working, only I've put && instead of ||. Thank you for your help