How to change from 2 columns to 1 column in the category on mobile devices in PS.7.8.2 ?

[goldies]

Hello community, does anyone know how to change from 2 columns to 1 column in the category on mobile devices in PS.7.8.2 ?

To be honest, I don't know what the Prestashop is doing, you can change the option for desktop but not for mobile devices in "choose layouts"?

For me personally, this looks terribly (2 columns on mobile devices)! 

 

 

[goldies]

Anyone?

[goldies]

Anyone?

[goldies]

In / httpdocs / themes / classic / templates / catalog / listing find product-list.tpl and find this code: {include file = 'catalog / _partials / products.tpl' listing = $ listing productClass = "col-xs-6 col-xl-4"}

In this code change only is col-xs-6 to col-xs-12 : {include file = 'catalog / _partials / products.tpl' listing = $ listing productClass = "col-xs-12 col-xl-4"}

col-xs-12 is for one column and col-xs-6 for two columns.

[goldies]

Solved

[antonio]

On 25/1/2022 at 3:12 PM, goldies dice:

In / httpdocs / temi / classico / modelli / catalogo / elenco trova product-list.tpl e trova questo codice: {include file = 'catalog / _partials / products.tpl' elenco = $ elenco productClass = " col-xs-6 col -xl-4"}

Solo in questo codice la modifica è da col-xs-6 a col-xs-12 : {include file = 'catalog / _partials / products.tpl' listato = $ listato productClass = " col-xs-12 col-xl-4"}

col-xs-12 è per una colonna e col-xs-6 per due colonne.

Il mio è già così, ma mi mostra sempre 2 colonne di prodotti. 

[Sachin23]

On 1/25/2022 at 7:42 PM, goldies said:

Solved

I tried the same way but it didn't work. products are still displayed vertically on the left side . Can you explain to me how you managed to solve this? I tried to fix it but so far I have not been successful.