Punte per forare

ivestimento lucido

Adatta per

l'utilizzo nel settore dell'elettronica, impianti idraulici e di riscaldamento, officine automobilistiche, produzione di quadri elettrici o costruzione di contenitori.

Ideale per

acciaio (max 3mm), ghisa, metallo non ferroso, plastica e legno.

`, paragraph: "Utensili perfetti per la lavorazione della lamiera. Grazie alla tecnologia esclusiva SMARTSTEP, le frese a gradini garantiscono una velocità di foratura fino a 3 volte superiore rispetto alle frese tradizionali. La scanalatura elicoidale assicura un utilizzo rapido, comodo e preciso su tutti i materiali più comuni.", cards: [ { id: "", //do not set prodNum: "7", //do not set imgUrl: "/punte-metallo-assets/57229486_TRANSPARENT%402x.png", title: "FRESE A GRADINI HSS DEEPCUT SMARTSTEP", versioniURL: "https://eshop.wuerth.it/Categorie-di-prodotti/Punta-elicoidale-a-gradini-HSS-SMART-STEP-Deepcut/31147501031209.cyid/3114.cgid/it/IT/EUR/", badge: "", }, { id: "", //do not set prodNum: "10", //do not set imgUrl: "/punte-metallo-assets/549739574_TRANSPARENT%402x.png", title: "FRESE A GRADINI HSS SMARTSTEP AlTiN", versioniURL: "https://eshop.wuerth.it/Categorie-di-prodotti/Punta-elicoidale-a-gradini-HSS-AlTiN-SMART-STEP/31147501031226.cyid/3114.cgid/it/IT/EUR/", badge: "", }, { id: "", //do not set prodNum: "12", //do not set imgUrl: "/punte-metallo-assets/549739565_TRANSPARENT%402x.png", title: "FRESE A GRADINI HSS SMARTSTEP", versioniURL: "https://eshop.wuerth.it/Categorie-di-prodotti/Punta-elicoidale-a-gradini-HSS-SMART-STEP/31147501031225.cyid/3114.cgid/it/IT/EUR/", badge: "", }, ], }, // frese coniche { id: "frese-coniche-smartstep", title: "Frese coniche Smartstep", oneMoreData: `

`, paragraph: "Frese coniche per lamiera dotate di esclusiva tecnologia SMARTSTEP e scanalatura elicoidale, progettate per garantire massima velocità, comfort e precisione su tutti i materiali comuni con spessore fino a 4 mm.", cards: [ { id: "", //do not set prodNum: "8", //do not set imgUrl: "/punte-metallo-assets/549739577_TRANSPARENT%402x.png", title: "FRESE CONICHE HSS SMARTSTEP", versioniURL: "https://eshop.wuerth.it/Categorie-di-prodotti/Fresa-conica-per-lamiera-HSS-SMART-STEP/31147501030306.cyid/3114.cgid/it/IT/EUR/", badge: "", }, { id: "", //do not set prodNum: "7", //do not set imgUrl: "/punte-metallo-assets/549739580_TRANSPARENT%402x.png", title: "FRESE CONICHE HSS SMARTSTEP AlTiN", versioniURL: "https://eshop.wuerth.it/Categorie-di-prodotti/Fresa-conica-per-lamiera-HSS-AlTiN-SMART-STEP/31147501030307.cyid/3114.cgid/it/IT/EUR/", badge: "", }, ], }, { id: "maschi-smartstep", title: "Maschi Smartstep", oneMoreData: `

