Sublayouts for products in category

[carlosmanrique]

Hi everyone. I have a problem when displaying the categories in virtuemark does not allow display in columns. Can you help me?

Link: https://repuestoshp.com/tienda/repuestos-impresoras/kit-mantenimiento

[Jörgen]

What VM version ?
Have You set the number of columns for the display of ARTICLES ?

Jörgen

[carlosmanrique]

Hi. VirtueMart 3.8.8 10472

[pinochico]

Examining the code on the page reveals that these are the latest products ("Últimos productos") and you have only one set up in a row.
Change setup for this category

[carlosmanrique]

Hi. hello, it is not the solution

[pinochico]

But you have other, I think bigger problem.

When I check this shop, I have to wait for loading page cca 22 seconds.
This is unusable.
You better not create that e-shop at all if you can't fix this

[carlosmanrique]

friend loads in 1 second. You must have a low internet

[pinochico]

The problem is with your bootstrap from helix.
If I change css, then I see regular 3 products in row.

[carlosmanrique]

Hello. Thank you. Where can I change it?

[pinochico]

friend loads in 1 second. You must have a low internet

oh, man

then a friend does not understand how to measure speed correctly
The basic test is using pagespeed insights (https://pagespeed.web.dev/report?url=https%3A%2F%2Frepuestoshp.com%2Ftienda%2Frepuestos-impresoras%2Fkit-mantenimiento) or chrome - network tab (disable cache, Slow 3G, for Moto G4 mobile phone)
It only takes about 20 seconds to get JS jquery.mCustomScrollbar.js and the content is loaded in about 24 seconds.
The whole page takes about 55 seconds, while the last file is failed contact-4.fw.png == really 582kb PNG?.

61 requests
1.4 MB transferred
2.4 MB resources
Finish: 54.42 s
DOMContentLoaded: 23.71 s
Load: 49.11 s

Be that as it may, you wouldn't wait 7 seconds on your mobile for something to load - until then you have a white website there

[pinochico]

Hello. Thank you. Where can I change it?

the setup for width next element after row is from core helix bootstrap setup and then override VM common setup:
https://repuestoshp.com/templates/shaper_helix3/css/bootstrap.min.css
I would ask the template manufacturer
Or you can override again in you template, in less/css file - I don't know Helix template == where is place for custom or change css definition for width product.

You already have the right direction

[carlosmanrique]

Hi, friend. I did the following procedure but it still doesn't work. I am doing something wrong?

/home4/repuestoshp/public_html/templates/shaper_helix3/css/bootstrap.min.css

flex-shrink:0;/*width:100%;*//*max-width:100%;*/

[pinochico]

I see 100% still

I think file bootstrap.min.css is generated from some less file.
You have to change in less file, but helix I don't know very well....

[Jörgen]

I agree with Rudolf, this is definitively a template issue. If You try with Protostar you get three columns. See image

Jörgen @ Kreativ Fotografi

[carlosmanrique]

I already tried protostart and it works fine. But I don't know how to solve.