How to change layout of JM Monsieur Homepage

I would like to change the layout of position’s 2 3 and 4 or "Free delivery worldwide", "10% student discount", and "15% off items…"

So that there is 2 columns instead of 3.

I would also like to change "Men’s Clothing" and "Shoes & Accessories" to 3 columns instead of 2. These are positions 5 and 6.

1 answer

Profile photo of Sherlock 0.00 $tone February 24, 2014
Public

QUOTE] I would like to change the layout of position’s 2 3 and 4 or "Free delivery worldwide", "10% student discount", and "15% off items…"

So that there is 2 columns instead of 3.

Go to the app\design\frontend\default\jm_monsieurtemplate\p age\1column.phtml file, you would see this

PHP Code:

<?php if ($this->getChildHtml('tops2')) : ?>
    <div id="jm-tops2" class="jm-spotlight wrap clearfix">
        <div class="main col3-set clearfix">
            <div class="inner clearfix">
                <div class="inner2 clearfix">
                    <?php echo $this->getChildHtml('tops2'?>
                </div>
            </div>
        </div>
    </div>
    <?php endif; ?>


Change it to:

PHP Code:

<?php if ($this->getChildHtml('tops2')) : ?>
    <div id="jm-tops2" class="jm-spotlight wrap clearfix">
        <div class="main col2-set clearfix">
            <div class="inner clearfix">
                <div class="inner2 clearfix">
                    <?php echo $this->getChildHtml('tops2'?>
                </div>
            </div>
        </div>
    </div>
    <?php endif; ?>


And in your back-end, edit the home cms page, you would see this:

HTML Code:

 <reference name="tops2">
	<block type="cms/block" name="position-2">
		<action method="setBlockId"><block_id>position-2</block_id></action>
	</block>
	<block type="cms/block" name="position-3">
		<action method="setBlockId"><block_id>position-3</block_id></action>
	</block>
	<block type="cms/block" name="position-4">
		<action method="setBlockId"><block_id>position-4</block_id></action>
	</block>				
</reference>

Change the above code to (you can remove one of cms block there, for example remove the position-4)

HTML Code:

 <reference name="tops2">
	<block type="cms/block" name="position-2">
		<action method="setBlockId"><block_id>position-2</block_id></action>
	</block>
	<block type="cms/block" name="position-3">
		<action method="setBlockId"><block_id>position-3</block_id></action>
	</block>
					
</reference>

I would also like to change "Men’s Clothing" and "Shoes & Accessories" to 3 columns instead of 2. These are positions 5 and 6.

Also in the app\design\frontend\default\jm_monsieurtemplate\p age\1column.phtml file, change:

HTML Code:

  <!-- TOP SPOTLIGHT -->
	<?php if ($this->getChildHtml('tops3')) : ?>
	<div id="jm-tops3" class="jm-spotlight wrap clearfix">
		<div class="main col2-set clearfix">
			<div class="inner clearfix">
				<?php echo $this->getChildHtml('tops3') ?>
			</div>
		</div>
	</div>
	<?php endif; ?>
	<!-- //TOP SPOTLIGHT -->

to:

HTML Code:

  <!-- TOP SPOTLIGHT -->
	<?php if ($this->getChildHtml('tops3')) : ?>
	<div id="jm-tops3" class="jm-spotlight wrap clearfix">
		<div class="main col3-set clearfix">
			<div class="inner clearfix">
				<?php echo $this->getChildHtml('tops3') ?>
			</div>
		</div>
	</div>
	<?php endif; ?>
	<!-- //TOP SPOTLIGHT -->

And in your home cms page, find this block of code:

HTML Code:

  <reference name="tops3">
	<block type="cms/block" name="position-5">
		<action method="setBlockId"><block_id>position-5</block_id></action>
	</block>
	<block type="cms/block" name="position-6">
		<action method="setBlockId"><block_id>position-6</block_id></action>
	</block>
</reference>

you can add another here, for example

HTML Code:

  <reference name="tops3">
	<block type="cms/block" name="position-5">
		<action method="setBlockId"><block_id>position-5</block_id></action>
	</block>
	<block type="cms/block" name="position-6">
		<action method="setBlockId"><block_id>position-6</block_id></action>
	</block>
<block type="cms/block" name="position-20">
		<action method="setBlockId"><block_id>position-20</block_id></action>
	</block>
</reference>

Hope it helps.

#1

Please login or Register to Submit Answer

Written By

Comments