Virtuemart Support :: Topic: another row of Promo Boxes in interbottom module (1/1)

Welcome, Guest

TOPIC: another row of Promo Boxes in interbottom module

another row of Promo Boxes in interbottom module 10 years 1 month ago #9153

Michael Banschbach	Hi, Is their an easy way to get a second or even 3rd row of Promo Boxes to display below the first row of Promo Boxes? i tried using the interbottom-b module, but it does not like that. Attached graphic is what i am talking about. Attachments: promobox_2row.jpg (109KB)
	The topic has been locked.

another row of Promo Boxes in interbottom module 10 years 1 month ago #9156

Support

Hi,

You can create the "promo" module manually.
Disable all the module you have created to generate the promo module.

And create a fresh new "Custom HTML" module. (don't type anything to mobule class sufix

and enter these HTML lines:

<div class="promo-box width24 floatleft" style="position: relative; margin: 0; margin-right: 1%;">
<div>
<h5>iPad</h5>
<h6>Two sizes do all.</h6>
<a href="#URL_GOES_HERE"><img src="images/promo_1.png" border="0" alt="" /></a> <a class="shopnowbubble" href="#"> Shop Now</a></div>
</div>
<div class="promo-box width24 floatleft" style="position: relative; margin: 0; margin-right: 1%;">
<div>
<h5>iPad</h5>
<h6>Two sizes do all.</h6>
<a href="#URL_GOES_HERE"><img src="images/promo_1.png" border="0" alt="" /></a> <a class="shopnowbubble" href="#"> Shop Now</a></div>
</div>
<div class="promo-box width24 floatleft" style="position: relative; margin: 0; margin-right: 1%;">
<div>
<h5>iPad</h5>
<h6>Two sizes do all.</h6>
<a href="#URL_GOES_HERE"><img src="images/promo_1.png" border="0" alt="" /></a> <a class="shopnowbubble" href="#"> Shop Now</a></div>
</div>
<div class="promo-box width24 floatleft" style="position: relative; margin: 0; margin-right: 1%;">
<div>
<h5>iPad</h5>
<h6>Two sizes do all.</h6>
<a href="#URL_GOES_HERE"><img src="images/promo_1.png" border="0" alt="" /></a> <a class="shopnowbubble" href="#"> Shop Now</a></div>
</div>
 
<div class="clearfix"> </div>
 
<div class="promo-box width24 floatleft" style="position: relative; margin: 0; margin-right: 1%;">
<div>
<h5>iPad</h5>
<h6>Two sizes do all.</h6>
<a href="#URL_GOES_HERE"><img src="images/promo_1.png" border="0" alt="" /></a> <a class="shopnowbubble" href="#"> Shop Now</a></div>
</div>
<div class="promo-box width24 floatleft" style="position: relative; margin: 0; margin-right: 1%;">
<div>
<h5>iPad</h5>
<h6>Two sizes do all.</h6>
<a href="#URL_GOES_HERE"><img src="images/promo_1.png" border="0" alt="" /></a> <a class="shopnowbubble" href="#"> Shop Now</a></div>
</div>
<div class="promo-box width24 floatleft" style="position: relative; margin: 0; margin-right: 1%;">
<div>
<h5>iPad</h5>
<h6>Two sizes do all.</h6>
<a href="#URL_GOES_HERE"><img src="images/promo_1.png" border="0" alt="" /></a> <a class="shopnowbubble" href="#"> Shop Now</a></div>
</div>
<div class="promo-box width24 floatleft" style="position: relative; margin: 0; margin-right: 1%;">
<div>
<h5>iPad</h5>
<h6>Two sizes do all.</h6>
<a href="#URL_GOES_HERE"><img src="images/promo_1.png" border="0" alt="" /></a> <a class="shopnowbubble" href="#"> Shop Now</a></div>
</div>

and publish the module in any module position you would like (for example: innerbottom-b)

the result will be:

Attachment ScreenShot2014-03-20at11.23.36PM.png not found

So actually you will have all those 2x4 = 8 box by using 1 single module (no need create 8 different modules to get the same look)

Regards,
Support

Last Edit: 10 years 1 month ago by Support.

The topic has been locked.

another row of Promo Boxes in interbottom module 10 years 1 month ago #9223

Michael Banschbach	Thank you, That nailed it perfectly.
	The topic has been locked.

another row of Promo Boxes in interbottom module 10 years 4 weeks ago #9241

Support

Sure, your welcome. I am glad i was helpful.

Case solved, topic closed.

If you like LightMart and satisfied with the support you have received, please "write a review" on:
www.flexiblewebdesign.com/Joomla-Virtuemart-Templates/LightMart

Rate LightMart and write a couple of sentences to share your experience with the support team.
It won't take more than 2 minutes from you but it is extremely important for us.

Thanks in advance!

Regards,
Support

The topic has been locked.