VirtueMart Forum

VirtueMart 2 + 3 + 4 => Templating & Layouts => Topic started by: carlosmanrique on April 15, 2022, 15:10:52 PM

Title: Sublayouts for products in category
Post by: carlosmanrique on April 15, 2022, 15:10:52 PM
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



Title: Re: Sublayouts for products in category
Post by: Jörgen on April 15, 2022, 15:15:22 PM
What VM version ?
Have You set the number of columns for the display of ARTICLES ?

Jörgen
Title: Re: Sublayouts for products in category
Post by: carlosmanrique on April 15, 2022, 15:19:44 PM
Hi. VirtueMart 3.8.8 10472
Title: Re: Sublayouts for products in category
Post by: pinochico on April 15, 2022, 15:36:12 PM
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
Title: Re: Sublayouts for products in category
Post by: carlosmanrique on April 15, 2022, 15:40:06 PM
Hi. hello, it is not the solution
Title: Re: Sublayouts for products in category
Post by: pinochico on April 15, 2022, 15:40:47 PM
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
Title: Re: Sublayouts for products in category
Post by: carlosmanrique on April 15, 2022, 15:42:47 PM
friend loads in 1 second. You must have a low internet
Title: Re: Sublayouts for products in category
Post by: pinochico on April 15, 2022, 15:45:04 PM
The problem is with your bootstrap from helix.
If I change css, then I see regular 3 products in row.
Title: Re: Sublayouts for products in category
Post by: carlosmanrique on April 15, 2022, 15:50:40 PM
Hello. Thank you. Where can I change it?
Title: Re: Sublayouts for products in category
Post by: pinochico on April 15, 2022, 15:59:42 PM
Quotefriend 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
Title: Re: Sublayouts for products in category
Post by: pinochico on April 15, 2022, 16:07:23 PM
QuoteHello. 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 :)
Title: Re: Sublayouts for products in category
Post by: carlosmanrique on April 15, 2022, 16:21:26 PM
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%;*/
Title: Re: Sublayouts for products in category
Post by: pinochico on April 15, 2022, 16:26:09 PM
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....
Title: Re: Sublayouts for products in category
Post by: Jörgen on April 15, 2022, 16:41:17 PM
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
Title: Re: Sublayouts for products in category
Post by: carlosmanrique on April 15, 2022, 17:51:34 PM
I already tried protostart and it works fine. But I don't know how to solve.
Title: Re: Sublayouts for products in category
Post by: carlosmanrique on April 15, 2022, 21:23:25 PM
I wrote to the helix framework support and they give the following response: Helix is using Bootstrap 5. VM is using own grid. So problem is...VM doesnt support Bootstrap 5.
Solution is to adapt VM css to BS 5.   That is the question for VM team. Joomla and Helix are using Bootsrap5. So VM team should adapt their css. 
Title: Re: Sublayouts for products in category
Post by: carlosmanrique on April 15, 2022, 21:25:07 PM
I wrote to the helix framework support and they give the following response: Helix is using Bootstrap 5. VM is using own grid. So problem is...VM doesn't support Bootstrap 5.
Solution is to adapt VM css to BS 5. That is the question for VM team. Joomla and Helix are using Bootsrap5. So VM team should adapt their css.
Title: Re: Sublayouts for products in category
Post by: carlosmanrique on April 15, 2022, 21:26:11 PM
I wrote to the helix framework support and they give the following response: Helix is using Bootstrap 5. VM is using own grid. So problem is...VM doesn't support Bootstrap 5.
Solution is to adapt VM css to BS 5. That is the question for VM team. Joomla and Helix are using Bootsrap5. So VM team should adapt their css.
Title: Re: Sublayouts for products in category
Post by: pinochico on April 15, 2022, 21:41:53 PM
Muhehe :)

That is not entirely true.
Joomla 3 does not use BS5. Joomla4 yes.

But VirtueMart seems to have caught up with a proprietary custom solution for the vm-anything classes, and obviously Helix doesn't want to solve this.

---

I didn't like the vm-something class from the beginning, I think the idea of porting VirtueMart to Wordpress == own class without Joomla == never had viability (unless that was really the reason).

Theoretically, I know what needs to change if I do this on my website, but this way I don't know exactly what file needs to be modified.
It seems that the adjustment is simple, but I don't know if something else will break ...

So wait for someone who knows the Helix, I use T4.