With some image proportion I can see button below. (see attachment)
Do you have solution without image size change?

Hi,

I understand the problem. But i am afraid i can't provide you any solution about it. Because only the "picture" itself is covering the add to cart button. If the picture isn't large enough to cover the add to cart button (for some products) there is nothing can be done to that.

The only solution is;
- Make sure that all product pictures have the same aspect ratio. (they can be in different resolution, but the aspect ratio must be the same) so the thumbnails will be generated with same resolution for all products. This will also make your webstore looks better. I know, it would be very much time consuming if you have more than 100 products, but for the better user-experience and bugs-free layout, you have to do it.

For example, pick a specific aspect ratio that fits to your product pictures in general, something like 1:2 or 1:1.

You should be using PhotoShop to crop or add extra white space to pictures in order to get the proper aspect ratio.

FYI:
- 500x500 or 750x750 are 1:1
- 300x600 or 650:1300 are 1:2

Regards,
Support

That's not a way for me. I have few thousand products...

Hi,

then, i am afraid i can't provide you any solution. You may try some different method through Firebug but i don't think they will work. Because the picture itself is alone to cover the add to cart button. (when you mouse hover the picture itself goes up only).

-- If it was a tag, then giving background color for it would also cover the add to card when the picture is not large enough, but this is not the case.

So, i would suggest you to use "flexv2" category page layout. As you can see in the Live DEMO:
demo.flexiblewebdesign.com/asymmetric/index.php?option=com_virtuemart&view=category&virtuemart_category_id=19&categorylayout=flexv2&Itemid=165&lang=en
flexv2 category layout, doesn't use hovering/covering concept. It has a different layout.

Regards,
Support

Hello Support :)

all my pictures have another proportion i have all my product with 1200 x 900 px for Flexv3 or Flexv2 dont work good
any idea for me ????

my categories here:

www.piedadbibiana.com/new/index.php?option=com_virtuemart&view=category&virtuemart_category_id=2&categorylayout=0&Itemid=133&lang=es

Regards

Yolanda

Hi Yolanda,

It is because there is a conflict error on your website right now. None of the jQuery application are working.

Try this:

Navigate to Virtuemart Configuration >> Templates

and disable these 2 options:



This should fix the problem. If not, please let me know.

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

Rate Asymmetric 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