VirtueMart Forum

VirtueMart 2 + 3 + 4 => Templating & Layouts => Topic started by: cvrak on October 12, 2016, 10:13:00 AM

Title: Product view problem after update to 3.0.18
Post by: cvrak on October 12, 2016, 10:13:00 AM
Hi,

I've made update to VM 3.0.18 and I have a problem with product page. I've set 4 products per row, but after upgrade every row is "broken" into 2 rows, 3 products & 1 product each one.

You can see what I mean at
http://4epoches.com/%CE%B3%CE%BB%CE%AC%CF%83%CF%84%CF%81%CE%B5%CF%82-%CF%80%CE%BB%CE%B1%CF%83%CF%84%CE%B9%CE%BA%CE%AD%CF%82.html
(sorry for the long URL, it's in greek)

My template is up to date. Gantry 5, with Hydrogen 5.3.6.
My site runs with Joomla 3.6.2 and PHP 5.6.26

Can anyone help?
Thanks
Title: Re: Product view problem after update to 3.0.18
Post by: GJC Web Design on October 12, 2016, 10:26:42 AM
div.product {
  margin: 0;
}
Title: Re: Product view problem after update to 3.0.18
Post by: cvrak on October 12, 2016, 10:39:54 AM
It worked!!
Thanks a lot!!!
Title: Re: Product view problem after update to 3.0.18
Post by: Allen_K on October 12, 2016, 15:58:06 PM
I have the exact same problem, but am too programming illiterate to know how to apply the recommended fix above. What file does it go in? where do I place it?

An example of the issue is at https://www.certifiedinfosec.com/estore/iso-22301-bcm/training-2. The site is set to 3 products per row, but the store "wraps" the row at 2 products. Oddly, changing the products er row in VM does not change anything at all.

I am using latest Joomla and VM 3.0.18. Using Yootheme Katana template.

Thanks!!

Allen
Title: Re: Product view problem after update to 3.0.18
Post by: cvrak on October 12, 2016, 16:10:58 PM
You need to find the template's css file and add this rule.
div.product {
  margin: 0;
}
Title: Re: Product view problem after update to 3.0.18
Post by: Allen_K on October 13, 2016, 17:29:42 PM
Thank you for your feedback. I tried copying the code into my website theme's custom.css file. No effect. I then tried copying the code into my VM override file, "VMSITE-LTR.CSS". No effect.

I cleared system cache and browser cache between testing. No luck.

Please advise.

Regards,
Allen
Title: Re: Product view problem after update to 3.0.18
Post by: VMTemplates.net on October 13, 2016, 17:46:39 PM
Quote from: avkeele on October 13, 2016, 17:29:42 PM
Thank you for your feedback. I tried copying the code into my website theme's custom.css file. No effect. I then tried copying the code into my VM override file, "VMSITE-LTR.CSS". No effect.

I cleared system cache and browser cache between testing. No luck.

Please advise.

Regards,
Allen

Hi,

try this instead:

div.product {margin: 0px -1px 0px -1px;}

Thanks,
Jason.
Title: Re: Product view problem after update to 3.0.18
Post by: Allen_K on October 17, 2016, 17:02:30 PM
Worked!!! Thanks!
Title: Re: Product view problem after update to 3.0.18
Post by: VMTemplates.net on October 18, 2016, 14:36:41 PM
You welcome :)

Thanks,
J.