VirtueMart Forum

VirtueMart 2 + 3 + 4 => Templating & Layouts => Topic started by: mosdata on February 15, 2015, 00:47:20 AM

Title: Related products placed horizontally
Post by: mosdata on February 15, 2015, 00:47:20 AM
I noticed that related products and categories appear vertically, I would like to have placed horizontally.
Can someone help me?  :-[

Joomla 3.3.6
Virtuemart 3.0.4
php 5.5 and 5.4 (I tried with 2 versions)

Regards
Hernan
Title: Re: Related products placed horizontally
Post by: GJC Web Design on February 15, 2015, 13:25:56 PM
obviously not without a live url .. css is over riding the layout somewhere
Title: Re: Related products placed horizontally
Post by: jenkinhill on February 15, 2015, 13:47:12 PM
Use Firebug to look at the code & work out where the problem lies. http://forum.virtuemart.net/index.php?topic=116620.0
Title: Re: Related products placed horizontally
Post by: mosdata on February 15, 2015, 15:01:08 PM
Now Im getting my related products ok, in a row, an centered de image and de tittle.

I put at template css file at the end:

.product-field,product-field-type-R{width:25%!important; float:left!important; text-align:center;}
.product-field-display a img{display: block;margin-left:auto; margin-right:auto;}


I thought someone else might benefit.
Thanks and Regards,

Hernan
Title: Re: Related products placed horizontally
Post by: tecnocoppe on March 20, 2015, 11:25:13 AM
Hello

I tried the solution you suggested, but I will form a new problem on the detail page of the product, in practice, it upsets all the formatting on the custom fields

perhaps not insert the two lines suggested by you in the right position?
I insert the row 243 and 244 (and I do not know if this changes anything)

I attach two pictures that I hope are clear

Thank you all for your attention and I apologize for my bad English usage
Title: Re: Related products placed horizontally
Post by: jenkinhill on March 20, 2015, 12:19:28 PM
http://forum.virtuemart.net/index.php?topic=128401.0
Title: Re: Related products placed horizontally
Post by: tecnocoppe on March 20, 2015, 12:36:45 PM
Sorry...  :-[

Joomla! 3.4.0
Virtuemart 3.0.6.2
PHP 5.5.22

http://www.tecnocoppe.it/prodotti/medaglie/medaglie-calcio/medaglia-calcio-40-mm-29906sc-oro-dettaglio.html
Title: Re: Related products placed horizontally
Post by: Geppux on February 18, 2016, 18:12:32 PM
Same problem as Tecnocoppe... I solved to place the related.product horizontally but the layout of the custom field is gone... I think I have to assign a new class to the related products and change the values in my custom.css file but I tried without success, can somebody helps me?
Thank you, bye.
Giuseppe

VM 3.0.12
J 3.4.8
Title: Re: Related products placed horizontally
Post by: PRO on February 18, 2016, 21:33:03 PM
Quote from: Geppux on February 18, 2016, 18:12:32 PM
Same problem as Tecnocoppe... I solved to place the related.product horizontally but the layout of the custom field is gone... I think I have to assign a new class to the related products and change the values in my custom.css file but I tried without success, can somebody helps me?
Thank you, bye.
Giuseppe

VM 3.0.12
J 3.4.8

you cannot do just this

.product-field,product-field-type-R{width:25%!important; float:left!important; text-align:center;}
.product-field-display a img{display: block;margin-left:auto; margin-right:auto;}

You have to be specific to the related products div.

.product-field-type-R{width:25%!important; float:left!important; text-align:center;}
.product-field-type-R a img{display: block;margin-left:auto; margin-right:auto;}
Title: Re: Related products placed horizontally
Post by: Geppux on February 18, 2016, 22:51:17 PM
Thank you Pro for your answer.
Title: Re: Related products placed horizontally
Post by: Geppux on February 18, 2016, 22:59:50 PM
Great Pro, it seems working perfectly, thank you.
Giuseppe