Author Topic: "Add to cart" button covers item info  (Read 3231 times)

conte64

  • Beginner
  • *
  • Posts: 5
"Add to cart" button covers item info
« 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


GJC Web Design

  • 3rd party VirtueMart Developer
  • Super Hero
  • *
  • Posts: 9230
  • Virtuemart, Joomla & php developer
    • GJC Web Design
  • VirtueMart Version: 3.6.8
Re: "Add to cart" button covers item info
« Reply #1 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
GJC Web Design
VirtueMart and Joomla Developers - php developers http://www.gjcwebdesign.com
VM3 AusPost Shipping Plugin - e-go Shipping Plugin - VM3 Postcode Shipping Plugin - Radius Shipping Plugin - VM3 NZ Post Shipping Plugin - AusPost Estimator
Samport Payment Plugin - EcomMerchant Payment Plugin - ccBill payment Plugin
VM2 Product Lock Extension - VM2 Preconfig Adresses Extension - TaxCloud USA Taxes Plugin - Virtuemart  Product Review Component
http://extensions.joomla.org/profile/profile/details/67210
Contact for any VirtueMart or Joomla development & customisation

conte64

  • Beginner
  • *
  • Posts: 5
Re: "Add to cart" button covers item info
« Reply #2 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...



jenkinhill

  • UK Web Developer & Consultant
  • Global Moderator
  • Super Hero
  • *
  • Posts: 27598
  • Always on vacation
    • Jenkin Hill Internet
Re: "Add to cart" button covers item info
« Reply #3 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.
Kelvyn

Jenkin Hill Internet,
Lowestoft, Suffolk, UK

Unsolicited PMs/emails will be ignored.

Please mention your VirtueMart, Joomla and PHP versions when asking a question in this forum

Currently using VM 3.6.10.10211 on Joomla 3.9.13 PHP 7.0.33

conte64

  • Beginner
  • *
  • Posts: 5
Re: "Add to cart" button covers item info
« Reply #4 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!!!

conte64

  • Beginner
  • *
  • Posts: 5
Re: "Add to cart" button covers item info
« Reply #5 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.

Milbo

  • Virtuemart Projectleader
  • Administrator
  • Super Hero
  • *
  • Posts: 9997
  • VM3.2 Cached and Optimized
    • VM3 Extensions
  • VirtueMart Version: VirtueMart 3 on joomla 3
Re: "Add to cart" button covers item info
« Reply #6 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.
I should fix your bug, please support the VirtueMart project and become a member
______________________________________
Extensions approved by the core team: http://extensions.virtuemart.net/

jenkinhill

  • UK Web Developer & Consultant
  • Global Moderator
  • Super Hero
  • *
  • Posts: 27598
  • Always on vacation
    • Jenkin Hill Internet
Re: "Add to cart" button covers item info
« Reply #7 on: February 01, 2015, 16:53:43 pm »
@Milbo the display works fine for me on Joomla 3.3.6 with no hacks/overrides.
Kelvyn

Jenkin Hill Internet,
Lowestoft, Suffolk, UK

Unsolicited PMs/emails will be ignored.

Please mention your VirtueMart, Joomla and PHP versions when asking a question in this forum

Currently using VM 3.6.10.10211 on Joomla 3.9.13 PHP 7.0.33

GJC Web Design

  • 3rd party VirtueMart Developer
  • Super Hero
  • *
  • Posts: 9230
  • Virtuemart, Joomla & php developer
    • GJC Web Design
  • VirtueMart Version: 3.6.8
Re: "Add to cart" button covers item info
« Reply #8 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
GJC Web Design
VirtueMart and Joomla Developers - php developers http://www.gjcwebdesign.com
VM3 AusPost Shipping Plugin - e-go Shipping Plugin - VM3 Postcode Shipping Plugin - Radius Shipping Plugin - VM3 NZ Post Shipping Plugin - AusPost Estimator
Samport Payment Plugin - EcomMerchant Payment Plugin - ccBill payment Plugin
VM2 Product Lock Extension - VM2 Preconfig Adresses Extension - TaxCloud USA Taxes Plugin - Virtuemart  Product Review Component
http://extensions.joomla.org/profile/profile/details/67210
Contact for any VirtueMart or Joomla development & customisation

jenkinhill

  • UK Web Developer & Consultant
  • Global Moderator
  • Super Hero
  • *
  • Posts: 27598
  • Always on vacation
    • Jenkin Hill Internet
Re: "Add to cart" button covers item info
« Reply #9 on: February 01, 2015, 20:16:24 pm »
Yes, but that is the same problem whether on J2.5 or J3.
Kelvyn

Jenkin Hill Internet,
Lowestoft, Suffolk, UK

Unsolicited PMs/emails will be ignored.

Please mention your VirtueMart, Joomla and PHP versions when asking a question in this forum

Currently using VM 3.6.10.10211 on Joomla 3.9.13 PHP 7.0.33

Milbo

  • Virtuemart Projectleader
  • Administrator
  • Super Hero
  • *
  • Posts: 9997
  • VM3.2 Cached and Optimized
    • VM3 Extensions
  • VirtueMart Version: VirtueMart 3 on joomla 3
Re: "Add to cart" button covers item info
« Reply #10 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
I should fix your bug, please support the VirtueMart project and become a member
______________________________________
Extensions approved by the core team: http://extensions.virtuemart.net/

conte64

  • Beginner
  • *
  • Posts: 5
Re: "Add to cart" button covers item info
« Reply #11 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!

oneyozfest182

  • Beginner
  • *
  • Posts: 33
  • A beginner
Re: "Add to cart" button covers item info
« Reply #12 on: April 24, 2015, 22:52:30 pm »
Just chiming in here that this bug STILL exists on 3 different fresh installs for me.

GJC Web Design

  • 3rd party VirtueMart Developer
  • Super Hero
  • *
  • Posts: 9230
  • Virtuemart, Joomla & php developer
    • GJC Web Design
  • VirtueMart Version: 3.6.8
Re: "Add to cart" button covers item info
« Reply #13 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
GJC Web Design
VirtueMart and Joomla Developers - php developers http://www.gjcwebdesign.com
VM3 AusPost Shipping Plugin - e-go Shipping Plugin - VM3 Postcode Shipping Plugin - Radius Shipping Plugin - VM3 NZ Post Shipping Plugin - AusPost Estimator
Samport Payment Plugin - EcomMerchant Payment Plugin - ccBill payment Plugin
VM2 Product Lock Extension - VM2 Preconfig Adresses Extension - TaxCloud USA Taxes Plugin - Virtuemart  Product Review Component
http://extensions.joomla.org/profile/profile/details/67210
Contact for any VirtueMart or Joomla development & customisation

jenkinhill

  • UK Web Developer & Consultant
  • Global Moderator
  • Super Hero
  • *
  • Posts: 27598
  • Always on vacation
    • Jenkin Hill Internet
Re: "Add to cart" button covers item info
« Reply #14 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.
Kelvyn

Jenkin Hill Internet,
Lowestoft, Suffolk, UK

Unsolicited PMs/emails will be ignored.

Please mention your VirtueMart, Joomla and PHP versions when asking a question in this forum

Currently using VM 3.6.10.10211 on Joomla 3.9.13 PHP 7.0.33