1) Sometimes in product page it shows one 1 or 2 product in a row instead of 3 I think it is because of title size.
depends on title length
http://glamplaza.com/index.php/women…n-scarves.html
http://glamplaza.com/index.php/cloth…-cover-up.html
2) How to add other social button like instagram and pintrest on top social icon.
3) How to add block below menu like attached in file, do I need to add cms block ,if yes how to do so 3 block is show below menu on home page.
1 answer
Hope my answers below can help:
1) You can try the solution posted here http://www.joomlart.com/forums/showt…l=1#post392610
2) The html content for that social section should be:
HTML Code:
<ul class="social-list"> <li class="facebook"><a href="http://www.facebook.com/joomlart"><i class="icon-facebook"></i></a></li> <li class="twitter"><a href="https://twitter.com/JoomlArt"><i class="icon-twitter"></i></a></li> <li class="rss"><a href="http://feeds.feedburner.com/joomlart/magento"><i class="icon-rss"></i></a></li> </ul>
Modify the code above by adding <li> tags for other buttons like instagram and pintrest,
then login to your back-end, go to edit the Static block of Socials to put the modified contents there
3) Yes, you can create cms block, also you would need to add a special class name for your static content, for example you have 3 blocks there you can put the contents as follows:
HTML Code:
<div class=" col-1"> <div class="col-inner"> your content goes here </div> </div>
and
HTML Code:
<div class="block-delivery col-2"> <div class="col-inner"> your content goes here </div> </div>
and finally
HTML Code:
<div class="block-delivery col-2"> <div class="col-inner"> your content goes here </div> </div>
For each of block,
After doing that you can go to edit your home cms page, there at the Design tab you would see:
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>
You can add following new block tag right above that code:
HTML Code:
<reference name="tops5"> <block type="cms/block" name="position-8"> <action method="setBlockId"><block_id>position-8</block_id></action> </block> <block type="cms/block" name="position-9"> <action method="setBlockId"><block_id>position-9</block_id></action> </block> <block type="cms/block" name="position-10"> <action method="setBlockId"><block_id>position-10</block_id></action> </block> </reference>
NOTE: I assume that your added cms blocks have ids of position-8,position-9 and position-10
Finally you open the template file app\design\frontend\default\jm_monsieurtemplate\p age\1column.phtml, you would see:
PHP Code:
<!-- TOP SPOTLIGHT -->
<?php if ($this->getChildHtml('tops1')) : ?>
<div id="jm-tops1" class="jm-spotlight wrap clearfix">
<div class="main col1-set clearfix">
<div class="inner clearfix">
<?php echo $this->getChildHtml('tops1') ?>
</div>
</div>
</div>
<?php endif; ?>
<!-- //TOP SPOTLIGHT -->
Right above it you add:
PHP Code:
<?php if ($this->getChildHtml('tops5')) : ?>
<div id="jm-tops1" class="jm-spotlight wrap clearfix">
<div class="main col1-set clearfix">
<div class="inner clearfix">
<?php echo $this->getChildHtml('tops5') ?>
</div>
</div>
</div>
<?php endif; ?>
Let me know how it goes.