Responsive Classic Redesign Support thread

[chadlly2003]

This is simply GREAT!
My first reaction was 'Wooah...'
I tested the demo site on a smart phone and a big screen PC, everything looks great and works great! On big screen, where thumbnails are on the left, I did not see at first that I could scroll up and down and thought there were only 5 images for Bugs' Life DVD. After watching the gallery, I realized there were more and found out I can scroll through thumbnails even on a big screen PC, which I think is still a rare functionality at this size of screen. Perhaps a visual indicator that scrolling is possible would be nice.
I really hope that this will become a ZC core functionnality.

Thank you for the response. I took your suggestion and added the arrows in. It the little things that make a difference. If there is anything else that you see please feel free to give some feedback. This is exactly what i was looking for....

[chadlly2003]

Thank you for the response. I took your suggestion and added the arrows in. It the little things that make a difference. If there is anything else that you see please feel free to give some feedback. This is exactly what i was looking for....

I am almost done with this module. Finally got it to work on all devices. There were a of tablet and swip issue that had to be resolved.

Just need to hide arrows that don't need to show. Should have this wrap up sometimes this week.

[Don Wagner]

Posted this in the wrong forum - I think this pertains to the template I'm using - Responsive Classic Redesign. Moving from v1.5.6 to 2.1.0, and it's like moving from English to Esperanto for a shopkeeper like me. I'm getting there, but still stuck on very basic settings.

So I got "Show Featured Products on Main Page" to show featured products, but new products are also being displayed first, even though it's set to zero. No clear idea what I'm doing wrong.

[chadlly2003]

Posted this in the wrong forum - I think this pertains to the template I'm using - Responsive Classic Redesign. Moving from v1.5.6 to 2.1.0, and it's like moving from English to Esperanto for a shopkeeper like me. I'm getting there, but still stuck on very basic settings.

So I got "Show Featured Products on Main Page" to show featured products, but new products are also being displayed first, even though it's set to zero. No clear idea what I'm doing wrong.

not sure why that is not working. You could do this to solve your issue


Add to the very bottom
path includes/templates/responsive_classic/css/stylesheet_zcustom.css

#whatsNew {
display: none;
}

[Don Wagner]

Thanks Chadlly! That fixed it for sure. I appreciate your contribution.

[chadlly2003]

I finished the image gallary you can check it out on the Demo site.
https://zencartdemo.com/index.php?ma...products_id=34

Files on github
https://github.com/chadlly2003/zenca...assic_redesign

To install
Upload the files directly to your Zen Cart root folder (where index.php is located).
No additional setup required — the script will automatically detect thumbnails and the main image on your product pages.

Fully featured image gallery with thumbnails, drag/swipe scrolling, infinite looping, arrows, and a modal lightbox

• A main image display
• A thumbnail strip (left side or horizontal on mobile)
• Click + hover thumbnail switching
• Drag-to-scroll thumbnails (mouse + touch)
• Optional infinite thumbnail looping
• Navigation arrows (if needed)
• A modal/lightbox when clicking the main image
• Swipe support inside the modal (mobile)
• Prevents background scrolling while modal is open

[chadlly2003]

You may have to clear your cache after installation. Also if you viewed the demo site i would recommend clearing out your browser cache so you can see the updated functionality.

[Shop Suey]

Do you like to have a challenge?
Eliminate matchHeight.js

That will have serious impact for lighthouse.

[chadlly2003]

ShopSuey

I am always up for a challenge. I just ran light house for desktop and mobile on the responsive classic template. All seems good. Am I misunderstanding?

See results below

mobile reults


desktop results

[Shop Suey]

matchHeight.js is historical and has been used in responsive_classic for historic times to match grid heights.

For lighthouse: it depends which device and which connection you are testing. Moto G4 and 4G?

The harder you optimize responsive_classic the more you will see FCP = LCP = document complete

Everything will wait till matchHeight.js has done work for the whole site.

It can and IMHO should be substituted by modern CSS.

I can say it works. It tested that but stopped at refinement for category layout.

My front-page hero is full of slide-in animations. So Layout Shift could become a problem.

IMHO one step to really new templating

What you think?