Jump to content

how to change 2 column page to 3 column


Recommended Posts

Look to the global.css file and you will find that the left column is set to display:none for various pages.

Delete these exceptions and you will have a three column page, you may need to alter some other css files to show a correctly formatted page.

 

(example)

 

/* ************************************************************************************************

PAGE ADRESSES

************************************************************************************************ */

#addresses #left_column {display:none} (remove)

#addresses #center_column{width:757px} (remove)

 

#address p.inline-infos {

margin:0 0 0 100px !important;

font-size:12px;

color:#666;

}

Link to comment
Share on other sites

  • 3 weeks later...

Hi!

 

Did You find any solution?

 

I have a similar problem with left column.

In order confirmation.

 

I have removed the display:none and changed the width for the center column.

 

I think the left column actually is visible, but does not have any modules to show.

It should have been showing "viewed products, advertising" etc....

Link to comment
Share on other sites

In mywishlist of ps 1.5....... trying to change as 3 column for a long time but in css of blockwishlist, watever changes i did it wont display left column, can u give solution

Try to change in mywishlist.php function initContent()

 

 

public function initContent()
{
$this->display_column_left = true;
$this->display_column_right = true;
parent::initContent();

$this->assign();
}

Link to comment
Share on other sites

I think if you will add these lines into corresponding controller in should work, but did not test it:

 

For example OrderConfirmationController.php

 

public function initContent()

{

$this->display_column_left = true;

$this->display_column_right = true;

........

Link to comment
Share on other sites

For Order page or Order-confirmation page or authentification it's just a global css file:

/* ************************************************************************************************
 PAGE AUTHENTIFICATION
************************************************************************************************ */
#authentication #left_column {display:none}
#authentication #center_column{width:757px}

/* ************************************************************************************************
 PAIMENT - PAGE ORDER
************************************************************************************************ */
/* nav bottom ********************************************************************************** */
#order #left_column , #order-confirmation #left_column {display:none}
#order #center_column, #order-confirmation #center_column{width:757px}

Just change remove display:none and set column width

Link to comment
Share on other sites

For blockwishlist you have to do both as posted above:

 

 

public function initContent()
{
$this->display_column_left = true;
parent::initContent();

$this->assign();
}

and

change lines in blockwishlist.css

 

#module-blockwishlist-mywishlist #left_column {display:none}

 

#module-blockwishlist-mywishlist #center_column{width:757px}

Edited by doubleD (see edit history)
Link to comment
Share on other sites

  • 2 weeks later...
×
×
  • Create New...