Post by sidclel » Tue Jun 10, 2025 8:51 pm

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

https://www.saleples.com/


New member

Posts

Joined
Sat Apr 14, 2012 9:19 am


Post by by mona » Wed Jun 11, 2025 2:46 am

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.

DISCLAIMER:
You should not modify core files .. if you would like to donate a cup of coffee I will write it in a modification for you.


https://www.youtube.com/watch?v=zXIxDoCRc84


User avatar
Expert Member

Posts

Joined
Mon Jun 10, 2019 9:31 am

Post by paulfeakins » 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?

UK OpenCart Hosting | OpenCart Audits | OpenCart Support - please email info@antropy.co.uk


User avatar
Legendary Member
Online

Posts

Joined
Mon Aug 22, 2011 11:01 pm
Location - London Gatwick, United Kingdom

Post by by mona » Wed Jun 11, 2025 6:54 pm

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"

DISCLAIMER:
You should not modify core files .. if you would like to donate a cup of coffee I will write it in a modification for you.


https://www.youtube.com/watch?v=zXIxDoCRc84


User avatar
Expert Member

Posts

Joined
Mon Jun 10, 2019 9:31 am

Post by Elevate » Wed Jun 11, 2025 9:12 pm

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

ELEV8TE Website Development
Available for hire - please contact me at https://www.elev8tewebsitedevelopment.com/contact
https://www.elev8tewebsitedevelopment.com


User avatar
Active Member

Posts

Joined
Fri Jul 06, 2018 12:40 am
Location - Denver, Colorado, USA

Post by sidclel » 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

https://www.saleples.com/


New member

Posts

Joined
Sat Apr 14, 2012 9:19 am


Post by by mona » Thu Jun 12, 2025 1:15 am

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

Screen Shot 2025-06-11 at 18.08.33.png (10.68 KiB) Viewed 823 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.

DISCLAIMER:
You should not modify core files .. if you would like to donate a cup of coffee I will write it in a modification for you.


https://www.youtube.com/watch?v=zXIxDoCRc84


User avatar
Expert Member

Posts

Joined
Mon Jun 10, 2019 9:31 am

Post by Elevate » Thu Jun 12, 2025 2:53 am

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.

ELEV8TE Website Development
Available for hire - please contact me at https://www.elev8tewebsitedevelopment.com/contact
https://www.elev8tewebsitedevelopment.com


User avatar
Active Member

Posts

Joined
Fri Jul 06, 2018 12:40 am
Location - Denver, Colorado, USA

Post by paulfeakins » Thu Jun 12, 2025 6:32 pm

You might as well just invest in a theme that looks good from the start:
https://www.opencart.com/index.php?rout ... er=antropy

UK OpenCart Hosting | OpenCart Audits | OpenCart Support - please email info@antropy.co.uk


User avatar
Legendary Member
Online

Posts

Joined
Mon Aug 22, 2011 11:01 pm
Location - London Gatwick, United Kingdom

Post by Elevate » Thu Jun 12, 2025 10:26 pm

paulfeakins wrote:
Thu Jun 12, 2025 6:32 pm
You might as well just invest in a theme that looks good from the start:
https://www.opencart.com/index.php?rout ... er=antropy
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.

ELEV8TE Website Development
Available for hire - please contact me at https://www.elev8tewebsitedevelopment.com/contact
https://www.elev8tewebsitedevelopment.com


User avatar
Active Member

Posts

Joined
Fri Jul 06, 2018 12:40 am
Location - Denver, Colorado, USA

Post by sidclel » Thu Jun 12, 2025 11:47 pm

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/

https://www.saleples.com/


New member

Posts

Joined
Sat Apr 14, 2012 9:19 am


Post by by mona » Fri Jun 13, 2025 12:28 am


DISCLAIMER:
You should not modify core files .. if you would like to donate a cup of coffee I will write it in a modification for you.


https://www.youtube.com/watch?v=zXIxDoCRc84


User avatar
Expert Member

Posts

Joined
Mon Jun 10, 2019 9:31 am

Post by paulfeakins » Fri Jun 13, 2025 5:31 pm

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?

UK OpenCart Hosting | OpenCart Audits | OpenCart Support - please email info@antropy.co.uk


User avatar
Legendary Member
Online

Posts

Joined
Mon Aug 22, 2011 11:01 pm
Location - London Gatwick, United Kingdom
Who is online

Users browsing this forum: No registered users and 26 guests