{namespace cb=TYPO3\CMS\ContentBlocks\ViewHelpers}
Card Slider Partial for Ticket Tile
Arguments:
- panelUid: Unique UID for this panel
- cards: Collection of price cards
{card.card_header}
{card.card_subheader}
{card.card_description}
(function () {
var sliderInitialized = false;
var sliderId = 'ticket-slider-{panelUid}';
function initSlider() {
if (!sliderInitialized && $('#' + sliderId).length) {
$('#' + sliderId).owlCarousel({
loop: false,
margin: 20,
nav: true,
dots: true,
autoplay: false,
navText: ['‹', '›'],
responsive: {
0: { items: 1.2, nav: false, loop: true },
768: { items: 2 },
1024: { items: 3 }
}
});
sliderInitialized = true;
}
}
document.addEventListener('DOMContentLoaded', function () {
// Initialize immediately if slider is in active tab
var sliderElement = document.getElementById(sliderId);
if (sliderElement) {
var tabPane = sliderElement.closest('.tab-pane');
if (tabPane && tabPane.classList.contains('active')) {
initSlider();
}
// Listen for tab shown event
var tabButton = document.querySelector('[data-bs-target="#' + tabPane.id + '"]');
if (tabButton) {
tabButton.addEventListener('shown.bs.tab', function () {
initSlider();
});
}
}
});
})();