"Add to cart" button covers item info

[conte64]

Hi,
I've installed VM 3.0.4 with demo data (default settings) in a Joomla 3.3.6 site but in the Shop home item's data are covered by "Add to cart button".
Please see attached image.

How to solve this problem?
Thank you very much
Regards

[GJC Web Design]

the clearing div has been removed in 3.0.4 from the components\com_virtuemart\sublayouts\prices.php

add <div class="clear"></div> as the last line in that file

[conte64]

Hi,
thank you for your quick reply!
This problem was present also in 3.0.2 version and unfortunately the solution you suggested doesn't fix the problem.
I'm trying to fix it working on components\com_virtuemart\assets\css\vm-ltr-site.css file changing these lines:

- Line ~37
.addtocart-bar{margin:0;padding:0;position:absolute; bottom: 4.2em; left: 0; right: 0; text-align: center;}
becomes
.addtocart-bar{margin:0;padding:0;position:absolute; bottom: -4.2em; left: 0; right: 0; text-align: center;}

and

- Line ~224
div.product {float:left;border:1px solid #ddd;min-width: 220px;}
becomes
div.product {float:left;border:1px solid #ddd;min-width: 220px;min-height: 650px;}


It seems to be working (attached picture) but I've just started testing it...

[jenkinhill]

Strange. I don't see that problem with VM3.0.4/J3.5.6  default VM template, Beez and no overrides or css edits.

[conte64]

I've tried adding ?template=beez3 to URL but, even if the template changes, the result is the same...
I keep investigating.
Thank you!!!

[conte64]

I've just tried a FRESH install of Joomla with beez3 template and a FRESH install of VM.
Unfortunatelly the result (please find attached picture) is the same.

[Milbo]

Because the main supported version is still joomla 2.5.

Because joomla 3.3 is not useable without hacks. Lets hope we can switch to j3.4 then.

[jenkinhill]

@Milbo the display works fine for me on Joomla 3.3.6 with no hacks/overrides.

[GJC Web Design]

on a clean j3/VM3.0.4 it starts to break when there is too long a title or more than one custom -

main culprit seems to be the fixed height

.vm3pr-2 .addtocart-area {
  height: 6.4em;
}

but the whole thing is a strange mix of floats, absolutes , fixed heights in ems etc

think easier with all auto heights, each cleared and a JS equal heights

[jenkinhill]

Yes, but that is the same problem whether on J2.5 or J3.

[Milbo]

The strange mix ensures most time that the button is same height. When you have an nicer setup, please

[conte64]

Given that I'm a very beginner, I cannot find a solution. Just tried to redo a fresh installation of J3.3.6 + VM 3.0.4 with DEFAULT settings and entries.
Tried on different servers and tried with different browsers: always the same result.
Also tried to replace vm-ltr-site.css with some others found in internet but I never obtain a "clean" output.

As far as I can see also GJC Web Design obtained similar results.

Installing with ALL DEFAULT SETTINGS I'd expect a standard good (even if improvable) result.

This is my configuration:

MySQL Version: 5.5.40
PHP Version:    5.5.19
Web Server    Apache/2.4.10 (Win32) OpenSSL/1.0.1i PHP/5.5.19
Joomla! Version    Joomla! 3.3.6 Stable [ Ember ] 01-October-2014 02:00 GMT

Please help me.
Thank you very much!

[oneyozfest182]

Just chiming in here that this bug STILL exists on 3 different fresh installs for me.

[GJC Web Design]

this cannot be described as a bug.. it is a way of doing something

if on your setup it doesn't work then you need to adjust some css to get it displaying nicely.. this is all part of web site building

[jenkinhill]

If you install to VirtueMart3.0.8_Joomla_2.5.28-Stable-Full_Package.zip package - ie Joomla/VMand VMBeez template package all pre-configured - you can see that there is no issue with the category pages. Use a different Joomla template and you will very likely have to make some css overrides. As GJC comments, this is just part of the web site building process.