News:

You may pay someone to create your store, or you visit our seminar and become a professional yourself with the silver certification

Main Menu

"Add to cart" button covers item info

Started by conte64, January 30, 2015, 11:58:32 AM

Previous topic - Next topic

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
GJC Web Design
VirtueMart and Joomla Developers - php developers https://www.gjcwebdesign.com
VM4 AusPost Shipping Plugin - e-go Shipping Plugin - VM4 Postcode Shipping Plugin - Radius Shipping Plugin - VM4 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
https://extensions.joomla.org/profile/profile/details/67210
Contact for any VirtueMart or Joomla development & customisation

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.
Kelvyn
Lowestoft, Suffolk, UK

Retired from forum life November 2023

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

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.
Should I fix your bug, please support the VirtueMart project and become a member
______________________________________
Extensions approved by the core team: http://extensions.virtuemart.net/

jenkinhill

@Milbo the display works fine for me on Joomla 3.3.6 with no hacks/overrides.
Kelvyn
Lowestoft, Suffolk, UK

Retired from forum life November 2023

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

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
GJC Web Design
VirtueMart and Joomla Developers - php developers https://www.gjcwebdesign.com
VM4 AusPost Shipping Plugin - e-go Shipping Plugin - VM4 Postcode Shipping Plugin - Radius Shipping Plugin - VM4 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
https://extensions.joomla.org/profile/profile/details/67210
Contact for any VirtueMart or Joomla development & customisation

jenkinhill

Yes, but that is the same problem whether on J2.5 or J3.
Kelvyn
Lowestoft, Suffolk, UK

Retired from forum life November 2023

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

Milbo

The strange mix ensures most time that the button is same height. When you have an nicer setup, please
Should I fix your bug, please support the VirtueMart project and become a member
______________________________________
Extensions approved by the core team: http://extensions.virtuemart.net/

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
GJC Web Design
VirtueMart and Joomla Developers - php developers https://www.gjcwebdesign.com
VM4 AusPost Shipping Plugin - e-go Shipping Plugin - VM4 Postcode Shipping Plugin - Radius Shipping Plugin - VM4 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
https://extensions.joomla.org/profile/profile/details/67210
Contact for any VirtueMart or Joomla development & customisation

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.
Kelvyn
Lowestoft, Suffolk, UK

Retired from forum life November 2023

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