Updated cin7 templates while Hubert was out, and downloaded all of Chubb's templates since something needed to be udpated. Ran a script for SPS Commerce to get all the courses.
This commit is contained in:
@ -0,0 +1,55 @@
|
||||
<div class="carousel-wrapper">
|
||||
<div class="carousel">
|
||||
{% include 'featured_cards_course' %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type="module">
|
||||
var slider = tns({
|
||||
container: '.carousel',
|
||||
items: 1,
|
||||
slideBy: 'page',
|
||||
navPosition: 'bottom',
|
||||
controls: false,
|
||||
autoplay: true,
|
||||
speed: 700,
|
||||
autoplayButtonOutput: false,
|
||||
autoplayTimeout: 7000
|
||||
});
|
||||
</script>
|
||||
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
|
||||
var navContainer = document.querySelector('.tns-nav');
|
||||
|
||||
var navButtons = navContainer.querySelectorAll('button');
|
||||
|
||||
navButtons.forEach(function (button, index) {
|
||||
button.addEventListener('click', function () {
|
||||
slider.goTo(index + 1);
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.carousel-wrapper {
|
||||
background: #fff;
|
||||
position: relative;
|
||||
}
|
||||
.tns-nav {
|
||||
text-align: center;
|
||||
}
|
||||
.tns-nav-active {
|
||||
background: #000 !important;
|
||||
}
|
||||
.tns-nav button {
|
||||
background: white;
|
||||
border: 1px solid #000;
|
||||
border-radius: 50%;
|
||||
height: 15px;
|
||||
width: 15px;
|
||||
margin: 0 6px;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user