VirtueMart Forum

VirtueMart 2 + 3 + 4 => Virtuemart Development and bug reports => Topic started by: conte64 on January 30, 2015, 11:58:32 AM

Title: "Add to cart" button covers item info
Post by: conte64 on January 30, 2015, 11:58:32 AM
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

Title: Re: "Add to cart" button covers item info
Post by: GJC Web Design on January 30, 2015, 12:19:40 PM
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
Title: Re: "Add to cart" button covers item info
Post by: conte64 on January 30, 2015, 12:44:30 PM
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...


Title: Re: "Add to cart" button covers item info
Post by: jenkinhill on January 30, 2015, 13:23:12 PM
Strange. I don't see that problem with VM3.0.4/J3.5.6  default VM template, Beez and no overrides or css edits.
Title: Re: "Add to cart" button covers item info
Post by: conte64 on January 30, 2015, 15:38:08 PM
I've tried adding ?template=beez3 to URL but, even if the template changes, the result is the same...
I keep investigating.
Thank you!!!
Title: Re: "Add to cart" button covers item info
Post by: conte64 on January 30, 2015, 17:46:20 PM
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.
Title: Re: "Add to cart" button covers item info
Post by: Milbo on February 01, 2015, 16:44:20 PM
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.
Title: Re: "Add to cart" button covers item info
Post by: jenkinhill on February 01, 2015, 16:53:43 PM
@Milbo the display works fine for me on Joomla 3.3.6 with no hacks/overrides.
Title: Re: "Add to cart" button covers item info
Post by: GJC Web Design on February 01, 2015, 18:49:06 PM
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
Title: Re: "Add to cart" button covers item info
Post by: jenkinhill on February 01, 2015, 20:16:24 PM
Yes, but that is the same problem whether on J2.5 or J3.
Title: Re: "Add to cart" button covers item info
Post by: Milbo on February 01, 2015, 21:43:21 PM
The strange mix ensures most time that the button is same height. When you have an nicer setup, please
Title: Re: "Add to cart" button covers item info
Post by: conte64 on February 07, 2015, 20:05:22 PM
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!
Title: Re: "Add to cart" button covers item info
Post by: oneyozfest182 on April 24, 2015, 22:52:30 PM
Just chiming in here that this bug STILL exists on 3 different fresh installs for me.
Title: Re: "Add to cart" button covers item info
Post by: GJC Web Design on April 25, 2015, 15:30:45 PM
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
Title: Re: "Add to cart" button covers item info
Post by: jenkinhill on April 25, 2015, 15:53:30 PM
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.