`, paragraph: ` Maschi combinati con esclusiva tecnologia SMARTSTEP, progettati per eseguire foratura, maschiatura e svasatura/sbavatura in un'unica operazione, senza bisogno di cambiare utensile. Offrono una velocità fino al 100% superiore rispetto ai maschi combinati tradizionali. `, cards: [ { id: "", //do not set prodNum: "7", //do not set imgUrl: "/punte-metallo-assets/49492572_TRANSPARENT%402x.png", title: "MASCHIO COMBI HSS SMARTSTEP", versioniURL: "https://eshop.wuerth.it/Categorie-di-prodotti/Punta-maschio-combi-in-HSS-SMART-STEP/31147504040411.cyid/3114.cgid/it/IT/EUR/", badge: "", }, { id: "", //do not set prodNum: "7", //do not set imgUrl: "/punte-metallo-assets/559636556_TRANSPARENT%402x.png", title: "MASCHIO COMBI HSCo SMARTSTEP", versioniURL: "https://eshop.wuerth.it/Categorie-di-prodotti/Maschio-combinato-HSCo-SMART-STEP/31147504040412.cyid/3114.cgid/it/IT/EUR/", badge: "", }, ], }, ], }, { pageName: "LEGNO", sectionList: [ { id: "punte-elicoidali-l&s", title: "Punte elicoidali HSS L&S", paragraph: ` Questa punta professionale in HSS consente una foratura precisa, veloce e senza strappi in vari tipi di legno ed è particolarmente adatta per truciolato duro e rivestito. `, cards: [ { id: "", //do not set prodNum: "30", //do not set imgUrl: "/punte-legno-assets/elicoidale.webp", title: "PUNTE ELICOIDALI HSS L&S", versioniURL: "https://eshop.wuerth.it/Categorie-di-prodotti/Punta-elicoidale-di-precisione-per-legno-LONGLIFE-SPEED/31147501021112.cyid/3114.cgid/it/IT/EUR/", badge: "NEW", }, ], oneMoreData: `

`, }, { id: "seghe-a-tazza", title: "Seghe a tazza", paragraph: ` Le seghe a tazza sono strumenti utilizzati per realizzare fori circolari, anche di grandi dimensioni, su vari materiali. La sega a tazza ha una forma cilindrica con denti sul bordo superiore che permettono il taglio di svariate tipologie di materiali. Al centro, c’è una punta di centraggio che aiuta a mantenere la tazza stabile durante il taglio. `, cards: [ { id: "", //do not set prodNum: "53", //do not set imgUrl: "/punte-legno-assets/tazza.webp", title: "SEGHE A
TAZZA HSCo8", versioniURL: "https://eshop.wuerth.it/Categorie-di-prodotti/Sega-a-tazza-HSCo8-Longlife-Speed/31147505040703.cyid/3114.cgid/it/IT/EUR/", badge: "", }, { id: "", //do not set prodNum: "31", //do not set imgUrl: "/punte-legno-assets/tazza-hm.webp", title: "SEGHE A
TAZZA HM", versioniURL: "https://eshop.wuerth.it/Categorie-di-prodotti/Sega-a-tazza-carburo-metallico-per-impieghi-pesanti/31147505040707.cyid/3114.cgid/it/IT/EUR/", badge: "", }, ], oneMoreData: `

`, }, // MECCHIE A TAZZA { id: "mecchie-forstner-l&s", title: "Mecchie Forstner L&S", paragraph: ` Punte ad alte prestazioni, ideali per praticare fori precisi e privi di strappi in legno morbido e duro, truciolato rivestito e pannelli MDF. `, cards: [ { id: "", //do not set prodNum: "22", //do not set imgUrl: "/punte-legno-assets/mecchie.webp", title: "MECCHIE
FORSTNER L&S", versioniURL: "https://eshop.wuerth.it/Categorie-di-prodotti/Punte-Forstner-LS/31147501020503.cyid/3114.cgid/it/IT/EUR/", badge: "", }, ], oneMoreData: `

`, }, { id: "punte-trivella-l&s", title: "Punte a Trivella L&S", paragraph: ` Punta a trivella ad alte prestazioni con nuova geometria del tagliente e trattamento speciale della superficie, per un attrito minimo e una durata notevolmente superiore alle punte con caratteristiche similari, per fori profondi su legno dolce e duro. `, cards: [ { id: "", //do not set prodNum: "46", //do not set imgUrl: "/punte-legno-assets/trivella.webp", title: "PUNTA A
TRIVELLA L&S", versioniURL: "https://eshop.wuerth.it/Categorie-di-prodotti/Punte-a-trivella-Longlife-Speed/31147501021005.cyid/3114.cgid/it/IT/EUR/", badge: "", }, ], oneMoreData: `

