Top for Woman | Trending Tops | Bohemian Soul

5% off on your first order

Free shipping and an extra 5% off on prepaid orders

Liquid error (layout/theme line 730): Could not find asset snippets/hulkappsWishlistPopup.liquid or in the snippet). */ document.addEventListener('DOMContentLoaded', function () { function initMobileImageSliders() { // Only on small screens — prevents layout change on desktop if (window.innerWidth > 749) return; document.querySelectorAll('.mobile-image-slider').forEach(function (slider) { if (slider.dataset.__sliderInit) return; slider.dataset.__sliderInit = '1'; // Ensure parent .card__media doesn't block overflow/positioning var parentCardMedia = slider.closest('.card__media'); if (parentCardMedia) { // Inline styles override theme CSS safely for this instance only parentCardMedia.style.position = 'static'; parentCardMedia.style.width = 'auto'; parentCardMedia.style.height = 'auto'; parentCardMedia.style.overflow = 'visible'; } // Ensure slider has correct inline styles (defensive) slider.style.display = 'flex'; slider.style.flexWrap = 'nowrap'; slider.style.overflowX = 'auto'; slider.style.overflowY = 'hidden'; slider.style.webkitOverflowScrolling = 'touch'; slider.style.scrollSnapType = 'x mandatory'; slider.style.gap = '10px'; // Ensure slides are flex children Array.from(slider.querySelectorAll('.slide')).forEach(function (s) { s.style.flex = '0 0 80%'; s.style.scrollSnapAlign = 'center'; s.style.boxSizing = 'border-box'; }); // Add mouse drag (desktop) and touch drag (mobile) fallback var isDown = false; var startX = 0; var scrollLeft = 0; slider.addEventListener('mousedown', function (e) { isDown = true; slider.classList.add('is-dragging'); startX = e.pageX - slider.offsetLeft; scrollLeft = slider.scrollLeft; e.preventDefault(); }); slider.addEventListener('mouseleave', function () { isDown = false; slider.classList.remove('is-dragging'); }); slider.addEventListener('mouseup', function () { isDown = false; slider.classList.remove('is-dragging'); }); slider.addEventListener('mousemove', function (e) { if (!isDown) return; e.preventDefault(); var x = e.pageX - slider.offsetLeft; var walk = (x - startX); // pixel distance moved slider.scrollLeft = scrollLeft - walk; }); // Touch handlers (passive true so it doesn't block scrolling elsewhere) var touchStartX = 0; var touchScrollLeft = 0; slider.addEventListener('touchstart', function (e) { touchStartX = e.touches[0].pageX - slider.offsetLeft; touchScrollLeft = slider.scrollLeft; }, { passive: true }); slider.addEventListener('touchmove', function (e) { // move the slider manually for a smooth fallback var x = e.touches[0].pageX - slider.offsetLeft; var walk = (x - touchStartX); slider.scrollLeft = touchScrollLeft - walk; }, { passive: true }); // Optional: allow vertical wheel to scroll horizontally slider.addEventListener('wheel', function (e) { // if vertical scroll (typical trackpad), convert to horizontal if (Math.abs(e.deltaY) > Math.abs(e.deltaX)) { e.preventDefault(); slider.scrollLeft += e.deltaY; } }, { passive: false }); }); } // Init now and on small resizes initMobileImageSliders(); window.addEventListener('resize', function () { // re-init only when small if (window.innerWidth <= 749) initMobileImageSliders(); }); });