Jump to content
Sign in to follow this  
kgtee

Sliding Product Listing Module

Recommended Posts

If at all possible, I would like to see the product listing module be reduced to a slider (manual or automatic) when in mobile responsive mode, same should happen for "recently viewed", "new products", "upcoming products", and "special products". It is simply not good to have a long list of products appearing on the small screen. Customers will be tired of scrolling with his finger.

Share this post


Link to post
Share on other sites
Posted (edited)

@kgtee

58 minutes ago, kgtee said:

If at all possible, I would like to see the product listing module be reduced to a slider (manual or automatic) when in mobile responsive mode, same should happen for "recently viewed", "new products", "upcoming products", and "special products". It is simply not good to have a long list of products appearing on the small screen. Customers will be tired of scrolling with his finger.

I came up with something like this several years ago (for the then Gold version). Check this out ...

It was one of my earlier attempts at coding, so it's quite crude. I also have some debugging code in place, which would/should be removed for production.

HTH

M

PS: Be sure to read Burt's comment later in the thread.

Edited by ArtcoInc

Get the latest Responsive osCommerce CE (community edition) here .

Share this post


Link to post
Share on other sites

I looked at the bootstrap 4.0 tutorial.I It seems bootstrap carousel is a picture slider which slides only one image at a time. When in big screen, can it slide a string of images/product cards?

 

Share this post


Link to post
Share on other sites
4 hours ago, kgtee said:

It seems bootstrap carousel is a picture slider which slides only one image at a time.

Not true, that was BS3 in BS4 they have introduced multiple items per slide, you can see it in action in this add-on, The BS4 version is using this new feature

https://apps.oscommerce.com/oS9zZ&jcm-footer-brands-logo-s-v1-0-ce


 

Share this post


Link to post
Share on other sites
8 hours ago, kgtee said:

If at all possible, I would like to see the product listing module be reduced to a slider (manual or automatic) when in mobile responsive mode, same should happen for "recently viewed", "new products", "upcoming products", and "special products". It is simply not good to have a long list of products appearing on the small screen. Customers will be tired of scrolling with his finger.

You can do anything you like...that's the beauty of the open codebase.  Go to it!

Do note that I have plans to overhaul and simplify the code in the product_listing module at some point in the near future.


This is a signature that appears on all my posts.  
IF YOU MAKE A POST REQUESTING HELP...please state the exact version
of osCommerce that you are using. THANKS

 
Get the latest Responsive osCommerce CE (community edition) here

Share this post


Link to post
Share on other sites

I have implemented slick slider on the "New Products for Month" module on index page. The slider is responsive to devices.

The packaged file is attached.

Package includes two modified files. If you upload them to your web, they will overwrite the existing files. So, you may want to back up those two files first before uploading. There is no need to uninstall and reinstall any module.

Please feedback any error or things to note. I am a novice trying to learn coding. Thanks! 😄

 

kgtee_slick_slider_for_index_new_products.zip

Share this post


Link to post
Share on other sites

Correction, the files should go into catalog/includes/modules/content folder. I missed out the 'content', sorry.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

×