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

Modern Theme 3 Column Not Showing Up
 
keong
Jr. Member
 
Total Posts:  3
Joined:  2011-01-03
 

I had been trying for days to make the 3 column to show up but no success. I had tried editing the styles.css and 3columns.phtml. In the end, I had 3 columns shown up but not in order. From left to right, I got the left sidebar, the right sidebar and follow by the main.

Anyone got success in getting 3 column for Modern Theme?

Please assist...

 
Magento Community Magento Community
Magento Community
Magento Community
 
MagePsycho
Mentor
 
Avatar
Total Posts:  1702
Joined:  2009-06-23
 

Quick Debug:
Try to enable the template path hints and check which layout file it’s loading.

Thanks

 
Magento Community Magento Community
Magento Community
Magento Community
 
keong
Jr. Member
 
Total Posts:  3
Joined:  2011-01-03
 

@MagePsycho, thanks for your fast reply.

I am very new to Magento, only 2 weeks old… smile

Could you kindly guide me over the exact steps? Help is much appreciated…

 
Magento Community Magento Community
Magento Community
Magento Community
 
maschadascha
Jr. Member
 
Avatar
Total Posts:  13
Joined:  2007-09-13
 

Have a look at app/design/frontend/default/modern/template/page/3columns.phtml
There isfrom line 43 to 55 following code:

<?php /*<div class=\"col-wrapper\">*/ ?>
                    
<div class=\"col-main\">
                        
<?php echo $this->getChildHtml(\'global_messages\'?>
                        <?php 
echo $this->getChildHtml(\'content\'?>
                    
</div>
                    <
div class=\"col-left sidebar\"><?php echo $this->getChildHtml(\'left\'?></div>
                </
div>
                
<?php /*<div class=\"col-right sidebar\"><?php echo $this->getChildHtml(\'right\') ?></div>*/ ?>
            <?php 
/*</div>*/ ?>
You have to delete the additional comments.
<div class=\"main-container col3-layout\">
            <
div class=\"main\">
                
<?php echo $this->getChildHtml(\'breadcrumbs\'?>
                
<div class=\"col-wrapper\">
                    <
div class=\"col-main\">
                        
<?php echo $this->getChildHtml(\'global_messages\'?>
                        <?php 
echo $this->getChildHtml(\'content\'?>
                    
</div>
                    <
div class=\"col-left sidebar\"><?php echo $this->getChildHtml(\'left\'?></div>
                </
div>
                <
div class=\"col-right sidebar\"><?php echo $this->getChildHtml(\'right\'?></div>
            </
div>
        </
div>
That\’s the reason for not showing right column in modern theme!
 
Magento Community Magento Community
Magento Community
Magento Community
 
keong
Jr. Member
 
Total Posts:  3
Joined:  2011-01-03
 
maschadascha - 12 January 2011 10:54 PM

Have a look at app/design/frontend/default/modern/template/page/3columns.phtml
There isfrom line 43 to 55 following code:

<?php /*<div class=\"col-wrapper\">*/ ?>
                    
<div class=\"col-main\">
                        
<?php echo $this->getChildHtml(\'global_messages\'?>
                        <?php 
echo $this->getChildHtml(\'content\'?>
                    
</div>
                    <
div class=\"col-left sidebar\"><?php echo $this->getChildHtml(\'left\'?></div>
                </
div>
                
<?php /*<div class=\"col-right sidebar\"><?php echo $this->getChildHtml(\'right\') ?></div>*/ ?>
            <?php 
/*</div>*/ ?>
You have to delete the additional comments.
<div class=\"main-container col3-layout\">
            <
div class=\"main\">
                
<?php echo $this->getChildHtml(\'breadcrumbs\'?>
                
<div class=\"col-wrapper\">
                    <
div class=\"col-main\">
                        
<?php echo $this->getChildHtml(\'global_messages\'?>
                        <?php 
echo $this->getChildHtml(\'content\'?>
                    
</div>
                    <
div class=\"col-left sidebar\"><?php echo $this->getChildHtml(\'left\'?></div>
                </
div>
                <
div class=\"col-right sidebar\"><?php echo $this->getChildHtml(\'right\'?></div>
            </
div>
        </
div>
That\’s the reason for not showing right column in modern theme!

Thanks for providing the coding. I follow the steps of removing the comments as stated and replacing the initial “col2-left-layout” to “main-container col3-layout” but it still doesn’t work. Instead it show the 2 columns with right bar only with no left bar.

Attached below is my code for 3columns phtml and CSS styles. Please see if I had miss out anything?

<div class=\"main-container col3-layout\">
            <
div class="main">
                
<?php echo $this->getChildHtml('breadcrumbs'?>
                
<div class="col-wrapper">
                    <
div class="col-main">
                        
<?php echo $this->getChildHtml('global_messages'?>
                        <?php 
echo $this->getChildHtml('content'?>
                    
</div>
                    <
div class="col-left sidebar"><?php echo $this->getChildHtml('left'?></div>
                </
div>
                <
div class="col-right sidebar"><?php echo $this->getChildHtml('right'?></div>
            </
div>
        </
div>

/* Layout ================================================================================ */
.wrapper {}
.page { width:960pxmargin:15px auto 0text-align:left}
.page-print { background:#fff; padding:25px 30px; text-align:left; }
.page-empty { background:#fff; padding:20px; text-align:left; }
.page-popup { background:#fff; padding:25px 30px; text-align:left; }
.main-container {}
.main { background:#fff; border:1px solid #bbb; border-top:0; border-bottom-color:#666; padding:16px 16px 50px; min-height:350px; }

/* Base Columns */
.col-left { float:leftwidth:220pxpadding:0 0 1px}
.col-main { float:leftwidth:686pxpadding:0 0 1px}
.col-right { float:rightwidth:220pxpadding:0 0 1px}

/* 1 Column Layout */
.col1-layout .main { padding:16px 30px 40px}
.col1-layout .col-main { float:nonewidth:auto}

/* 2 Columns Layout */
.col2-left-layout .col-main { float:right}
.col2-right-layout .col-main {}

/* 3 Columns Layout */
.col3-layout .col-main { width:452px}
.col3-layout .col-wrapper { float:leftwidth:689px}
.col3-layout .col-wrapper .col-main { float:right}

/* Content Columns */
.col2-set .col-1 { float:leftwidth:48.5%; }
.col2-set .col-2 { float:rightwidth:48.5%; }
.col2-set .col-narrow { width:32%; }
.col2-set .col-wide { width:65%; }

.col3-set .col-1 { float:leftwidth:32%; }
.col3-set .col-2 { float:leftwidth:32%; margin-left:2%; }
.col3-set .col-3 { float:rightwidth:32%; }

.col4-set .col-1 { float:leftwidth:23.5%; }
.col4-set .col-2 { float:leftwidth:23.5%; margin:0 2%; }
.col4-set .col-3 { float:leftwidth:23.5%; }
.col4-set .col-4 { float:rightwidth:23.5%; }
/* ======================================================================================= */

Please help me, thanks…

 
Magento Community Magento Community
Magento Community
Magento Community
 
Lukasz123
Jr. Member
 
Total Posts:  2
Joined:  2010-12-14
Wroclaw, Poland
 

Hi,

In my case removing comments helped smile I have 3 col layout on category pages

Bests,
Lukasz

cheese

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