`, }, ], }, ]; const lookupProdNames = { MURO: "PUNTE DA MURO", METALLO: "PUNTE PER METALLO", LEGNO: "PUNTE PER LEGNO", }; const pages = createPages(); const targetID = ""; let chosenType = ""; handleURL(pages); window.addEventListener("resize", handleResize); window.addEventListener("load", handleLoad); // #endregion MAIN function handleLoad() { setHeroHeight(); initSwiperSliders(); handleTarget(); showSwiperButtons(); } function handleResize() { setHeroHeight(); } function showSwiperButtons() { const swiperButtons = cmpEl.querySelectorAll('[class^="swiper-button"]'); console.log(swiperButtons); if (!swiperButtons) return; for (const btn of swiperButtons) { btn.classList.add("page-loaded"); } } function createPages() { return mainData.map((item) => item.pageName); } function handleAnchors() { const buttonList = cmpEl.querySelectorAll("[data-scroll-to]"); for (const btn of buttonList) { btn.addEventListener("click", scrollToEl); } } function scrollToEl(event) { event.preventDefault(); const btn = event.currentTarget; const targetEl = cmpEl.querySelector(`${btn.dataset?.scrollTo}:not(.d-none)`); // if (targetEl.dataset.scrollMargin) targetEl.style.scrollMarginTop = targetEl.dataset.scrollMargin ?? "20px"; // if (targetEl.id) window.location.replace(`${window.location.pathname}?type=${chosenType}#${targetEl.id}`); // avoids popstate event. nice. if (targetEl.id) { const url = new URL(location); url.hash = targetEl.id; history.pushState({}, "", url); } targetEl.scrollIntoView({ behavior: "smooth" }); } async function getPromiseCountL6(famID) { const url = `https://www.wuerth.it/eShop/articleinfo/family.php?family=${famID}`; //... because of jsonp // const a = callAJAX(url, famID); return callAJAX(url).then((jason) => { if (!jason[famID].length) return false; // console.log(jason, jason[famID][0].PRODUCTS.length); return jason[famID][0].PRODUCTS.length; }); } // adjust... function callAJAX(url) { return new Promise((resolve, reject) => { resolve($.ajax({ url, dataType: "jsonp", method: "GET", async: false })); }); } function handleURL(possiblePages) { //* get search params const urlParams = new URL(document.location).searchParams; chosenType = urlParams?.get("type"); if (urlParams.has("type") && possiblePages?.includes(chosenType)) handleHeroPartClick(); else showDisambiguation(urlParams); } function showDisambiguation(urlParams) { /* --- SHOW DISAMBIGUAZIONE/HOME PAGE --- */ disambiguaBg.classList.remove("d-none"); backgroundText.classList.remove("d-none"); heroSwiper.classList.remove("d-none"); //* remove ?type= in url if (urlParams.has("type")) { const url = new URL(location); url.searchParams.delete("type"); history.pushState({}, "", url); } //* handleClick on hero cards const heroParts = mainEl.querySelectorAll(".hero-part"); for (const heroPart of heroParts) { heroPart.addEventListener("click", handleHeroPartClick); } } function populateReplacer(replacer, card) { replacer.classList.remove("d-none"); replacer.innerHTML = replacer.innerHTML.replace("Loading...", ""); const imgReplacer = replacer.querySelector(".replacer>img"); imgReplacer.classList.remove("d-none"); const prodTitleEl = card.querySelector(".span-product-name"); prodTitleEl.classList.add("mt-auto"); prodTitleEl.style.maxWidth = "120rem"; const scopriDiPiuBtn = card.querySelector(".scopri-di-piu"); scopriDiPiuBtn.innerText = "Scopri i prodotti"; scopriDiPiuBtn.dataset.scrollTo = ".section-dettaglio-l5"; scopriDiPiuBtn.classList.add("mb-auto"); const justContent = document.createElement("div"); justContent.classList.add("just-content", "my-auto"); justContent.insertAdjacentElement("beforeend", prodTitleEl); justContent.insertAdjacentElement("beforeend", scopriDiPiuBtn); replacer.insertAdjacentElement("beforeEnd", justContent); replacer.insertAdjacentHTML( "beforeEnd", ` ` ); } function setHeroHeight() { mainEl.style.setProperty( "--adaptive-height", `${document.documentElement.clientHeight - $("main").offset().top}px` ); } // #region handleHeroPartClick function handleHeroPartClick(event) { // console.log("hero-part clicked"); disambiguaBg.classList.add("d-none"); backgroundText.classList.add("d-none"); heroSwiper.classList.add("d-none"); const card = event ? event.currentTarget : mainEl.querySelector(`.hero-part[data-product-name="${chosenType}"]`); chosenType = card.dataset.productName; const chosenProduct = lookupProdNames[chosenType]; // console.log(card, chosenType, chosenProduct, lookupProdNames); if (event) window.history.pushState({}, "", `./?type=${chosenType}`); // else handleShowCanvas(chosenProduct); if (!chosenProduct) throw new Error("card.dataset.productName or chosenType not found on click"); card.classList.add("chosen"); heroFraction.classList.add("fade-out-special", "no-hover"); // heroFraction.addEventListener("animationend", revealSections); setPageBg(); revealSections(); mainEl.classList.remove("pb-6"); function setPageBg() { const sfondi = [...mainEl.querySelectorAll(".sfondo")]; if (!sfondi) return; const currSfondo = sfondi.find((sfondo) => sfondo.dataset.disambiguationPages?.includes(chosenType)); if (currSfondo) currSfondo.classList.remove("d-none"); } //* inner functions function revealSections() { addEventListener("popstate", (e) => { // const isVisitedViaBackButton = performance // ?.getEntriesByType("navigation") // .map((nav) => nav.type) // .includes("back_forward"); window.location.replace("."); // if (isVisitedViaBackButton) window.location.replace("."); // else e.preventDefault(); }); mainEl.classList.remove("pt-md-6"); heroFraction.classList.add("d-none"); //* replace 'hero section' for this chosenProduct const replacerList = [...mainEl.querySelectorAll(".replacer")]; for (const replacer of replacerList) { if (replacer.dataset.productName === chosenType) { populateReplacer(replacer, card); } else { replacer.classList.add("d-none"); } } //* show sections for this chosenType const sectionsContainer = [...mainEl.querySelectorAll("[data-container-name]")]; for (const container of sectionsContainer) { if (container.dataset.containerName === chosenType) { currContainer = container; currContainer.classList.remove("d-none"); generateSections(chosenType); changeTitleInHeader(chosenProduct); chooseToShowHeader(); window.addEventListener("scroll", chooseToShowHeader); handleTabs(); handleLightboxes(); // getCountL6(); } else { container.classList.add("d-none"); } } setTimeout(() => { handleAnchors(); initSwiperSliders(); showSwiperButtons(); }, 0); } } // #endregion handleHeroPartClick // #region handle lightboxes function handleLightboxes() { createDialogCloseEvent(); handleDialogs(); } function handleDialogs() { // click btn = opens relative dialog // biome-ignore lint/complexity/noForEach: mainEl.querySelectorAll("button[data-target-modal]").forEach((btn) => { btn.addEventListener("click", (e) => { if (!e.currentTarget) return; const dialogSelector = e.currentTarget.dataset.targetModal; const dialogElement = mainEl.querySelector(`#${dialogSelector}`); dialogElement.showModal(); // WHEN DIALOG IS OPENED: // do something handleActionVideo(dialogElement, "play"); }); }); // dialogs light dismiss // biome-ignore lint/complexity/noForEach: mainEl.querySelectorAll("dialog").forEach((dialEl) => { //* WHEN DIALOG IS CLOSED dialEl.addEventListener("dialog-close", () => { handleActionVideo(dialEl, "stop"); }); /* clicking outside a dialog with [data-light-dismiss] closes it */ if (dialEl.dataset.lightDismiss) { // console.log("LIGHT DISMISS ACTIVATED"); const backdrop = dialEl.querySelector(".backdrop"); if (backdrop) { backdrop.addEventListener("click", () => { dialEl.close("dismiss"); }); } dialEl.addEventListener("click", ({ target: dialog }) => { if (dialog.nodeName === "DIALOG") dialog.close("dismiss"); }); } }); } function createDialogCloseEvent() { /* add event 'dialog-close' to all Dialog elements */ const CloseEvent = new CustomEvent("dialog-close"); const ObserverM = new MutationObserver((recs) => { // biome-ignore lint/complexity/noForEach: recs.forEach(({ attributeName: attr, target: dial }) => { // console.log(`attr: ${attr}\ntarget: ${dial}`); if (attr === "open" && !dial.open) dial.dispatchEvent(CloseEvent); }); }); // biome-ignore lint/complexity/noForEach: mainEl.querySelectorAll("dialog").forEach((dial) => { ObserverM.observe(dial, { attributes: true }); }); } function handleActionVideo(dialEl, action = "pause") { const frame = dialEl.querySelector("iframe:not(.d-none)"); if (frame) { frame.contentWindow.postMessage(`{"event":"command","func":"${action}Video","args":""}`, "*"); // $(`main dialog iframe`).each(function () { // this.contentWindow.postMessage('{"event":"command","func":"stopVideo","args":""}', "*"); // }); } else { const videoEl = dialEl.querySelector("video:not(.d-none)"); if (!videoEl) return; if (action === "stop") { videoEl .pause() .then(() => { videoEl.currentTime = 0; }) .catch((e) => { console.error(`cannot stop video ...${videoEl.currentSrc.slice(-20, -1)}`); }); } else { videoEl[action](); } } } // #endregion handle lightboxes async function getCountL6() { const familyNumberList = mainData .find((page) => page.pageName === chosenType) .sectionList.flatMap((section) => { const families = []; for (const card of section.cards) { // https://eshop.wuerth.it/Categorie-di-prodotti/Punta-a-percussione-Plus-Quadro-L/31147501050724.cyid/3114.cgid/it/IT/EUR/ const family = card.versioniURL ? card.versioniURL.split("/")[5].split(".")[0].slice(4) : ""; families.push(family); } return families; }); const prodNumPromiseList = familyNumberList.filter((fam) => !fam).map((fam) => getPromiseCountL6(fam)); Promise.allSettled(prodNumPromiseList).then((resultList) => { const elList = [ ...currContainer.querySelectorAll(".container-sections-dettaglio .my-card [data-numero-prodotti]"), ]; for (let i = 0; i < resultList.length; i++) { if (resultList[i].status !== "fulfilled") continue; const result = resultList[i].value; if (!result) continue; const el = elList[i]; printProdNum(result, el); } }); } /** * * @param {string} start * @param {string} end * @param {boolean} isPrecise so you can pass the 'start' and 'end' params with hours, minutes, etc. * @returns */ function utilDate(start = "01/01/2025", end = "31/12/2200", isPrecise = false) { if (!end) end = "31/12/2200"; if (!isPrecise) { start += "/00/00/00/000"; end += "/23/59/59/999"; } /** @type {"current" | "after" | "before"} */ const datePeriod = wuerthitaly_dateCheck(start, end); const isCurrent = datePeriod === "current"; return { start, end, datePeriod, isCurrent }; } function printProdNum(retrievedProdNum, el) { el.innerHTML = retrievedProdNum; } const closePanel = (currPanel, tab, txtEl) => { currPanel.classList.add("d-none"); tab.classList.remove("arrow-up"); txtEl.innerText = "Scopri di più"; }; const openPanel = (currPanel, tab, txtEl) => { if (!currPanel || !tab || !txtEl) return; currPanel.classList.remove("d-none"); tab.classList.add("arrow-up"); txtEl.innerText = "Vedi di meno"; }; function handleTabs() { const tabList = [...currContainer.querySelectorAll('[role="tab"]')]; if (!tabList) return; const tabPanelList = [...currContainer.querySelectorAll('[role="tabpanel"]')]; if (!tabPanelList) return; for (const tab of tabList) { const currPanel = tabPanelList.find((panel) => panel.dataset.panel === tab.dataset.panelTarget); if (!currPanel) continue; const txtEl = tab.querySelector("[data-my-text]"); if (!txtEl) return; tab.addEventListener("click", () => { currPanel.classList.toggle("d-none"); tab.classList.toggle("arrow-up"); txtEl.innerText = currPanel.classList.contains("d-none") ? "Scopri di più" : "Vedi di meno"; }); const closeBtn = currPanel.querySelector("[data-panel-action='close']"); closeBtn?.addEventListener("click", (e) => closePanel(currPanel, tab, txtEl)); } } // handle hash in url that opens big slider function handleTarget() { const hashValue = new URL(window.location).hash; if (currContainer == mainEl) return; const targetEl = currContainer.querySelector(hashValue); console.log(targetEl); let tab; let currPanel; let txtEl; if (targetEl) { //* opens slider specified as an html ID in the url location hash tab = targetEl.querySelector('[role="tab"]'); currPanel = targetEl.querySelector('[role="tabpanel"]'); txtEl = tab?.querySelector("[data-my-text]"); } else { //* opens only the first big slider tab = currContainer.querySelector('[role="tab"]'); currPanel = currContainer.querySelector('[role="tabpanel"]'); txtEl = tab?.querySelector("[data-my-text]"); } openPanel(currPanel, tab, txtEl); } function generateSections(pageId) { const pageData = mainData.find((page) => page.pageName === pageId); const imgUrlBase = "/is-bin/intershop.static/WFS/WuerthGroup-Wuerth-Site/3114-B1/en_US/2024/12-dicembre/punte-trapano"; const newBADGE = ``; const getSectionHTML = (sectionData) => { return `

