Page 1 of 1
Which file to modify and how to change the home page so that the products appear in the Glade style on cell phones inste
Posted: Tue Jun 10, 2025 8:51 pm
by sidclel
Which file to modify and how to change the home page so that the products appear in the Glade style on cell phones instead of a list? version 3.0.3.9
Re: Which file to modify and how to change the home page so that the products appear in the Glade style on cell phones i
Posted: Wed Jun 11, 2025 2:46 am
by by mona
Not sure why it is showing in list view on a mobile but theoretically -
You would have to change the catalog/view/javascript/common.js and add some code to detect screen width (to detect a mobile)
There are some tutorials / examples around - not specifically for opencart, but you may need a developer if you have no coding skills.
Re: Which file to modify and how to change the home page so that the products appear in the Glade style on cell phones i
Posted: Wed Jun 11, 2025 6:01 pm
by paulfeakins
sidclel wrote: ↑Tue Jun 10, 2025 8:51 pm
appear in the Glade style
What is "the Glade style"? I haven't heard of this?
Re: Which file to modify and how to change the home page so that the products appear in the Glade style on cell phones i
Posted: Wed Jun 11, 2025 6:54 pm
by by mona
paulfeakins wrote: ↑Wed Jun 11, 2025 6:01 pm
sidclel wrote: ↑Tue Jun 10, 2025 8:51 pm
appear in the Glade style
What is "the Glade style"? I haven't heard of this?
I presume it is a typo or language error for grid since "instead of list"
Re: Which file to modify and how to change the home page so that the products appear in the Glade style on cell phones i
Posted: Wed Jun 11, 2025 9:12 pm
by Elevate
paulfeakins wrote: ↑Wed Jun 11, 2025 6:01 pm
sidclel wrote: ↑Tue Jun 10, 2025 8:51 pm
appear in the Glade style
What is "the Glade style"? I haven't heard of this?
I was wondering the same thing. Screenshot please OP
Re: Which file to modify and how to change the home page so that the products appear in the Glade style on cell phones i
Posted: Thu Jun 12, 2025 12:53 am
by sidclel
Place the products in this way on the home page on the other side. instead of one step gives another
https://ibb.co/B2P1QGyG
Re: Which file to modify and how to change the home page so that the products appear in the Glade style on cell phones i
Posted: Thu Jun 12, 2025 1:15 am
by by mona
As already written above - Opencart default puts the products in grid view (Glade Style) on a mobile (cell phone).
Opencart does not put two on a row it puts one.
1. If your question is how to put two on a row instead of one this has been asked and answered many times
https://www.google.com/search?q=how+to+ ... n+opencart
For example the first one :
viewtopic.php?t=216661
2. If your question is how to make the products appear in a grid view rather than list view (using the two buttons as per image below) automatically on a mobile
Screen Shot 2025-06-11 at 18.08.33.png (10.68 KiB) Viewed 1213 times
As is written above, this is not the case in Opencart default so you will need to go to the theme / extension developer unless you can do it yourself which a theoretical option was provided above - common.js most likely would be what you would have to change.
Re: Which file to modify and how to change the home page so that the products appear in the Glade style on cell phones i
Posted: Thu Jun 12, 2025 2:53 am
by Elevate
sidclel wrote: ↑Thu Jun 12, 2025 12:53 am
Place the products in this way on the home page on the other side. instead of one step gives another
https://ibb.co/B2P1QGyG
Looks like you want each column to span so that 2 items show per row on mobile. It also looks like you're using the 'Latest' module.
<div class="product-layout col-lg-3 col-md-3 col-sm-6 col-xs-12">
You want to find the code above and just remove col-xs-12 or change it to col-xs-6 (which is redundant and not needed)
In File Manager, look under catalog > extensions > modules > latest and you should find the correct file to edit in there. If you want, make a copy / backup of the file you edit so you can go back to it if needed.
Re: Which file to modify and how to change the home page so that the products appear in the Glade style on cell phones i
Posted: Thu Jun 12, 2025 6:32 pm
by paulfeakins
You might as well just invest in a theme that looks good from the start:
https://www.opencart.com/index.php?rout ... er=antropy
Re: Which file to modify and how to change the home page so that the products appear in the Glade style on cell phones i
Posted: Thu Jun 12, 2025 10:26 pm
by Elevate
Shameless post to sell your own work? Looks to me like they already have a custom theme that they like. Good or bad, it's what they want to use.
Re: Which file to modify and how to change the home page so that the products appear in the Glade style on cell phones i
Posted: Thu Jun 12, 2025 11:47 pm
by sidclel
I changed the
latest.twig file to the one below and looking at it on my phone I can see that it is full of holes, how can I fix this?
<div class="product-layout col-lg-3 col-md-3 col-sm-6 col-xs-6">
https://www.saleples.com/br/
Re: Which file to modify and how to change the home page so that the products appear in the Glade style on cell phones i
Posted: Fri Jun 13, 2025 12:28 am
by by mona
Re: Which file to modify and how to change the home page so that the products appear in the Glade style on cell phones i
Posted: Fri Jun 13, 2025 5:31 pm
by paulfeakins
Elevate wrote: ↑Thu Jun 12, 2025 10:26 pm
Shameless post to sell your own work?
Yep, and solve their problem at the same time. What's your problem with that seeing as you have a link to sell your services in every post?