Course Tour

document.addEventListener(‘DOMContentLoaded’, function () { function goToSlide(slideNumber) { const carouselInstance = document.querySelector(‘#course_tour_slider.ghostkit-carousel’); if (!carouselInstance) return; // GhostKit uses Swiper under the hood const swiperInstance = carouselInstance.swiper; if (swiperInstance) { // Slide numbers are 0-based internally, but 1-based for users swiperInstance.slideTo(slideNumber – 1); } } // Add click event listeners to course tour slider buttons document.addEventListener(‘click’, function(e) { // Check if clicked element is a course tour button if (e.target.matches(‘.course-tour-slider-controls .wp-block-button .wp-block-button__link’)) { e.preventDefault(); // Prevent default link behavior //const slideNumber = parseInt(e.target.querySelector(‘span’).textContent); const slideNumber = parseInt(e.target.textContent); if (!isNaN(slideNumber)) { goToSlide(slideNumber); } } }); }, false); .course-tour-slider-controls { display: grid!important; grid-template-columns: repeat(6, 1fr); gap: 1px; padding: 0; width: 100%; margin: 0 auto; transition: all 0.3s ease-in-out; /* Button styles */ .wp-block-button { width: 100%; transition: all 0.3s ease-in-out; border-radius: 4px; overflow: hidden; } .wp-block-button__link { display: flex; align-items: center; justify-content: center; aspect-ratio: 1/1; width: 100%; min-width: unset!important; background-color: var(–cet-theme-button-bg-color); border-radius: 4px; text-decoration: none; color: var(–cet-theme-button-color); font-size: 16px; white-space: nowrap!important; transition: all 0.3s ease-in-out; span{ pointer-events: none; &:after { display:none!important; } } } .wp-block-button__link:hover { background-color: var(–cet-theme-button-primary-bg-color-hover); span {transform: none;} } } /* Tablet breakpoint */ @media screen and (min-width: 768px) { .course-tour-slider-controls { grid-template-columns: repeat(9, 1fr); } } /* Desktop breakpoint */ @media screen and (min-width: 1200px) { .course-tour-slider-controls { grid-template-columns: repeat(18, 1fr); } } /* Table styles */ #course_tour_slider .wp-block-table { table { border-radius:7px; overflow: hidden; td { background-color: #e1e1e1; text-align:center; border: 1px solid white; padding: .3em; } th { background-color: black; color: white; text-align:center; border: 1px solid; padding: .3em; } } } .swiper-wrapper { box-sizing: border-box!important; }