${sectionData.title}

${sectionData.paragraph ?? ""}

${sectionData.cards .map((card) => utilDate(card?.starts, card?.ends).isCurrent ? `

${card.badge === "NEW" ? newBADGE : ""}

${card.title}

${card.prodNum ?? ""}

Vai alle versioni

` : "" ) .join("")}

`; }; const getLinkHTML = (id, title) => `

`; // populate dettagli sections if (!pageData.sectionList) return; for (const sectionObj of pageData.sectionList) { for (let i = 0; i < sectionObj.cards.length; i++) { sectionObj.cards[i].id = `${sectionObj.id}-card-${i + 1}`; } currContainer .querySelector(".container-sections-dettaglio") ?.insertAdjacentHTML("beforeEnd", getSectionHTML(sectionObj)); } //populate header and replacer NAVBAR. populate vedi di piu e guarda video const menuEl = advancedHeader.querySelector("nav menu"); const replacerMenuEl = cmpEl.querySelector(".replacer .replacer-nav menu"); const moreThingList = [...currContainer.querySelectorAll(".container-sections-dettaglio .more-things")]; // const linkElList = [...advancedHeader.querySelectorAll("nav a")]; for (const sectionObj of pageData.sectionList) { const secId = sectionObj.id; const title = sectionObj.title; menuEl.insertAdjacentHTML("beforeEnd", getLinkHTML(secId, title)); replacerMenuEl.insertAdjacentHTML("beforeEnd", getLinkHTML(secId, title)); //populate .more-things getOneMoreThing(sectionObj); } } function getOneMoreThing(sectionObj) { if (!sectionObj.oneMoreData) return; const oneMoreEl = currContainer.querySelector(`#${CSS.escape(sectionObj.id)} .more-things`); if (!oneMoreEl) return; oneMoreEl.innerHTML = sectionObj.oneMoreData; } function changeTitleInHeader(title) { const headerLogo = advancedHeader.querySelector("[data-return-to-home]"); headerLogo.innerHTML = title.replaceAll("-", " "); } function chooseToShowHeader() { const isHeaderVisible = window.scrollY >= document.documentElement.clientHeight; advancedHeader.classList.toggle("d-none", !isHeaderVisible); } function initSwiperSliders() { const heroSwiper = "main #hero-swiper"; new Swiper(heroSwiper, { //MOBILE slidesPerView: "auto", spaceBetween: 40, centeredSlides: "auto", // initialSlide: 1, //starts from second slide. // pagination: { // el: ".swiper-pagination", // clickable: true, // enabled: true, // }, navigation: { enabled: true, nextEl: ".swiper-button-next", prevEl: ".swiper-button-prev", }, breakpoints: { // MORE THAN 1000PX (DESKTOP) 1000: { slidesPerView: 3, spaceBetween: 40, centeredSlides: false, // initialSlide: 1, navigation: { enabled: false }, }, }, }); const bigSliderList = [...mainEl.querySelectorAll(".big-slider")]; for (const sliderEl of bigSliderList) { new Swiper(sliderEl, { //* mobile direction: "horizontal", loop: false, spaceBetween: 15, slidesPerView: "auto", grabCursor: true, navigation: { enabled: false }, // initialSlide: 0, // parallax: true, keyboard: { enabled: true, onlyInViewport: true, }, // And if we need scrollbar scrollbar: { el: ".swiper-scrollbar", // draggable: true, snapOnRelease: true, }, // navigation: { // prevEl: "main .section-accessori .swiper-button-prev", // nextEl: "main .section-accessori .swiper-button-next", // }, breakpoints: { //* desktop // when window width is >= n 768: { slidesPerView: "auto", spaceBetween: 40, grabCursor: true, // parallax: true, }, }, }); } const cardsSlider = ".cards-slider"; new Swiper(cardsSlider, { slidesPerView: "auto", spaceBetween: 40, grabCursor: true, centeredSlides: false, keyboard: { enabled: true, onlyInViewport: true, }, navigation: { enabled: true, nextEl: ".swiper-button-next", prevEl: ".swiper-button-prev", }, }); } }

PUNTE PER FORARE

PUNTE PER FORARE