Posting in the Magento forums has been disabled pending the implementation of a new and improved forum solution which should better serve the community.

For new questions please post at magento.stackexchange.com, the community-run support site for the Magento community. We will be providing updates on the new forum solution soon. For questions or concerns please email community@magento.com.

Magento Forum

3 column layout in Modern theme
 
afflatus
Jr. Member
 
Total Posts:  9
Joined:  2009-10-08
 

I confirm that the problem is that the 3-column template in modern theme as of October 24,2009 has errors, it looks the 2 column template was saved as a 3-column template.

The above post is correct, need to fix the 3-columns.phtml file, and then fix the css.

Of note though may want to consider keeping the separate CSS’s for width of main depending whether it is inside a 2 column or 3 column layout (see the default theme for example)

Peace out.

 
Magento Community Magento Community
Magento Community
Magento Community
 
tiagomatos
Jr. Member
 
Avatar
Total Posts:  10
Joined:  2008-03-26
 
BruceM - 18 January 2009 05:46 PM


3. Go to boxes.css , look for the /*Structure Section*/ at about line 297

edit as follows

.col-left       { float:leftwidth:220pxmargin-left:10px}
.col-right       { float:rightwidth:195pxmargin-right:10px}
.col-main       { float:leftwidth:480pxmargin-left:10pxmargin-right:10px}

Bruce pointed the correct direction, I would suggest you left .col-main width with a value. Otherwise changing between 2-columns / 3-columns templates will not work, as Main Column width is set.

.col-main       { float:leftmargin-left:10pxmargin-right:10px}

... does a better trick.

 
Magento Community Magento Community
Magento Community
Magento Community
 
misbach
Jr. Member
 
Avatar
Total Posts:  11
Joined:  2008-11-17
 

I’ve got the file boxes.css in 4 different places, which one am I supposed to make the changes in?
skin/adminhtml/default/default/boxes.css
skin/install/default/default/css/boxes.css
downloader/skin/boxes.css
downloader/skin/install/boxes.css

 
Magento Community Magento Community
Magento Community
Magento Community
 
cristian1985
Jr. Member
 
Total Posts:  1
Joined:  2010-05-28
 

thanks for that script,I really needed it.

 
Magento Community Magento Community
Magento Community
Magento Community
 
famato
Jr. Member
 
Avatar
Total Posts:  11
Joined:  2010-11-11
 

sorry could you give me the file path boxes.css?
I try to do so also arises to change these ...
thanks smile

 
Magento Community Magento Community
Magento Community
Magento Community
 
lurebeauty
Sr. Member
 
Avatar
Total Posts:  229
Joined:  2009-07-06
 

Thanks, im still having a problem though; where my right column is popping up at the bottom of the page?

 
Magento Community Magento Community
Magento Community
Magento Community
 
sherrie
Moderator
 
Avatar
Total Posts:  1655
Joined:  2007-12-14
Waterloo, ON
 

Your right column is at the bottom because your design is not wide enough for all three. You will either need to increase the overall width of the website or decrease the width of your center column.

 
Magento Community Magento Community
Magento Community
Magento Community
 
lurebeauty
Sr. Member
 
Avatar
Total Posts:  229
Joined:  2009-07-06
 

Thanks so much for answering!  Im a novice so can you tell me where the file is to change the overall width?  Im sorry, i thought was in boxes.css but when i changed to thw following, it still is at the bottom:

.col-left { float:left; width:220px; margin-left:10px; }
.col-right { float:right; width:195px; margin-right:10px; }
.col-main { float:left; margin-left:10px; margin-right:10px}

 
Magento Community Magento Community
Magento Community
Magento Community
 
lurebeauty
Sr. Member
 
Avatar
Total Posts:  229
Joined:  2009-07-06
 

Thanks, i figured out what you meant but i still cant get it to stop dropping down :( can someone post their 3column.phtml file so i can see how to get it to work? i think that file is wrong.

 
Magento Community Magento Community
Magento Community
Magento Community
 
sherrie
Moderator
 
Avatar
Total Posts:  1655
Joined:  2007-12-14
Waterloo, ON
 

What version of Magento are you using?

It makes a difference in which file to give you.

smile

 
Magento Community Magento Community
Magento Community
Magento Community
 
lurebeauty
Sr. Member
 
Avatar
Total Posts:  229
Joined:  2009-07-06
 

Magento ver. 1.3.2.4

thanks , you’re the best!

 
Magento Community Magento Community
Magento Community
Magento Community
 
sherrie
Moderator
 
Avatar
Total Posts:  1655
Joined:  2007-12-14
Waterloo, ON
 

No problem - here you go.

I don’t think this is actually going to solve it, but let me know if it works.

smile

File Attachments
3columns.phtml  (File Size: 4KB - Downloads: 148)
 
Magento Community Magento Community
Magento Community
Magento Community
 
lurebeauty
Sr. Member
 
Avatar
Total Posts:  229
Joined:  2009-07-06
 

Thanks, ill try it

 
Magento Community Magento Community
Magento Community
Magento Community
 
famato
Jr. Member
 
Avatar
Total Posts:  11
Joined:  2010-11-11
 

Has anyone solved this problem 3 column?
Could post the solution or 3 columns running phtml file?
I magento 1.4.1.1 and I just can not run modern theme with 3 columns.
Following the suggestions of Bruce shows the contents of the third column, but you can not fix the css, not responding to commands. I do not know what to do!
: (

 
Magento Community Magento Community
Magento Community
Magento Community
 
Sara Smile
Jr. Member
 
Avatar
Total Posts:  9
Joined:  2010-04-07
Washington State
 

3 column layouts are hard to get right!

 
Magento Community Magento Community
Magento Community
Magento Community
Magento Community
Magento Community
Back to top