Welcome, Guest
Username: Password: Remember me
Use this Category for your support questions about Virtuemart Template - PureMart (SKU# FLEX-00010)

TOPIC: Modal Popup (Fancybox1.3.4) Related products

Modal Popup (Fancybox1.3.4) Related products 10 years 6 months ago #6378

Hello,

I was wondering what do I need to edit to style or change the size of the modal popup (fancybox1.3.4) that contains the related products.

URL: gorecon.cyssystems.com/projector-headlights/ford-trucks-99-12-projector-headlights/part-264190bk-smoked-projector-headlights-ford-f150-raptor-09-13-w-led-halos-drls-detail.html (click add to cart)

We are using Puremart3.4 Flexv2
Latest Version of both Joomla and VM

Ideally I would like to make this list into a table so that the space it's better utilized (as opposed to a huge empty div with a picture and some printed text) but I would settle for making the div smaller to fit the size of the image.

Help is greatly appreciated.
Attachments:
The administrator has disabled public write access.

Modal Popup (Fancybox1.3.4) Related products 10 years 6 months ago #6387

Hi,

Include this CSS rules:
#fancybox-content .product-field-type-R {
	width:20%;
	float:left;
	display:block;
}
#fancybox-content .product-field-type-R .product-field-display {
	margin:0 20px;
	display:block;
}

to this CSS file:
ROOT///templates/jsn_tendo_free/html/com_virtuemart/assets/css/flexibleVM2Global.css

The result will be:

Attachment ScreenShot2013-09-11at1.23.46AM.png not found



NOTICE: In the above CSS rules you may change the "width:20%" value up to your need. Play around with it. Alternatively you can use width:25% to fit 4 products per row. Or you can use width:33% to fit 3 products per row. The product thumbnails will be resized depends on the width value you pick.

Regards.
Support & Development
The administrator has disabled public write access.
Time to create page: 0.094 seconds

MaterialMart

for Virtuemart 3

Google's Material Design has finally arrived to Virtuemart

Virtumart Template - MaterialMart Virtumart Template - CleanMart Virtumart Template - CleanMart Virtumart Template - CleanMart

Fully responsive!

Buy Now   |   Live Demo