Problem: Products only in a row

[Greta.Oriente]

Hi everybody!

Joomla Version: 3.5.1
Virtuemart Version: 3.0.16

I have a big problem: I see all the products in a single row and they are placed in a strange way, even if all the parameters are set in order to see three products in a row. How can I solve the problem? The website is http://www.mademuranoglass.com/it/

If you click on the following link you can see the problem I have: http://www.mademuranoglass.com/it/vasi-in-vetro-di-murano-mademuranoglass

Please, help me!

Thank you very much!

Greta

[Ghost]

It's a template issue. Template override has errors.

[Greta.Oriente]

How can I solve it? However, the same problem appears with Protostar...

[Greta.Oriente]

Hi!

I have the same problem, but I can't solve it 

Joomla Version: 3.5.1
Virtuemart Version: 3.0.16

I see all the products in a single row and they are placed in a strange way, even if all the parameters are set in order to see three products in a row. How can I solve the problem? The website is http://www.mademuranoglass.com/it/

If you click on the following link you can see the problem I have: http://www.mademuranoglass.com/it/vasi-in-vetro-di-murano-mademuranoglass

Please, help me!

Thank you very much!

Greta

[jenkinhill]

Please do not cross post.

Looks like you have not configured the category layout correctly.  In Configuration/Templates for "Sublayouts for products in category" select Default - you seem to be using products_horizon

[Greta.Oriente]

Sorry, I'm new and I thought I could. Concerning my problem, if I set the default one, the problem doesn't disappear. Now I've set the default one and you can see that the problem continues. What can I do?

[jenkinhill]

You are still using products_horizon - this is in the code - <a class="terms_link" href="/it/?productsublayout=products_horizon"></a>

[Greta.Oriente]

But I selected "No overwrite" in the backend...! Where is the error?

[jenkinhill]

OK I must have been viewing a cached page.  Can you try changing the default template for your shop and the category template settings in Configuration/Templates/Shopfront Settings to Joomla default and see what that does. If that does not change the display then leave those at Joomla default and  switch the main Joomla template to Protostar and check again.

[GJC Web Design]

your template at the moment is missing any css to set widths

the prods have  .product.vm-col.vm-col-5.vertical-separator

but no widths or float

if I add

.product.vm-col.vm-col-5.vertical-separator {
  float: left;
  width: 20%;
}

see screenshot

[Greta.Oriente]

Thank you  jenkinhill for your answer, but the problem is the same after these changes.

Thank you GJC for your answer... I added this part of code in my template.css only for desktop because using smartphone and desktop it wasn't good. Now I need create a separator between the single products...

Can you provide me the full part of code that I have to write in order to see the products as the image that you attached yesterday, but with a separator between the single products?

Thank you very much! Thank you, thank you!

Greta

[GJC Web Design]

sorry, but this forum isn't about fixing/recoding rubbish templates..
if u bought it get on to the people that sold it to u.. if free, dump it and use a good one

e.g.  https://www.olympianthemes.com/virtuemart-templates.html

[Greta.Oriente]

ok! thank you GJC Web Design for your support! Your advice is really valuable. ;-)