Hello, first thank you for this template. It's GREAT and we're loving it!

However, I do have a little problem. We have products that come in with different fabric selections and we want to display them better than the default is producing. We have used "Custom Field" using images to produce this. When we add image titles it changes the layout of the images from horizontal to vertical, which will be a problem when we start adding lots of selections to the product (over 20 for some).

What can we do to make these images appear in a nice formation (perhaps 4-5 fabrics across and however many down is needed) such as in CoolMart-2.pdf? Please note that is pdf was created in InDesign and we did not create it on the site, it is strictly for illustration purposes.

Also, we would like to be able to hover over these fabric selections and have them zoom in like the product does. Is this possible?

Again, thank you for creating this template. It is a lot of fun to play with and make our own. Great job!

Hi,

This can be achived with CSS touches. Can you please provide an URL (from your website) where you have that many [image type] custom fileds? I will try to have the look you are looking for by using CSS rules only.

By the way, i have already resolved the same exact case before in this forum, but i just couldn't find it though.

Regards.
Support & Development

Unfortunately our site is not live, so there is no access to it at this time. I was hoping the screen shot would have provided enough information.

I'm working on getting the site live so you can take a look. I'll advise once that has been done.

Hi,

Check this topic:
www.flexiblewebdesign.com/forum-virtuemart-2-template-puremart-support/677-product-colors-pictures-3-in-1-row#2792

The same question has been asked and the solution has been provided already.
In your case; the CSS file is different, but the idea is the same.

You may put those CSS rules to here:
/templates/flexible_coolmart/css/virtuemart/css

Regards,
Support

Hi and thank you, your suggestion fixed part of the problem, but not completely. We are live now, can you please take a look and give me some suggestions as to how to fix it completely. Thank you.

www.classythreads.ca/index.php?option=com_virtuemart&view=productdetails&virtuemart_product_id=129&virtuemart_category_id=90&Itemid=665

If possible, I would really like to have them 4-5 across instead of 3. Thanks.

The other part of my original message was that I would like to be able to hover over the fabric swatches and have them zoom in just like for the product. Is this possible?

Hi,

Normally we don't provide free support for "custom request" and this is a 100% custom request. But try this:

- open this CSS file:
/templates/flexible_coolmart/css/virtuemart.css

and include these CSS rules (to the bottom of the CSS file):
[you can play around with the pixel numbers as you wish]

You will have this layout - which looks way better than what it is right now on your website:


About your second question. "able to hover over the fabric swatches and have them zoom in". Unfortunately this is not possible with current settings. Or will require lots of coding changes (in core PHP files, which is way beyond our free support)

Regards,
Support

Thank you, with some of your code, a little of my knowledge and some testing I was able to get it to look satisfactory.



Regarding the other request," to be able to hover over the fabric swatches and have them zoom in" how do I get a quote for this type of customization?

Hi,

This is something even "customization" can't be enough. It looks like a tough job and a whole new project. Personally, i don't even think Virtuemart lets us do it without touching Virtuemart Core files

(Touching Virtuemart Core files = Virtuemart Hack, and not recommended)

Regards.

Thank you for your feedback. We will look into finding another way to work this out.

Sure, your welcome.

I am closing this topic for forum clearance.

Case is solved, topic is closed.

Cheers,
Support