[SOLVED] More products per row

[Peter.31]

I would like to display more products per row. Now I have 4 products displayed and I would like to display 5 products per row. Can anyone advise me how to do this?

Edited November 13, 2022 by Peter.31 (see edit history)

[endriu107]

You must provide more information like PrestaShop version, your theme name or even better share url.

[Peter.31]

PrestaShop 1.7.8.5. Theme https://hrxtemplate.com/presta/v3_electronica_15/en/

[endriu107]

For example in custom.css you can add this for large screen:

@media (min-width: 1680px) {
	#products.grid .tvall-product-wrapper-info-box {
    	width: 20%;
	}
}

For other screen size you must add simillar code.

[Peter.31]

Thanks it helped me. It works, but only in categories, not on the home page.

[endriu107]

On homepage this theme use different files to display products, you should chceck in modules configuration is there any option to change that if not you must edit those modules code.

[Peter.31]

I couldn't edit it on the home page. Apparently, the change must be made in the code in the module.

[Kriter.io]

it is related to the THEME you use. Just check if there are some editing tools about it. For example, several themes use ELEMENTOR that allows you to edit any page as you prefer.

It should be easy to do and, if editing css is needed just because there is no other solution, ask for edited css to the company that made the THEME...so you will never have any problem when updateing prestashop or the THEME

Regards

Fabrizio

[Peter.31]

If someone could help me edit the .css file, I would be very happy. Thank you in advance.

[endriu107]

I think on home page is not only css but there is javascript rendered size by owl carousel library.

[Peter.31]

Yes, it is so, it is possible to modify it somehow.

[Kriter.io]

6 minutes ago, Peter.31 said:

Yes, it is so, it is possible to modify it somehow.

Did you ask to the company who made the theme?...just asking because otherwise, if you edit such files, you might mess up other related files of the theme

[Peter.31]

4 minutes ago, Kriter.io said:

Pýtali ste sa spoločnosti, ktorá vytvorila tému?...iba preto, že inak, ak upravíte takéto súbory, môžete pokaziť ďalšie súvisiace súbory témy

Yes, but it doesn't respond to replies.

[Kriter.io]

50 minutes ago, Peter.31 said:

Yes, but it doesn't respond to replies.

Usually on monday and tuesday developer reply to the weekend requests.....i hope they will reply soon.
Regards
Fabrizio

[Peter.31]

I already edited it. I found it in the .js file

[Kriter.io]

1 hour ago, Peter.31 said:

I already edited it. I found it in the .js file

Woderful. Please share the solution and edit the title of the post adding [SOLVED] so you will help other people and guide them through the solution.
Thanks
Fabrizio

[Peter.31]

I edited the non-tracking code in the front.js file.                           

                            320: { items: 1, slideBy: 1 },
                            330: { items: 2, slideBy: 1 },
                            400: { items: 2, slideBy: 1 },
                            480: { items: 2, slideBy: 1 },
                            650: { items: 3, slideBy: 1 },
                            767: { items: 4, slideBy: 1 },
                            768: { items: 4, slideBy: 1 },
                            992: { items: 4, slideBy: 1 },
                            1023: { items: 5, slideBy: 1 },
                            1024: { items: 5, slideBy: 1 },
                            1200: { items: 5, slideBy: 1 },
                            1350: { items: 5, slideBy: 1 },
                            1660: { items: 5, slideBy: 1 },
                            1800: { items: 5, slideBy: 1 }