JJSOR Carrousel slider for BS 2.3.4

for osCommerce Online Merchant v2.3

This contribution is an adaptation of JJSOR Carrousel slider (http://www.jssor.com/development/slider-with-bullet-navigator-jquery.html) for OsCommerce Bootstrap 2.3.4. No files modifications, no database changes, only upload all the files respecting their directory hierarchy. Then go to Admin -> Modules -> Content, click the button "+ Install Module" and search Jssor Slider Bullet Navigator Module in the list. Install it and set Sort Order property if needed (see screenshots for a clearly explanation). The width of this module has been adjusted in order to be suitable for a mobile device, and other parameters have been adjusted for the best optimization, so I don't recommend to touch them. The next code shows an example of a product that comes by default with the OsCommerce fresh installation, so once installed, you'll have to configure your live products in includes/modules/content/index/templates/jssor_slider_bullet_navigator.php, so edit this file and let's analyze this line: <div class="thumbnail equal-height"> <?php echo '<a href="' . tep_href_link('product_info.php?products_id=19') . '"><img alt="There is Something About Mary" u="image" src="images/dvd/theres_something_about_mary.gif" /></a>'; ?> <div class="caption"> <p class="text-center"><?php echo '<a href="' . tep_href_link('product_info.php?products_id=19') . '">There is Something About Mary</a></p>'; ?> <hr> <p class="text-center"><?php echo GetPrice(19);?></p> </div> </div> To replace the current parameters in order to deploy a real product, change the numer 19 by the real ID number of your product (to do this, go to the product and check the URL), change the description in alt property of the <img...> tag and the inner text inside the <p...></p> tag as well. And finally replace the route and the filename of the image. Repeat these steps in all the blocks, as you did like this one. Of course, you can delete or add more blocks. There's no limit to the number of products. It's highly recommended to put all the images with the same width and height, because if not, the tables won't have the same height and this Carrousel will look awful. Besides this, if some cell has a different height, this is because of the lenght of the text. Just add or substract words so that all the products texts become splitted in the same numer of lines and hence the whole cells, the same height.

Changelog