In this article, I will teach you how to make the products slide in new and feature products content module within your store. Moreover, you could also set a lot of settings for slider effect in your admin panel.
Now, let me illustrate the detailed steps to add such kind of functionality into your store.
Step 1. Download slide_new_feature_products.zip.
Step 2. Unzip the package and copy the following folds within it into your tomatocart root directory:
Please just override the original folds. Don’t worry about it. I will not impact your system.
Step 3. Open index.php under templates > glass_gray fold.
Add following code snippet before the </head> tag:
<script src="ext/jquery-1.9.1.min.js"></script> <script>jQuery.noConflict();</script>
Step 4. Install and then set the settings for new products and feature products module under admin panel > Templates > Templates Modules > Content.
- Slide Items: This variable allows you to set the maximum amount of items displayed at a time with the widest browser width
- Slide Speed: Slide speed in milliseconds
- Slide Pagination Speed: Pagination speed in milliseconds
- Auto Play: Change to any integrer for example autoPlay : 5000 to play every 5 seconds. If you set autoPlay: true default speed will be 5 seconds.
- Stop On Hover: Stop autoplay on mouse hover
- Scroll Per Page:
- Show Pagination: Show pagination in the slider
- Show Pagination Numbers: Show numbers inside pagination buttons
That’s it. Enjoy it.
Note: it is just for glass gray template rather than bootstrap template. When I have time, I will implement same functionality for bootstrap template.