Posted - 04/25/2022 : 16:48:49
Just add any jquery slider to your website categories page for example: https://bxslider.com [red] <link rel="stylesheet" href="https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.min.js"></script> [/red] Then use the ECT category header to to edit the content when ever you like.
Here is an example of a category header for bxslider:
[blue]<script type="text/javascript"> $(document).ready(function(){ $('.slider1').bxSlider({ slideWidth: 1200, mode: 'fade', preloadImages: 'visible', minSlides: 1, maxSlides: 1, moveSlides: 1, slideMargin: 0, speed: 2000, pause: 5000, auto: true, controls: false, captions:true, pager: false, infiniteLoop: true, touchEnabled: true}); }); </script>
<div class="slides">
<div class="slide"> <a href="YOUR/LINK"> <img src="images/YOURIMAGE.jpg" title="YOUR TITLE" alt="YOUR ALT TEXT" /> </a> </div>
<div class="slide"> <a href="YOUR/LINK1"> <img src="images/YOURIMAGE1.jpg" title="YOUR TITLE1" alt="YOUR ALT TEXT1" /> </a> </div>
</div>[/blue]
Simply copy and paste the blue text to each category header using a different link, image and title. Tweak the slider parameters to what ever you want, and add as many slides as you like to each category... but not to many that negatively impacts the category page load time.
John
Edited by - John M on 04/25/2022 16:50:18
|