A while back, I needed Slideshow image gallery on the home page in one of the osCommerce based store I was developing. I searched everywhere but could not find any, so I ended up developing it on my own and after lot of effort and spending some time, I have put all this together as a Contribution for community to use.
PIM-oscSlideshow will add a slideshow gallery on the home page of your osCommerce store and will add a slideshow section inside your osCommerce Admin panel under Catalog > Slideshow to manage and add slides.
Although I have developed the admin and front-end php part on my own, I have selected and used easySlider1.7 for the front end Slideshow, I take no credit for that which is entirely created by Alen – all credit to him.
if you do not want to use the easySlider as front-end slider, you can easily choose another. I have only included easySlider and jquery files this in the package for that vast majority of users who might not or can not find the required files. Any other slide show such as s3Slider or Nivo Slider can be used with this add-on. I will release another version soon with a flash front-end slideshow.
IMPORTANT: PIM-oscSlideshow 1.0 is for osCommerce versions earlier than v2.3.1.
What this contribution does?
- Creates a slideshow on your osCommerce store front page
- Creates a section slideshow under Catalog inside osCommerce Admin panel
- I have selected easySlider as slideshow script to use with it which has lot of options on its own, but you can replace it with any other gallery script if you want.
In this distribution, you will find the following files:
- slideshow.sql DB script to create “slideshow” table
- catalog/ – directory containing all the new files you need to upload in your store
- Installation.pdf – How to install PIM-oscSlideshow in OSC store
- GNU GENERAL PUBLIC LICENSE.txt
PIM-oscSlideshow Add-on Support
I wanted to create support thread on osCommerce forums, but due to time constraints, I can only check and post regularly at one place and this is why I have chosen this blog post which I have to check in any case. So for all intents and purposes, this post will become the support thread for PIM-oscSlideshow contribution.
EASY – 30 minute job!!
Just upload the files in catalog/ to their respective directories in your oscommerce store.
Also make changes in the files described in the Installation Guide for the front end and admin panel updates.
I had to update slideshow.php file for a missing css link. Make sure you downlaod the full package first attached with the first post and then get the updated file.
Or in the original package, you can just open catalog/includes/slideshow.php
That should resolve missing Slideshow styles.
It’s just one file which fixed css file path.
With the package, I have also provided an installation guide in pdf format, please refer to that before posting any questions.
I have been getting lot of queries about how to add images and change width and height of images in the slideshow.
Pardon me for making this not part of the Installation Guide or instructions as I over looked this thing which seemed obvious.
But first thing first, upload all the files present in the catalog folder to your store’s corresponding directories before implementing the changes in the existing osCommerce files as defined in the Installation Guide..
To Add Images in the Slideshow
You upload images using the admin panel of your store.
After installing the contribution, go to your store Admin Panel > Catalog > Slideshow and upload as many images as you want. Make sure your catalog/images/slideshow/ directory exists and writeable!
To Change Width/Height of Slideshow Gallery Images
I have set up default width to 960px and height 281px. You can change this by going into catalog/includes/slideshow.php and in the catalong/easy-slider.css.
This seemed quite obvious at the time I was putting together Installation Guide but I made mistake by assuming that every user might have some experience with css/html and could change this easily.
Hope that helps.
For STS Mod Store
Step 1: Download the attached file, extract slideshow-sts.php and upload it to catalog/includes/
Step 2: Open catalog/includes/modules/sts_inc/general.php and add require(DIR_WS_INCLUDES . ‘slideshow-sts.php’); at top after the Step 3: Open catalog/includes/sts_templates/full/sts_template.html and add $slideshow variable wherever you want this slider to appear.
UPDATE: There’s better Slider (premium) available now which has much more features.