Midway Furniture

About Midway Furniture

Doingit yourway!LoungeCHARLIELoungeCHARLIE1LoungeCHARLIE21of5Browse Range .featured__icon__animation {
animation: rotatingWheel 10s linear 0s infinite normal forwards;
}
@keyframes rotatingWheel {
0% {
transform: rotateZ(0deg)
}
100% {
transform: rotateZ(360deg)
}
}document.addEventListener("DOMContentLoaded", () => {
function setupCMSSlides(slides) {
const mask = document.querySelector(".w-slider-mask");
slides.forEach((slide) => {
slide.remove();
});
const slidesCollection = document.getElementById("slides-list");
if (!slidesCollection) {
console.error("Slides collection not found!");
return [];
}
const newSlides = slidesCollection.querySelectorAll(".featured__slide");
newSlides.forEach((slide) => {
const newSlide = slide;
newSlide.classList.add("w-slide")
const slug = slide.querySelector(".slug");
const id = slug.textContent
newSlide.addEventListener("click", () => {
window.location.href = `/products/${id}`
})
mask.appendChild(newSlide);
});
if (mask.querySelector(".w-slide")) {
const wfModule = Webflow.require('slider');
wfModule.destroy(); // Clean up the existing slider instance
wfModule.ready(); // Reinitialize the slider
wfModule.redraw(); // Redraw the slider to ensure updates
}
return newSlides;
}
function sliderInitialise() {
const slider = document.querySelector(".w-slider");
const slides = document.querySelectorAll(".w-slide"); // Original slides
const sliderNav = document.querySelector(".wf__slide__navigation");
if (!slider || !sliderNav || slides.length === 0) {
console.error("Slider, navigation, or slides not found!");
return;
}
const newSlides = setupCMSSlides(slides); // Use the returned new slides
const indicatorList = document.querySelector(".featured__slider__indicators");
const indicatorIndexText = document.querySelector(".featured__slide__index");
const indicatorNumber = document.querySelector(".featured__slide__length");
if (!indicatorList || !indicatorIndexText || !indicatorNumber) return;
indicatorNumber.textContent = newSlides.length;
const activateNewSlide = (index) => {
sliderNav.querySelectorAll(".w-slider-dot")[index].click();
setStyles(index);
};
const setStyles = (activeIndex) => {
indicatorList.querySelectorAll(".featured__slider__indicator").forEach((indicator, index) => {
indicator.classList.toggle("current__index", index === activeIndex);
indicatorIndexText.textContent = activeIndex + 1;
});
};
// Use newSlides instead of original slides for the indicators
newSlides.forEach((slide, index) => {
const indicator = document.createElement("div");
indicator.className = "featured__slider__indicator";
indicator.addEventListener("click", () => {
activateNewSlide(index);
});
indicatorList.appendChild(indicator);
});
const findActiveSlide = () => {
const activeSlide = document.querySelector(".w-slide:not([aria-hidden])");
if (!activeSlide) return;
let activeIndex = Array.from(newSlides).indexOf(activeSlide); // Use newSlides
setStyles(activeIndex);
};
// Observe each new slide for attribute changes
const observer = new MutationObserver(findActiveSlide);
newSlides.forEach((slide) =>
observer.observe(slide, {
attributes: true,
attributeFilter: ["aria-hidden"],
})
);
findActiveSlide(); // Initialize the first active slide
}
sliderInitialise();
});NorwayBednorway-bedEurekaTableeureka-tableMaryBookcasemary-open-cube-bookcaseElwoodDisplay Unitelwood-display-unit-glass-shelves-2-glass-doors-mirror-back