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

Page 2 of 4
3 column layout in Modern theme
 
PCGamesPlus
Sr. Member
 
Avatar
Total Posts:  166
Joined:  2008-01-03
Sacramento, CA
 

[deleted by user]

 
Magento Community Magento Community
Magento Community
Magento Community
 
vesvello
Sr. Member
 
Total Posts:  97
Joined:  2007-12-01
 
4Alarm Games - 29 June 2008 04:23 PM

Just thought I’d drop a note to say that I have it figured out.

Thanks to all for the help

Good job, what did you do? Can you help me?

 
Magento Community Magento Community
Magento Community
Magento Community
 
liotropi
Sr. Member
 
Total Posts:  182
Joined:  2008-02-21
Athens, Greece
 

This is really frustrating.
Please post the solution. So many people have wasted a lot of time on this.

 
Magento Community Magento Community
Magento Community
Magento Community
 
liotropi
Sr. Member
 
Total Posts:  182
Joined:  2008-02-21
Athens, Greece
 

at last
my main problem was the total width of the grid

solution was here (boxes.css)

.catalog-listing h5 {
margin-bottom:.4em;
font-size:1.1em;
font-weight:normal;
width:129px; /* In case product is extra really long */

 
Magento Community Magento Community
Magento Community
Magento Community
 
BruceM
Jr. Member
 
Total Posts:  16
Joined:  2008-11-02
 

Followed InDaMixXx and nafnaf1000’s instructions and got my modern theme home page to go to 3 columns. Thanks for your thread guys. grin

 
Magento Community Magento Community
Magento Community
Magento Community
 
tim.rycroft
Jr. Member
 
Total Posts:  16
Joined:  2008-12-16
 

Hi,

Can someone who has this working please attach the files needed on this forum? I can’t seem to get this working :(

Ta

 
Magento Community Magento Community
Magento Community
Magento Community
 
theallgreenstore
Member
 
Total Posts:  33
Joined:  2009-01-08
 

I almost have this fixed, but my columns are overlapping - looks like other people had the same problem.  How do I fix this?

Image Attachments
modern.jpg
 
Magento Community Magento Community
Magento Community
Magento Community
 
BruceM
Jr. Member
 
Total Posts:  16
Joined:  2008-11-02
 

Here’s what I did by following this thread (I’m not an expert at Magento by any means) from a fresh install of modern theme on 1.2.0.2 (also did this on a previous install of 1.1.6).

1. Went to Admin>CMS>Manage Pages>Home Page>Custom Design>Layout
Changed this to 3 columns.

2. Opened 3columns.phtml
which is located at html/app/design/frontend/modern/template/page/3columns.phtml
I’m now using (Mac) Textmate and Filezilla rather than Dreamweaver as its just easier to code (though I really just want to design and start selling!)

Under

<div id="main" class="col-main">
                    
<?php echo $this->getChildHtml('global_messages'?>
                    <?php 
echo $this->getChildHtml('content'?>             
            
</div>
paste the new block to call any right column content underneath this </div> (I think this block has actually been forgotten in the original 3columns.phtml file?)
<div class="col-right side-col">
                
<?php echo $this->getChildHtml('right'?>
                
&nbsp;
            </
div>

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}
By changing the float and width you will have the right column content come up to the top. I used the Firefox Web Developer Toolbar as suggested by @Bill007 to see the CSS changes in real time.

That’s it (I hope).

Suggest you make sure you have something in the right column so you actually see some content appear. Alternatively turn on Template Hints to see the block appear.

 
Magento Community Magento Community
Magento Community
Magento Community
 
BruceM
Jr. Member
 
Total Posts:  16
Joined:  2008-11-02
 

I almost have this fixed, but my columns are overlapping - looks like other people had the same problem.  How do I fix this?

Did you look at changing the margins, widths and floats in boxes.css, especially .col-main?

 
Magento Community Magento Community
Magento Community
Magento Community
 
charlie zhong
Jr. Member
 
Total Posts:  1
Joined:  2009-02-02
 

Hi i am looking for download this template modern theme such as http://demo.magentocommerce.com/electronics/digital-cameras, somebody can help me find where is the file to download.

 
Magento Community Magento Community
Magento Community
Magento Community
 
liotropi
Sr. Member
 
Total Posts:  182
Joined:  2008-02-21
Athens, Greece
 

you can get it at magento connect

http://www.magentocommerce.com/extension/146/modern-theme-for-magento-frontend-interface

 
Magento Community Magento Community
Magento Community
Magento Community
 
MI
Sr. Member
 
Total Posts:  172
Joined:  2008-12-11
Spain
 

Hi, first of all thanks for this post, it’s very useful

I’ve done the changes you talk about but i have some problems:
- Why can’t I adjust right column in product list?  I have chaged boxes.css but the changes aren’t applied to the product list, why??? (see attached image ‘productList.jpg’)
- In the product page I can adjust the right column but so the main content looks worse because the overview doesn’t fit.  I suppose that a solution would be use images smaller. (see attached image ‘productPage.jpg’)

I am new in magento world so i’d appreciate your help, I’m confused and I don’t know what to do now.

i’m sorry for my poor english, i hope you can understand me.

thanks!

Image Attachments
productList.jpgproductPage.jpg
 
Magento Community Magento Community
Magento Community
Magento Community
 
MI
Sr. Member
 
Total Posts:  172
Joined:  2008-12-11
Spain
 

the solution is change product list to show only 3 products by row.

 
Magento Community Magento Community
Magento Community
Magento Community
 
Bryan Sayler
Jr. Member
 
Total Posts:  15
Joined:  2008-11-14
 

BruceM - Thanks! Your solution was simple, clear, and worked perfectly!

 
Magento Community Magento Community
Magento Community
Magento Community
 
aperionvi
Jr. Member
 
Total Posts:  4
Joined:  2009-06-23
 

I am facing the same issue.  The right column is just not appearing for me at all.  Even after I have un-commented the necessary code.

 
Magento Community Magento Community
Magento Community
Magento Community
Magento Community
Magento Community
Back to top
Page 2 of 4