Historie klientów IdoSell

<!DOCTYPE html> <html lang="pl"> <head> <meta charset="UTF-8"> <meta name="viewport" content="user-scalable=no, initial-scale = 1.0, maximum-scale = 1.0, width=device-width"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Historie klientów IdoSell - IdoSell</title> <meta name="keywords" content=""/> <meta name="description" content="Poznaj historie sukcesów klientów IdoSell. Historie naszych klientów to doskonałe źródło wiedzy i inspiracji, jeśli planujesz założyć swój sklep internetowy lub migrować do nas."/> <link rel="canonical" href="https://www.idosell.com/pl/historie-klientow-idosell/"> <meta property="og:title" content="Historie klientów IdoSell"/><meta property="og:type" content="website"/><meta property="og:locale" content="pl_PL"/><meta property="og:description" content="Poznaj historie sukcesów klientów IdoSell. Historie naszych klientów to doskonałe źródło wiedzy i inspiracji, jeśli planujesz założyć swój sklep internetowy lub migrować do nas."/><meta property="og:url" content="https://www.idosell.com/pl/historie-klientow-idosell/"/><meta property="og:image" content="https://www.idosell.com/gfx/new_design/img/homepage_idosell_shop_pl.png"/><meta property="og:site_name" content="IdoSell"/> <script type="application/ld+json"> { "@context": "https://schema.org/", "@type": "LocalBusiness", "name": "IAI", "@id": "IdoSell", "image": [ "https://www.idosell.com/panel/file-gate.php?id=39557&ext=.png" ], "address": { "@type": "PostalAddress", "streetAddress": "Piastów 30", "addressLocality": "Szczecin", "addressRegion": "SZ", "postalCode": "71-064", "addressCountry": "PL" }, "geo": { "@type": "GeoCoordinates", "latitude": "53.41", "longitude": "14.53" }, "openingHoursSpecification": [ { "@type": "OpeningHoursSpecification", "dayOfWeek": [ "Monday", "Tuesday", "Wednesday", "Thursday", "Friday" ], "opens": "09:00", "closes": "17:00" } ], "telephone": "+48 91 443 66 00" } </script> <link rel="stylesheet" href="/gfx/new_design/css/full.css?r=18"> <link rel="stylesheet" href="/css/landing_pages/7_new_style.css?r=18"/> <link rel="preconnect" href="https://fonts.googleapis.com"/> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin/> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap"/><link rel="shortcut icon" type="image/png" href="/gfx/icon-shop.png"/> <meta name="robots" content="noindex, nofollow"/> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "WebSite", "url": "https://www.idosell.com/pl/shop/", "potentialAction": { "@type": "SearchAction", "target": "https://www.idosell.com/pl/shop/search/?q={search_term_string}", "query-input": "required name=search_term_string" } } </script> <script type="text/javascript"> /* <![CDATA[ */ (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)} ,i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-2810032-1', 'auto'); ga('send', 'pageview'); /* ]]> */ </script><meta name="facebook-domain-verification" content="85xl3o9hpzrjja5gjgq5o6b6pe0wvw" /></head> <body class="px-3 px-md-0 bg"><script> dataLayer = [{ 'internalIAINetwork': '' }]; </script> <noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-MM74KX" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= '//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-MM74KX');</script>  <div class="layout d-flex flex-column"><script> var dynamicTXT = {"Demo":"Demo ","Informacja":"Informacja","JakZalozycSklepInternetowyX":"Jak za\u0142o\u017cy\u0107 sklep internetowy?","KodJestNiepoprawny":"Kod jest niepoprawny","MozliweZeNoweOpcjeNieSaJeszczeWidoczneWTwoimPaneluAdministarcyjnnym":"Mo\u017cliwe, \u017ce nowe opcje nie s\u0105 jeszcze widoczne w Twoim panelu administracyjnym.","NieMaZCzegoWybierac":"Nie ma z czego wybiera\u0107","NieZnalezionoWynikow":"Nie znaleziono wynik\u00f3w","OczekiwanaPrzezCiebieFunkcjonalnoscJestSukcesywnieInstalowanaWKolejnychSklepachIPowinnaPojawicSieWTwoimSklepieWTerminieDoDwochTygodni":"Oczekiwana przez Ciebie funkcjonalno\u015b\u0107 jest sukcesywnie instalowana w kolejnych sklepach i powinna pojawi\u0107 si\u0119 w Twoim sklepie w terminie do dw\u00f3ch tygodni.","Powrot":"Powr\u00f3t","PrzesunKolumnyTabelkiPalcem":"Przesu\u0144 kolumny tabelki palcem","WcisnijAbyWybrac":"Wci\u015bnij aby wybra\u0107","Wczytywanie":"Wczytywanie...","WybierzKraj":"Wybierz kraj","WybierzPanstwo":"Wybierz pa\u0144stwo","fpTopMenuInstallationTekst":"Procedura wdro\u017cenia","fpTopMenuManualTekst":"Poradnik","fpTopMenuOrderTekst":"Za\u0142\u00f3\u017c sklep","fpTopMenuTermsTekst":"Umowa, regulamin i rozliczenia","fpTopMenuTimeTekst":"Czas realizacji"};</script><header class="container"> <div class="header_content"> <div class="header__logo logo"> <a class="logo__link" href="https://www.idosell.com/pl/"> <img class="logo__image" src="/img/logo-idosell-dots.svg" alt="IdoSell" /> </a> </div> <nav class="header__menu menu"> <button type="button" class="menu__toggler d-md-none"> <i class="fas fa-bars"></i> </button> <div class="menu__collapse flex-column flex-md-row-reverse d-flex justify-content-start"> <ul class="d-md-flex main_menu_mobile order-2 order-md-0"> <li class="menu__item d-md-flex --small --align-right"> <a href="#" class="menu__link px-md-3 d-md-flex align-items-md-center"> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="19" viewBox="0 0 18 19" fill="none"> <path d="M16.5136 15.1375C15.5711 13.4832 14.0992 12.1941 12.335 11.4779C13.2123 10.8199 13.8604 9.90261 14.1874 8.85585C14.5143 7.8091 14.5037 6.686 14.1569 5.64564C13.8101 4.60528 13.1448 3.7004 12.2551 3.05919C11.3655 2.41797 10.2967 2.07293 9.20002 2.07293C8.10338 2.07293 7.03454 2.41797 6.14491 3.05919C5.25527 3.7004 4.58993 4.60528 4.24315 5.64564C3.89636 6.686 3.8857 7.8091 4.21268 8.85585C4.53967 9.90261 5.18771 10.8199 6.06502 11.4779C4.30084 12.1941 2.82899 13.4832 1.88639 15.1375C1.82799 15.2314 1.78906 15.3361 1.77192 15.4454C1.75479 15.5546 1.7598 15.6662 1.78665 15.7735C1.8135 15.8808 1.86166 15.9816 1.92824 16.0699C1.99482 16.1582 2.07848 16.2322 2.17425 16.2875C2.27001 16.3429 2.37591 16.3784 2.48567 16.3919C2.59543 16.4055 2.7068 16.3969 2.81316 16.3666C2.91951 16.3362 3.01869 16.2849 3.10478 16.2154C3.19088 16.146 3.26214 16.06 3.31433 15.9625C4.56008 13.8092 6.76008 12.525 9.20002 12.525C11.64 12.525 13.84 13.8099 15.0857 15.9625C15.1988 16.1444 15.3782 16.2751 15.586 16.3271C15.7937 16.3791 16.0136 16.3483 16.199 16.2411C16.3844 16.134 16.5209 15.959 16.5797 15.753C16.6384 15.547 16.6147 15.3263 16.5136 15.1375ZM5.62502 7.29999C5.62502 6.59292 5.83469 5.90173 6.22751 5.31383C6.62034 4.72592 7.17868 4.26771 7.83193 3.99712C8.48517 3.72654 9.20398 3.65574 9.89747 3.79368C10.5909 3.93163 11.228 4.27211 11.7279 4.77208C12.2279 5.27206 12.5684 5.90906 12.7063 6.60254C12.8443 7.29603 12.7735 8.01484 12.5029 8.66809C12.2323 9.32133 11.7741 9.87967 11.1862 10.2725C10.5983 10.6653 9.90709 10.875 9.20002 10.875C8.2522 10.8739 7.34352 10.4969 6.67332 9.82669C6.00311 9.15649 5.62611 8.24781 5.62502 7.29999Z" fill="#171717"/> </svg> <span class="d-md-none">Konto użytkownika</span></a> <ul class="submenu d-none"> <li class="submenu__item nav_item"> <a class="menu__link" href="https://www.idosell.com/pl/dashboard/?ref=%2Fpl%2Fcasestudy%2F" rel="nofollow">Zaloguj się</a> </li><li class="submenu__item nav_item"> <a class="menu__link" href="https://www.idosell.com/pl/order/" rel="nofollow">Zamów sklep</a> </li> </ul> </li> </ul> <form action="https://www.idosell.com/pl/search/" class="brand-search form ml-md-4"> <button type="submit" class="menu__link --search"> <svg xmlns="http://www.w3.org/2000/svg" width="19" height="19" viewBox="0 0 19 19" fill="none"> <path d="M16.7837 15.5163L13.5188 12.25C14.4977 10.9743 14.9547 9.37405 14.7972 7.77379C14.6396 6.17353 13.8792 4.69312 12.6703 3.63287C11.4613 2.57262 9.89436 2.01193 8.28722 2.06453C6.68009 2.11712 5.15313 2.77908 4.0161 3.9161C2.87908 5.05313 2.21712 6.58009 2.16453 8.18723C2.11193 9.79436 2.67262 11.3613 3.73287 12.5703C4.79312 13.7792 6.27353 14.5396 7.87379 14.6972C9.47405 14.8547 11.0743 14.3977 12.35 13.4188L15.6177 16.6871C15.6944 16.7639 15.7855 16.8247 15.8858 16.8663C15.9861 16.9078 16.0935 16.9292 16.2021 16.9292C16.3106 16.9292 16.4181 16.9078 16.5183 16.8663C16.6186 16.8247 16.7097 16.7639 16.7864 16.6871C16.8632 16.6104 16.9241 16.5193 16.9656 16.419C17.0071 16.3187 17.0285 16.2113 17.0285 16.1028C17.0285 15.9942 17.0071 15.8868 16.9656 15.7865C16.9241 15.6862 16.8632 15.5951 16.7864 15.5184L16.7837 15.5163ZM3.825 8.40001C3.825 7.47538 4.09919 6.57151 4.61288 5.80271C5.12658 5.03391 5.85671 4.43471 6.71096 4.08087C7.5652 3.72703 8.50519 3.63445 9.41205 3.81483C10.3189 3.99522 11.1519 4.44047 11.8057 5.09428C12.4595 5.74809 12.9048 6.5811 13.0852 7.48796C13.2656 8.39482 13.173 9.33481 12.8191 10.1891C12.4653 11.0433 11.8661 11.7734 11.0973 12.2871C10.3285 12.8008 9.42463 13.075 8.5 13.075C7.26051 13.0737 6.07214 12.5808 5.19569 11.7043C4.31923 10.8279 3.82628 9.6395 3.825 8.40001Z" fill="#171717"/> </svg> </button> <div class="form__group container"> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"> <path d="M15.9837 15.0163L12.7188 11.75C13.6977 10.4743 14.1547 8.87404 13.9972 7.27378C13.8396 5.67352 13.0792 4.19312 11.8703 3.13287C10.6613 2.07262 9.09437 1.51192 7.48723 1.56452C5.88009 1.61712 4.35313 2.27907 3.21611 3.4161C2.07908 4.55312 1.41713 6.08008 1.36453 7.68722C1.31193 9.29436 1.87263 10.8613 2.93288 12.0703C3.99312 13.2792 5.47353 14.0396 7.07379 14.1972C8.67405 14.3547 10.2743 13.8977 11.55 12.9187L14.8177 16.1871C14.8944 16.2639 14.9855 16.3247 15.0858 16.3663C15.1861 16.4078 15.2935 16.4292 15.4021 16.4292C15.5106 16.4292 15.6181 16.4078 15.7183 16.3663C15.8186 16.3247 15.9097 16.2639 15.9864 16.1871C16.0632 16.1104 16.1241 16.0193 16.1656 15.919C16.2071 15.8187 16.2285 15.7113 16.2285 15.6027C16.2285 15.4942 16.2071 15.3868 16.1656 15.2865C16.1241 15.1862 16.0632 15.0951 15.9864 15.0184L15.9837 15.0163ZM3.02501 7.9C3.02501 6.97537 3.29919 6.07151 3.81289 5.30271C4.32658 4.53391 5.05672 3.9347 5.91096 3.58086C6.76521 3.22702 7.70519 3.13444 8.61206 3.31483C9.51892 3.49521 10.3519 3.94046 11.0057 4.59428C11.6595 5.24809 12.1048 6.08109 12.2852 6.98795C12.4656 7.89481 12.373 8.8348 12.0191 9.68904C11.6653 10.5433 11.0661 11.2734 10.2973 11.7871C9.5285 12.3008 8.62464 12.575 7.70001 12.575C6.46051 12.5737 5.27215 12.0808 4.39569 11.2043C3.51923 10.3279 3.02628 9.1395 3.02501 7.9Z" fill="#C8C8C8"/> </svg> <input name="q" type="text" class="form__input" placeholder="Wpisz czego szukasz" autocomplete="off"/> <button type="search" class="button --solid">Szukaj</button> <input type="hidden" name="title" value="all"/> </div> </form> <ul class="d-md-flex pt-0 order-3 order-md-0"><li class="menu__item d-md-flex --small"><a class="menu__link d-md-flex align-items-md-center" href="https://www.idosell.com/pl/oferta-idosell/" data-dropdown="hover0" data-options="is_hover:true;">Oferta</a><ul class="submenu d-none"><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/oferta-idosell/" class="menu__link">Oferta IdoSell</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/abonamenty/" class="menu__link">Abonamenty</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/sprzedaz-miedzynarodowa/" class="menu__link">Crossborder z IdoSell</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/implementation-package/pakiety-wdrozeniowe/" class="menu__link">Wdrożenie sklepu</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/opieka-graficzna-webmasterska/" class="menu__link">Personalizacja powdrożeniowa sklepu</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/support/unikalne-wsparcie-w-ramach-abonamentu-przy-zakladaniu-oraz-prowadzeniu-sklepu-internetowego/" class="menu__link">Nieograniczone wsparcie techniczne</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/safety/bezpieczny-sklep-internetowy-idosell-z-sla-na-poziomie-99-98/" class="menu__link">Bezpieczeństwo i infrastruktura serwerowa</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/safety/legalshop/sklep-internetowy-zgodny-z-prawem/" class="menu__link">Sklep zgodny z prawem</a></li></ul></li><li class="menu__item d-md-flex"><a class="menu__link d-md-flex align-items-md-center" href="https://www.idosell.com/pl/tysiace-gotowych-do-uzycia-funkcji/">Możliwości</a><ul class="submenu d-none"><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/sales/sprzedaz-w-sklepie-internetowym-idosell/" class="menu__link">Sprzedaż</a><ul class="subsubmenu d-none"><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/checkout/szybsze-i-wygodniejsze-zakupy-z-wieksza-konwersja-express-chcekout/" class="menu__link">Szybkie płatności</a></li><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/functions/subscription-module/rozpocznij-sprzedaz-subskrypcyjna-z-idosell/" class="menu__link">Sprzedaż subskrypcyjna</a></li><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/b2b/uruchom-hurtownie-internetowa-w-idosell-i-skutecznie-zarzadzaj-relacjami-b2b/" class="menu__link">Sprzedaż hurtowa (B2B)</a></li><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/multishop/" class="menu__link">Multishop</a></li><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/omnichannel/sprzedaz-wielokanalowa-w-sklepie-internetowym/" class="menu__link">Obsługa sprzedaży stacjonarnej</a></li><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/self-publishing/obsluga-self-publishing-sprzedawaj-swobodnie-wlasne-ksiazki-kursy-muzyke-wszystko-co-kreatywnie-stworzysz-przez-idosell/" class="menu__link">Obsługa self-publishing</a></li></ul></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/marketing/" class="menu__link">Marketing</a><ul class="subsubmenu d-none"><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/traffic-trends/allegro-ads/allegro-ads-prowadzenie-kampanii-z-traffic-trends/" class="menu__link">Allegro Ads</a></li><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/traffic-trends/meta-ads/facebook-ads-i-instagram-ads-prowadzenie-kampanii-z-traffic-trends/" class="menu__link">Facebook Ads</a></li><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/reklamy-google-od-idosell/" class="menu__link">Google Ads</a></li><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/marketing/automation/marketing-automation-system-automatyzacji-marketingu-w-sklepie-internetowym/" class="menu__link">Marketing automation</a></li><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/traffic-trends/seo-traffic/pozycjonowanie-i-optymalizacja-sklepu-internetowego-z-traffic-trends/" class="menu__link">Pozycjonowanie sklepu internetowego</a></li><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/marketing/affiliate-program/program-partnerski-w-sklepie-internetowym/" class="menu__link">Program partnerski</a></li><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/marketing/loyalty-program/program-lojalnosciowy/" class="menu__link">Program lojalnościowy</a></li><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/recommendations/inteligentny-system-rekomendacji-produktowych-idosell-rs/" class="menu__link">Rekomendacje produktowe IdoSell RS</a></li><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/marketing/" class="menu__link">Wsparcie kampanii promocyjnych i marketingowych</a></li><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/integrations/trade-tracker/tradetracker/" class="menu__link">Systemy afiliacyjne</a></li></ul></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/" class="menu__link">Poprawa konwersji</a><ul class="subsubmenu d-none"><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/functions/searching-pro/searching-pro-the-intelligent-text-search-engine/" class="menu__link">Inteligentna wyszukiwarka tekstowa (AI)</a></li><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/recommendations/inteligentny-system-rekomendacji-produktowych-idosell-rs/" class="menu__link">Inteligentne rekomendacje produktów (AI)</a></li></ul></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/otworz-swoj-wlasny-sklep-internetowy/" class="menu__link">Wygląd sklepu</a><ul class="subsubmenu d-none"><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/design/standard/standard-estetycznie-standardowo-natychmiast/" class="menu__link">Szablon Standard</a></li><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/kolekcje-towarow/" class="menu__link">Kolekcje</a></li><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/sklep-rwd-mobile/" class="menu__link">Sklep RWD</a></li><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/opieka-graficzna-webmasterska/" class="menu__link">Customizacja dowolnych elementów sklepu</a></li><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/design-gallery/galeria-designow-idosell/" class="menu__link">Galeria designów</a></li><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/design/logo/projektowanie-logo-firmy-i-sklepu-internetowego-z-idosell/" class="menu__link">Projektowanie logo</a></li></ul></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/logistics/procesy-i-logistyka-w-sklepie-idosell/" class="menu__link">Procesy i logistyka</a><ul class="subsubmenu d-none"><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/wms/system-zarzadzania-magazynem-wms/" class="menu__link">System zarządzania magazynem (WMS)</a></li><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/erp/integracja-z-systemem-erp-sklepu-internetowego-idosell/" class="menu__link">Funkcje i Integracja z ERP</a></li><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/functions/returns/zwroty-towarow-sprzedanych-w-sklepie-internetowym/" class="menu__link">Obsługa zwrotów towarów</a></li><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/functions/complaints/complaints/" class="menu__link">Moduł reklamacji (RMA)</a></li><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/justintime/just-in-time-deliveries-with-idosell/" class="menu__link">Obsługa dropshipping i cross-docking</a></li><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/wms/fulfillment/fulfillment-czyli-kompleksowa-obsluga-procesow-magazynowych-przez-wyspecjalizowana-firme-zewnetrzna/" class="menu__link">Pełna obsługa fulfillment</a></li><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/sprzedaz-plikow-cyfrowych/" class="menu__link">Sprzedaż plików</a></li></ul></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/wealthon/" class="menu__link">Finansowanie</a><ul class="subsubmenu d-none"><li class="subsubmenu__item nav_item"><a href="https://www.idosell.com/pl/wealthon/" class="menu__link">Wealthon</a></li></ul></li></ul></li><li class="menu__item d-md-flex --small"><a class="menu__link d-md-flex align-items-md-center" href="https://www.idosell.com/pl/services/ecommerce-services/" data-dropdown="hover2" data-options="is_hover:true;">Usługi</a><ul class="submenu d-none"><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/audyt-sklepu-internetowego/" class="menu__link">Audyt sklepu internetowego</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/services/whatwedo/co-mozemy-zrobic-dla-twojego-sklepu/" class="menu__link">Co możemy zrobić dla Twojego sklepu</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/services/custom-apps/programowanie-indywidualnych-rozwiazan/" class="menu__link">Indywidualne rozwiązania</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/services/import/import-danych-do-sklepu-internetowego-idosell/" class="menu__link">Importy danych</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/opieka-graficzna-webmasterska/" class="menu__link">Obsługa graficzna po wdrożeniu</a></li></ul></li><li class="menu__item d-md-flex --small"><a class="menu__link d-md-flex align-items-md-center" href="https://www.idosell.com/pl/integracje/" data-dropdown="hover3" data-options="is_hover:true;">Integracje</a><ul class="submenu d-none"><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/kurierzy/" class="menu__link">Kurierzy</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/systemy-platnosci-obslugiwane-w-idosell/" class="menu__link">Płatności</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/marketplaces-sprzedawaj-swoje-towary-w-wielu-miejscach-jednoczesnie-na-calym-swiecie/integracja-sklepu-internetowego-z-serwisem-aukcyjnym-allegro/" class="menu__link">Allegro</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/amazon/integracja-sklepu-internetowego-z-amazon/" class="menu__link">Amazon</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/marketplaces/" class="menu__link">Marketplaces</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/-integracje-gotowe-do-wlaczenia-jednym-kliknieciem-porownywarki-katalogi-serwisy-opinii/" class="menu__link">Porównywarki, katalogi i serwisy opinii</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/wms/fulfillment/fulfillment-czyli-kompleksowa-obsluga-procesow-magazynowych-przez-wyspecjalizowana-firme-zewnetrzna/" class="menu__link">Fulfillment (outsourcing magazynu i wysyłki)</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/integracja-z-hurtowniami/" class="menu__link">Integracja z hurtowniami</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/systemy-erp/" class="menu__link">Systemy ERP</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/partners/do-you-want-to-become-an-iai-partner/" class="menu__link">Dla partnerów</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/dla-developerow/" class="menu__link">Dla developerów</a></li></ul></li><li class="menu__item d-md-flex --small"><a class="menu__link d-md-flex align-items-md-center" href="https://www.idosell.com/pl/baza-wiedzy/" data-dropdown="hover4" data-options="is_hover:true;">Edukacja</a><ul class="submenu d-none"><li class="submenu__item nav_item"><a href="https://pomoc.idosell.com" class="menu__link">Pomoc IdoSell</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/knowledge-base/beginners-guide/e-commerce-od-czego-zaczac/" class="menu__link">E-commerce - od czego zacząć</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/knowledge-base/safety/sprawy-prawne-w-sklepie-internetowym/" class="menu__link">Prawo i bezpieczeństwo</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/przygotowanie-sklepu-do-sprzedazy/" class="menu__link">Przygotowanie sklepu do sprzedaży</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/knowledge-base/multichannel-sales/sprzedaz-w-wielu-miejscach-multichannel/" class="menu__link">Sprzedaż w wielu miejscach (Multichannel)</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/historie-klientow-idosell/" class="menu__link">Historie klientów IdoSell</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/podcast/posluchaj-podcastow-idosell-o-e-commerce/" class="menu__link">Śniadanie z e-commerce - podcast IdoSell</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/baza-wiedzy/webinary/" class="menu__link">Webinary IdoSell</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/knowledge-base/growth-strategy/wyglad-sklepu-internetowego/" class="menu__link">Zwiększanie Sprzedaży</a></li></ul></li><li class="menu__item d-md-flex --small"><a class="menu__link d-md-flex align-items-md-center" href="https://www.idosell.com/pl/blog/" data-dropdown="hover5" data-options="is_hover:true;">Blog</a><ul class="submenu d-none"><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/blog/edu" class="menu__link">Blog edu</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/blog/info" class="menu__link">Blog produktowy</a></li></ul></li><li class="menu__item d-md-flex --small"><a class="menu__link d-md-flex align-items-md-center" href="https://www.idosell.com/pl/abonamenty/" data-dropdown="hover6" data-options="is_hover:true;">Załóż sklep</a><ul class="submenu d-none"><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/abonamenty/" class="menu__link">ZAMÓW SKLEP</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/demo/try-idosell-demo-for-free/" class="menu__link">DEMO</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/knowledge-base/beginners-guide/installation/etapy-instalacji-sklepu-internetowego-idosell/" class="menu__link">Procedura wdrożenia</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/personalizacja-sklepu-internetowego/" class="menu__link">Czas realizacji</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/blog/jak-zalozyc-sklep-internetowy-w-2023-roku-1235327227/" class="menu__link">Jak założyć sklep internetowy?</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/uslugi/wdrozenie-sklepu-internetowego/sklep-pod-klucz/" class="menu__link">Gotowe sklepy internetowe</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/szczegolowy-cennik-idosell/" class="menu__link">Szczegółowy cennik</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/terms/regulamin-idosell/" class="menu__link">Umowa i regulamin</a></li></ul></li><li class="menu__item d-md-flex --small"><a class="menu__link d-md-flex align-items-md-center" href="https://www.idosell.com/pl/migracja/">Migracja</a></li><li class="menu__item d-md-flex --small"><a class="menu__link d-md-flex align-items-md-center" href="https://www.idosell.com/pl/contact/skontaktuj-sie-z-nami-i-uzyskaj-unikalna-pomoc-w-prowadzeniu-sklepu-internetowego-idosell/" data-dropdown="hover8" data-options="is_hover:true;">KONTAKT</a><ul class="submenu d-none"><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/support/unikalne-wsparcie-w-ramach-abonamentu-przy-zakladaniu-oraz-prowadzeniu-sklepu-internetowego/" class="menu__link">Skontaktuj się z naszymi specjalistami</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/support/training/szkolenia-z-obslugi-uslugi-idosell-shop/" class="menu__link">Szkolenia dla klientów</a></li><li class="submenu__item nav_item"><a href="https://www.idosell.com/pl/partners/do-you-want-to-become-an-iai-partner/" class="menu__link">Dla partnerów</a></li><li class="submenu__item nav_item"><a href="https://www.iai-sa.com/pl/dsa/" class="menu__link">DSA</a></li></ul></li></ul> <div class="aside_mobile d-md-none bg-alternate order-1 order-md-0 main_menu_mobile"></div> </div> </nav> </div> </header> <div class="container mb-5"> <div class="row content align-items-start"> <div class="col-md-12"><script> var dynamicTXT = {"Demo":"Demo ","Informacja":"Informacja","JakZalozycSklepInternetowyX":"Jak za\u0142o\u017cy\u0107 sklep internetowy?","KodJestNiepoprawny":"Kod jest niepoprawny","MozliweZeNoweOpcjeNieSaJeszczeWidoczneWTwoimPaneluAdministarcyjnnym":"Mo\u017cliwe, \u017ce nowe opcje nie s\u0105 jeszcze widoczne w Twoim panelu administracyjnym.","NieMaZCzegoWybierac":"Nie ma z czego wybiera\u0107","NieZnalezionoWynikow":"Nie znaleziono wynik\u00f3w","OczekiwanaPrzezCiebieFunkcjonalnoscJestSukcesywnieInstalowanaWKolejnychSklepachIPowinnaPojawicSieWTwoimSklepieWTerminieDoDwochTygodni":"Oczekiwana przez Ciebie funkcjonalno\u015b\u0107 jest sukcesywnie instalowana w kolejnych sklepach i powinna pojawi\u0107 si\u0119 w Twoim sklepie w terminie do dw\u00f3ch tygodni.","Powrot":"Powr\u00f3t","PrzesunKolumnyTabelkiPalcem":"Przesu\u0144 kolumny tabelki palcem","WcisnijAbyWybrac":"Wci\u015bnij aby wybra\u0107","Wczytywanie":"Wczytywanie...","WybierzKraj":"Wybierz kraj","WybierzPanstwo":"Wybierz pa\u0144stwo","fpTopMenuInstallationTekst":"Procedura wdro\u017cenia","fpTopMenuManualTekst":"Poradnik","fpTopMenuOrderTekst":"Za\u0142\u00f3\u017c sklep","fpTopMenuTermsTekst":"Umowa, regulamin i rozliczenia","fpTopMenuTimeTekst":"Czas realizacji"};</script> <main class="template d-flex flex-column"> <section id="hero_section" class="main_banner"> <div class="main_banner__container col-12 col-md-6 px-0"> <h2 class="main_banner__eyebrow --green">Sukcesy klientów IdoSell</h2> <h1 class="main_banner__title"> Historie klientów IdoSell </h1> <p class="paragraph --medium"> Poznaj historie sukcesów klientów IdoSell. Historie naszych klientów to doskonałe źródło wiedzy i inspiracji, jeśli planujesz założyć swój sklep internetowy lub chcesz przenieść go z innej platformy e-commerce. </p> <a href="https://www.idosell.com/pl/demo/try-idosell-demo-for-free/" target="_blank" title="Kliknij, aby dowiedzieć się więcej" class="btn mainButton --green"> Wypróbuj IdoSell za darmo </a> </div> </section> <style> #hero_section { display: flex; position: relative; color: white; align-items: center; height: 500px; } #filter_container { display: grid; grid-template-columns: 1fr 1fr; } .mainButton.--green { border: 1px solid #1fd18dcd; background-color: #1fd18e99; backdrop-filter: blur(6.5px); color: #fff; font-weight: 400; border-radius: 25px; padding: 12px 50px; margin-left: 0; text-transform: initial; min-height: unset; font-size: 16px; } .main_banner__eyebrow.--green { color: #1fd18e; } #hero_section .main_banner__additional_title { display: block; font-weight: 400; } #hero_section .link.--underline { color: white; } #hero_section .main_banner__eyebrow { font-size: 20px; margin-bottom: 15px; font-weight: 400; } #hero_section .main_banner__title { font-size: 42px; font-weight: 700; margin-bottom: 15px; } #hero_section .paragraph.--highlighted { font-size: 16px; color: rgb(31 209 142); margin-bottom: 15px; } #hero_section .form_wrapper .paragraph.--extra { margin-top: 35px; margin-bottom: 20px; } #hero_section:before { content: " "; background-size: cover; background-repeat: no-repeat; position: absolute; width: 100vw; height: 100%; top: 0; left: 50%; margin-left: -50vw; filter: brightness(.45); z-index: -2; background-color: #000; background-image: url('https://www.idosell.com/panel/file-gate.php?id=254257&ext=.jpeg'); } #hero_section .paragraph { margin-bottom: 35px; } #hero_section .service_image { margin-bottom: 20px; max-width: 300px; } #hero_section .down-arrow { height: 40px; animation: animateDown infinite 1.5s; } #hero_section .down_arrow__hyperlink { position: absolute; bottom: 15px; left: 50%; transform: translateX(-50%); } @media (min-width: 757px) { #hero_section:before { background-color: #000; background-image: url('https://www.idosell.com/panel/file-gate.php?id=254248&ext=.jpeg'); background-repeat: no-repeat; background-size: cover; background-position: center center; } } @media (min-width: 1200px) { /* Paddingi dla sekcji hero */ #hero_section { padding: 0; display: flex; } /* Typografia sekcji */ #hero_section .main_banner__title { font-size: 52px; } #hero_section .main_banner__eyebrow { font-size: 20px; margin-bottom: 15px; } /* Zmiana ciemności zdjęcia hero */ #hero_section:before { filter: brightness(.95) } /* Linear gradient */ #hero_section:after { content: ""; position: absolute; width: 100vw; height: 100%; top: 0; left: 50%; margin-left: -50vw; background: linear-gradient(to left, rgba(0,0,0,0), rgba(0,0,0,.95)); z-index: -1; } } @media (min-width: 1200px) { #hero_section { position: relative; }} @media (min-width: 1590px) { /* Paddingi dla sekcji hero */ #hero_section { padding: 0; } #hero_section:before { background-size: cover; background-position-y: 10%; background-repeat: no-repeat; background-image: url('https://www.idosell.com/panel/file-gate.php?id=254248&ext=.jpeg'); } /* Typografia sekcji */ #hero_section .main_banner__title { font-size: 52px; } div#mauticform_wrapper_ebookform { left: calc(100% - 650px + 135px) } .form_wrapper { padding: 55px 181px 55px 35px; border-radius: 2px; width: 750px; } div#mauticform_wrapper_heroform { left: calc(100% - 650px + 135px + 65px) } } @media (min-width: 1920px) { #hero_section:before { background-size: cover; background-repeat: no-repeat; background-image: url('https://www.idosell.com/panel/file-gate.php?id=254248&ext=.jpeg'); } } </style> <section class="d-flex flex-column flex-md-row mt-10"> <div class="col-12 col-md-3 px-0 filters_container_button"> <div class="filter_container_div"> <p class="filters_heading">Branża</p> <ul id="filter_container"></ul> <div id="reset_button"></div> <div class="call_to_action__buttons d-none d-md-block"> <a href="https://www.idosell.com/pl/demo/try-idosell-demo-for-free/" class="btn mainButton --black">Wypróbuj demo</a> <a href="https://www.idosell.com/pl/order/" class="btn mainButton --outline">Zamów sklep</a> </div> </div> </div> <div id="case_studies_container" class="col-md-9 col-12 px-0"></div> </section> </main> <style> #case_studies_container { display: grid; grid-template-columns: 1fr; gap: 35px; padding-bottom: 50px; } .mt-10 { margin-top: 50px; } .splide__slide:before { content: ""; position: absolute; width: 100vw; height: 100%; top: 0; left: 50%; margin-left: -50vw; background: linear-gradient( to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.95) ); z-index: 2; } .link { color: black; } .link.--underline { text-decoration: underline; } .link.--small { font-size: 14px; } .link.--normal { font-size: 16px; } .link.--underline:hover { text-decoration: none; color: black; } p.paragraph { font-size: 16px; } .mb-8 { margin-bottom: 40px !important; } .text_wrapper > * { line-height: 1.05; } #main_banner .main_banner__eyebrow { font-size: 20px; margin-bottom: 20px; font-weight: 400; } .filters_heading { font-size: 16px; text-transform: uppercase; font-weight: 700; } #filter_container { padding: 35px 0 15px 0; } .one_filter_container { display: flex; min-height: 25px; align-items: center; margin-bottom: 15px; position: relative; } .one_filter_container:last-child { margin-bottom: 0; } .one_filter_container input { opacity: 0; position: absolute; left: 0; bottom: 0; z-index: 3; width: 24px; height: 24px; } .label_container { position: relative; min-height: 25px; display: flex; align-items: center; } input:checked + .label_container:before { background: #1fd18e; border: 1px solid #1fd18e; } .label_container:before { content: ""; background: transparent; border: 1px solid #ccc; text-align: center; width: 23px; height: 23px; font-size: 1.4rem; transition: border 0.15s, background-color 0.15s; position: absolute; top: 0; left: 0; display: block; border-radius: 5px; } input:checked + .label_container:after { opacity: 1; } .label_container:after { content: "\f00c"; opacity: 0; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; top: 4px; left: 6px; font-size: 11px; transition: opacity 0.15s; color: white; } .label_case_study { margin-left: 35px; font-size: 16px; min-height: 25px; } .mainButton.--green { border: 1px solid #1fd18dcd; background-color: #1fd18e99; backdrop-filter: blur(6.5px); color: #fff; font-weight: 400; border-radius: 25px; padding: 12px 50px; margin-left: 0; } .mainButton { min-width: 100%; } #main_banner .main_banner__title { font-size: 42px; font-weight: 700; margin-bottom: 15px; } #splide { position: relative; width: 100vw; height: 100%; top: 0; left: 50%; margin-left: -50vw; } span.splide__sr { display: none; } ul.breadcrumb { padding: 25px 0; list-style: none; } ul.breadcrumb li { display: inline; font-size: 16px; color: #000; } ul.breadcrumb li + li:before { padding: 8px; color: black; content: "/\00a0"; } ul.breadcrumb li a { text-decoration: underline; } ul.breadcrumb li a:hover { text-decoration: none; color: #000; } #main_banner .text_container { width: 100%; color: white; padding: 96px 15px 190px 15px; z-index: 50; } .filter_container_div { margin-bottom: 20px; } @media (min-width: 979px) { #case_studies_container { grid-template-columns: 1fr 1fr; } #filter_container { display: block; } #main_banner .main_banner__title { font-size: 52px; } #main_banner .main_banner__eyebrow { font-size: 20px; margin-bottom: 35px; } .filter_container_div { position: sticky; top: 85px; left: 0; margin-bottom: 0; } } @media (min-width: 600px) { .mainButton { min-width: unset; } } @media (min-width: 1200px) { #main_banner .text_container { max-width: 1170px; margin: 0 auto; padding: 96px 0 190px 0; } } </style> <script> const caseStudiesList = [ { title: 'Olivier', photo: 'https://www.idosell.com/panel/file-gate.php?id=477467&ext=.jpg', paragraphText: 'Jak daleko można zajść, sprzedając obuwie? - droga marki Olivier do sukcesu w e-commerce', category: 'Fashion', link: 'https://www.idosell.com/pl/jak-daleko-mozna-zajsc-sprzedajac-obuwie/' }, { title: 'Forever', photo: 'https://www.idosell.com/panel/file-gate.php?id=324861&ext=.jpg', paragraphText: 'Dlaczego rozpoznawalny brand założył sklep internetowy? ', category: 'Inne', link: 'https://www.idosell.com/pl/historie-klientow-idosell/dlaczego-rozpoznawalny-brand-zalozyl-sklep-internetowy/' }, { title: 'Poszetka', photo: 'https://www.idosell.com/panel/file-gate.php?id=318462&ext=.jpg', paragraphText: 'Twist w modzie klasycznej – jak rozwinąć sklep internetowy i zbudować markę w branży fashion? ', category: 'Fashion', link: 'https://www.idosell.com/pl/historie-klientow-idosell/poszetka-twist-w-modzie-klasycznej/' }, { title: 'Karakter', photo: 'https://www.idosell.com/panel/file-gate.php?id=313856&ext=.jpg', paragraphText: ',,Wydajemy, co się nam podoba” - czyli e-commerce na własnych zasadach', category: 'Inne', link: 'https://www.idosell.com/pl/historie-klientow-idosell/wydajemy-co-sie-nam-podoba-czyli-e-commerce-na-wlasnych-zasadach/' }, { title: '4FIZJO', photo: 'https://www.idosell.com/panel/file-gate.php?id=306955&ext=.jpg', paragraphText: ',,Nasz rozwój był tak dynamiczny, że zauważyliśmy, iż nie ma lepszej opcji niż powierzyć sklep profesjonalistom”', category: 'Sport', link: 'https://www.idosell.com/pl/historie-klientow-idosell/nasz-rozwoj-byl-tak-dynamiczny-ze-zauwazylismy-iz-nie-ma-lepszej-opcji-niz-powierzyc-sklep-profesjonalistom-historia-sukcesu-4fizjo/' }, { title: 'RoyalStone', photo: 'https://www.idosell.com/panel/file-gate.php?id=301260&ext=.jpg', paragraphText: ',,Nie odczuliśmy tej migracji, nie zauważyliśmy żadnego tąpnięcia” - historia sklepu Royal-Stone', category: 'Fashion', link: 'https://www.idosell.com/pl/historie-klientow-idosell/-nie-odczulismy-tej-migracji-nie-zauwazylismy-zadnego-tapniecia-dlaczego-warto-przeniesc-e-sklep-do-idosell/' }, { title: 'CIECH Sarzyna', photo: 'https://www.idosell.com/panel/file-gate.php?id=301259&ext=.jpg', paragraphText: 'Jak wykorzystać otwarte API od IdoSell? - wdrożenie sklepu internetowego CIECH Sarzyna', category: 'Inne', link: 'https://www.idosell.com/pl/historie-klientow-idosell/jak-wykorzystac-otwarte-api-od-idosell-wdrozenie-sklepu-internetowego-ciech-sarzyna/' }, { title: 'LokiKoki', photo: 'https://www.idosell.com/panel/file-gate.php?id=292676&ext=.jpg', paragraphText: 'Jak zwiększyć wartość zamówień o 25% i stać się liderem w branży profesjonalnej pielęgnacji włosów?', category: 'Beauty', link: 'https://www.idosell.com/pl/historie-klientow-idosell/jak-zwiekszyc-wartosc-zamowien-o-25-i-stac-sie-liderem-w-branzy-profesjonalnej-pielegnacji-wlosow/' }, { title: 'goodlookin', photo: 'https://www.idosell.com/panel/file-gate.php?id=281086&ext=.jpg', paragraphText: '"Skalowanie w każdym sklepie internetowym to podstawa” - jak rozwinąć biznes w e-commerce?', category: 'Fashion', link: 'https://www.idosell.com/pl/historie-klientow-idosell/-skalowanie-w-kazdym-sklepie-internetowym-to-podstawa-jak-rozwinac-biznes-w-e-commerce/' }, { title: 'Zielona Esencja', photo: 'https://www.idosell.com/panel/file-gate.php?id=264914&ext=.jpg', paragraphText: 'Własna marka w e-commerce oparta o wartości i platformę IdoSell', category: 'Food', link: 'https://www.idosell.com/pl/case-studies-idosell/zielona-esencja/' }, { title: 'iRybka', photo: 'https://www.idosell.com/panel/file-gate.php?id=254772&ext=.jpg', paragraphText: 'Sprzedaż świeżych ryb w sklepie internetowym', category: 'Food', link: 'https://www.idosell.com/pl/inspiracje-ciekawe-przyklady-sklepow-i-opinie-klientow-o-idosell/ciekawe-case-studies-sklepow-idosell/sprzedaz-swiezych-ryb-w-sklepie-internetowym-case-study-z-irybka-pl/' }, { title: 'Flamqa', photo: 'https://www.idosell.com/panel/file-gate.php?id=233743&ext=.jpg', paragraphText: ',,Dobra świeca powinna być niczym dobre perfumy” - e‑commerce w branży kraftowej', category: 'Home Decor', link: 'https://www.idosell.com/pl/inspiracje-ciekawe-przyklady-sklepow-i-opinie-klientow-o-idosell/ciekawe-case-studies-sklepow-idosell/flamqa/' }, { title: 'Klocki.edu.pl', photo: 'https://www.idosell.com/panel/file-gate.php?id=233742&ext=.jpg', paragraphText: 'Sukces zbudowany na klockach i platformie IdoSell', category: 'Kids', link: 'https://www.idosell.com/pl/inspiracje-ciekawe-przyklady-sklepow-i-opinie-klientow-o-idosell/ciekawe-case-studies-sklepow-idosell/sukces-zbudowany-na-klockach-i-platformie-idosell/' }, { title: 'Growtent', photo: 'https://www.idosell.com/panel/file-gate.php?id=233741&ext=.jpg', paragraphText: 'Zaczęli od białych truskawek, skończyli na świetnie funkcjonującym biznesie', category: 'Home Decor', link: 'https://www.idosell.com/pl/inspiracje-ciekawe-przyklady-sklepow-i-opinie-klientow-o-idosell/ciekawe-case-studies-sklepow-idosell/growtent/' }, { title: 'TuZwierzaki', photo: 'https://www.idosell.com/panel/file-gate.php?id=233740&ext=.jpg', paragraphText: 'Praca koncepcyjna kluczem do sukcesu w e‑commerce', category: 'Pets', link: 'https://www.idosell.com/pl/inspiracje-ciekawe-przyklady-sklepow-i-opinie-klientow-o-idosell/ciekawe-case-studies-sklepow-idosell/tuzwierzaki-video/' }, { title: 'Ministerstwo Dobrego Mydła', photo: 'https://www.idosell.com/panel/file-gate.php?id=233739&ext=.jpg', paragraphText: '„My robimy mydło, a IdoSell załatwia całą resztę”.', category: 'Beauty', link: 'https://www.idosell.com/pl/inspiracje-ciekawe-przyklady-sklepow-i-opinie-klientow-o-idosell/ciekawe-case-studies-sklepow-idosell/ministerstwo-dobrego-mydla/' }, { title: 'Lee Cooper', photo: 'https://www.idosell.com/panel/file-gate.php?id=247712&ext=.jpg', paragraphText: 'Redesign i migracja sklepu internetowego', category: 'Fashion', link: 'https://www.idosell.com/pl/inspiracje-ciekawe-przyklady-sklepow-i-opinie-klientow-o-idosell/ciekawe-case-studies-sklepow-idosell/leecooper/' }, { title: 'Paese', photo: 'https://www.idosell.com/panel/file-gate.php?id=247710&ext=.jpg', paragraphText: 'Subtelny design współgrający z asortymentem sklepu', category: 'Beauty', link: 'https://www.idosell.com/pl/inspiracje-ciekawe-przyklady-sklepow-i-opinie-klientow-o-idosell/ciekawe-case-studies-sklepow-idosell/subtelny-design-wspolgrajacy-z-asortymentem-sklepu-case-study-paese/' }, { title: 'PatShop', photo: 'https://www.idosell.com/panel/file-gate.php?id=247711&ext=.jpg', paragraphText: ',,Sokół ruszył tę machinę” - od mody hip-hopowej do świetnie funkcjonującego e‑commerce', category: 'Fashion', link: 'https://www.idosell.com/pl/inspiracje-ciekawe-przyklady-sklepow-i-opinie-klientow-o-idosell/ciekawe-case-studies-sklepow-idosell/patshop/' }, { title: 'Visby', photo: 'https://www.idosell.com/panel/file-gate.php?id=247713&ext=.jpg', paragraphText: 'Dlaczego SaaS znów okazał się lepszy od Open Source?', category: 'Home Decor', link: 'https://www.idosell.com/pl/inspiracje-ciekawe-przyklady-sklepow-i-opinie-klientow-o-idosell/ciekawe-case-studies-sklepow-idosell/dlaczego-saas-znow-okazal-sie-lepszy-od-open-source-inspirujaca-historia-visby/' }, { title: 'Guardianinter', photo: 'https://www.idosell.com/panel/file-gate.php?id=247699&ext=.jpg', paragraphText: 'Automatyzacja procesów sposobem na oszczędność czasu', category: 'Health', link: 'https://www.idosell.com/pl/inspiracje-ciekawe-przyklady-sklepow-i-opinie-klientow-o-idosell/ciekawe-case-studies-sklepow-idosell/automatyzacja-procesow-sposobem-na-oszczednosc-czasu-historia-sklepow-internetowych-firmy-noveris/' }, { title: 'Betelli', photo: 'https://www.idosell.com/panel/file-gate.php?id=251423&ext=.jpg', paragraphText: 'Ekspansja na rynki zagraniczne powodem migracji na IdoSell', category: 'Fashion', link: 'https://www.idosell.com/pl/inspiracje-ciekawe-przyklady-sklepow-i-opinie-klientow-o-idosell/ciekawe-case-studies-sklepow-idosell/ekspansja-na-rynki-zagraniczne-powodem-migracji-na-idosell-historia-sklepu-betelli-pl/' }, { title: 'ZooArt', photo: 'https://www.idosell.com/panel/file-gate.php?id=251443&ext=.jpg', paragraphText: 'Od małego sklepu do lidera na rynku artykułów zoologicznych', category: 'Pets', link: 'https://www.idosell.com/pl/inspiracje-ciekawe-przyklady-sklepow-i-opinie-klientow-o-idosell/ciekawe-case-studies-sklepow-idosell/od-malego-sklepu-do-lidera-na-rynku-artykulow-zoologicznych-historia-sklepu-zooart//' }, { title: 'Konesso', photo: 'https://www.idosell.com/panel/file-gate.php?id=251431&ext=.jpg', paragraphText: 'Inspiracje kawą pachnące', category: 'Food', link: 'https://www.idosell.com/pl/inspiracje-ciekawe-przyklady-sklepow-i-opinie-klientow-o-idosell/ciekawe-case-studies-sklepow-idosell/inspiracje-kawa-pachnace-czyli-case-study-ze-sklepem-konesso-pl/' }, { title: 'Malama', photo: 'https://www.idosell.com/panel/file-gate.php?id=251434&ext=.jpg', paragraphText: '„Migracja na IdoSell była naszą jedyną szansą na rozwój"', category: 'Kids', link: 'https://www.idosell.com/pl/inspiracje-ciekawe-przyklady-sklepow-i-opinie-klientow-o-idosell/inspiracje-iai-czyli-historie-wyjatkowych-sklepow-internetowych-/-migracja-na-idosell-byla-nasza-jedyna-szansa-na-rozwoj-inspirujaca-historia-malama-pl/' }, { title: 'Ombre', photo: 'https://www.idosell.com/panel/file-gate.php?id=251437&ext=.jpg', paragraphText: 'Jak bić kolejne rekordy?', category: 'Fashion', link: 'https://www.idosell.com/pl/inspiracje-ciekawe-przyklady-sklepow-i-opinie-klientow-o-idosell/inspiracje-iai-czyli-historie-wyjatkowych-sklepow-internetowych-/jak-bic-kolejne-rekordy-inspiracja-idosell-ze-sklepem-ombre-pl/' }, { title: 'Goodlookin', photo: 'https://www.idosell.com/panel/file-gate.php?id=251429&ext=.jpg', paragraphText: 'Dynamicznie rozwijający się sklep goodlookin.pl migruje do IdoSell', category: 'Fashion', link: 'https://www.idosell.com/pl/inspiracje-ciekawe-przyklady-sklepow-i-opinie-klientow-o-idosell/inspiracje-iai-czyli-historie-wyjatkowych-sklepow-internetowych-/dynamicznie-rozwijajacy-sie-sklep-goodlookin-pl-migruje-do-idosell/' }, { title: 'Sportclub', photo: 'https://www.idosell.com/panel/file-gate.php?id=251441&ext=.jpg', paragraphText: 'Migracja do IdoSell wpłynęła na szybki rozwój sklepu', category: 'Sport', link: 'https://www.idosell.com/pl/inspiracje-ciekawe-przyklady-sklepow-i-opinie-klientow-o-idosell/opinie-klientow-idosell/migracja-na-iai-shop-com-wplynela-na-szybki-rozwoj-sklepu-sportclub-com-pl/' }, { title: 'La Selection', photo: 'https://www.idosell.com/panel/file-gate.php?id=251432&ext=.jpg', paragraphText: 'Szeroki wybór narzędzi do modyfikacji sklepu oraz integracje i wielkie możliwości silnika sklepu', category: 'Beauty', link: 'https://www.idosell.com/pl/inspiracje-ciekawe-przyklady-sklepow-i-opinie-klientow-o-idosell/opinie-klientow-idosell/szeroki-wybor-narzedzi-do-modyfikacji-sklepu-oraz-integracje-i-wielkie-mozliwosci-silnika-sklepu-historia-sklepu-laselection/' }, { title: 'Kaja Sport', photo: 'https://www.idosell.com/panel/file-gate.php?id=251430&ext=.jpg', paragraphText: 'Sprzedaż hurtowa (B2B)', category: 'Sport', link: 'https://www.idosell.com/pl/inspiracje-ciekawe-przyklady-sklepow-i-opinie-klientow-o-idosell/opinie-klientow-idosell/sprzedaz-hurtowa-b2b-w-kajasport-pl/' }, { title: 'Foodlovers', photo: 'https://www.idosell.com/panel/file-gate.php?id=251427&ext=.jpg', paragraphText: 'Wdrożenie IdoSell dla Foodlovers', category: 'Food', link: 'https://www.idosell.com/pl/inspiracje-ciekawe-przyklady-sklepow-i-opinie-klientow-o-idosell/opinie-klientow-idosell/wdrozenie-iai-shop-com-dla-foodlovers/' }, { title: 'Drewniaczek', photo: 'https://www.idosell.com/panel/file-gate.php?id=251425&ext=.jpg', paragraphText: 'Kolejna historia z happy endem - przejście sklepu Drewniaczek.eu do IdoSell', category: 'Kids', link: 'https://www.idosell.com/pl/inspiracje-ciekawe-przyklady-sklepow-i-opinie-klientow-o-idosell/opinie-klientow-idosell/kolejna-historia-z-happy-endem-przejscie-sklepu-drewniaczek-eu-na-iai-shop-com/' }, { title: 'Top Racing', photo: 'https://www.idosell.com/panel/file-gate.php?id=251442&ext=.jpg', paragraphText: 'Sprzedaż zagraniczna i wiele sklepów w jednym panelu administracyjnym', category: 'Moto', link: 'https://www.idosell.com/pl/inspiracje-ciekawe-przyklady-sklepow-i-opinie-klientow-o-idosell/ciekawe-case-studies-sklepow-idosell/sprzedaz-zagraniczna-i-wiele-sklepow-w-1-panelu-administracyjnym-case-study-top-racing/' }, { title: 'Bazar Dekoracji', photo: 'https://www.idosell.com/panel/file-gate.php?id=251422&ext=.jpg', paragraphText: 'Właścicielka pomysłowego sklepu Bazardekoracji.pl wyjaśnia dlaczego zdecydowała się na IdoSell', category: 'Inne', link: 'https://www.idosell.com/pl/inspiracje-ciekawe-przyklady-sklepow-i-opinie-klientow-o-idosell/opinie-klientow-idosell/wlascicielka-pomyslowego-sklepu-bazardekoracji-pl-wyjasnia-dlaczego-zdecydowala-sie-na-usluge-iai-shop-com/' }, { title: 'Sortmund', photo: 'https://www.idosell.com/panel/file-gate.php?id=251440&ext=.jpg', paragraphText: 'Prawdziwy SaaS daje nam nieograniczone możliwości rozwoju', category: 'Inne', link: 'https://www.idosell.com/pl/inspiracje-ciekawe-przyklady-sklepow-i-opinie-klientow-o-idosell/ciekawe-case-studies-sklepow-idosell/prawdziwy-saas-daje-nam-nieograniczone-mozliwosci-rozwoju-case-study-sortmund-pl/' }, { title: 'Lidia Kalita', photo: 'https://www.idosell.com/panel/file-gate.php?id=251433&ext=.jpg', paragraphText: 'Sprzedaż w internecie planem na rozwój marki Lidia Kalita', category: 'Fashion', link: 'https://www.idosell.com/pl/inspiracje-ciekawe-przyklady-sklepow-i-opinie-klientow-o-idosell/inspiracje-iai-czyli-historie-wyjatkowych-sklepow-internetowych-/sprzedaz-w-internecie-planem-na-rozwoj-marki-lidia-kalita-inspiracja-iai-shop-com/' }, { title: 'California Skate Shop', photo: 'https://www.idosell.com/panel/file-gate.php?id=251424&ext=.jpg', paragraphText: 'Ciekawa grafika spójna z tematyką sklepu', category: 'Fashion', link: 'https://www.idosell.com/pl/inspiracje-ciekawe-przyklady-sklepow-i-opinie-klientow-o-idosell/inspiracje-iai-czyli-historie-wyjatkowych-sklepow-internetowych-/ciekawa-grafika-spojna-z-tematyka-sklepu-californiaskateshop-pl-inspiracja-idosell/' }, { title: 'My Kotty', photo: 'https://www.idosell.com/panel/file-gate.php?id=251436&ext=.jpg', paragraphText: 'Unikalne funkcje i sprzedaż na całym świecie', category: 'Pets', link: 'https://www.idosell.com/pl/inspiracje-ciekawe-przyklady-sklepow-i-opinie-klientow-o-idosell/ciekawe-case-studies-sklepow-idosell/unikalne-funkcje-i-sprzedaz-na-calym-swiecie-case-study-z-mykotty-pl/' }, { title: 'Outlet RTV AGD', photo: 'https://www.idosell.com/panel/file-gate.php?id=251421&ext=.jpg', paragraphText: 'Bogactwo funkcji i ciekawa perspektywa rozwojowa sklepu', category: 'Home Decor', link: 'https://www.idosell.com/pl/inspiracje-ciekawe-przyklady-sklepow-i-opinie-klientow-o-idosell/ciekawe-case-studies-sklepow-idosell/bogacto-funkcji-i-ciekawa-perspektywa-rozwojowa-sklepu-outletrtvagd-pl-case-study-iai-shop-com/' }, { title: 'Felgeo', photo: 'https://www.idosell.com/panel/file-gate.php?id=251426&ext=.jpg', paragraphText: 'Prawdopodobnie największy polski sklep internetowy z felgami', category: 'Moto', link: 'https://www.idosell.com/pl/inspiracje-ciekawe-przyklady-sklepow-i-opinie-klientow-o-idosell/ciekawe-case-studies-sklepow-idosell/felgeo-pl-czyli-prawdopodobnie-najwiekszy-polski-sklep-internetowy-z-felgami/' }, { title: 'Foods by Ann', photo: 'https://www.idosell.com/panel/file-gate.php?id=251428&ext=.jpg', paragraphText: 'Sklep ze zdrową, ekologiczną żywnością Foods by Ann od Anny Lewandowskiej migruje do IdoSell', category: 'Food', link: 'https://www.idosell.com/pl/inspiracje-ciekawe-przyklady-sklepow-i-opinie-klientow-o-idosell/ciekawe-case-studies-sklepow-idosell/sklep-ze-zdrowa-ekologiczna-zywnoscia-foods-by-ann-od-anny-lewandowskiej-migruje-do-idosell/' }, { title: '9design', photo: 'https://www.idosell.com/panel/file-gate.php?id=251419&ext=.jpg', paragraphText: '9design z prestiżowym wyróżnieniem Global Innovation Awards (GIA)', category: 'Home Decor', link: 'https://www.idosell.com/pl/inspiracje-ciekawe-przyklady-sklepow-i-opinie-klientow-o-idosell/ciekawe-case-studies-sklepow-idosell/9design-z-prestizowym-wyroznieniem-global-innovation-awards-gia/' }, { title: 'Minti Shop', photo: 'https://www.idosell.com/panel/file-gate.php?id=251435&ext=.jpg', paragraphText: 'Minti Shop to sklep internetowy, który prowadzi sprzedaż wysyłkową z dostawą do domu.', category: 'Beauty', link: 'https://www.idosell.com/pl/inspiracje-ciekawe-przyklady-sklepow-i-opinie-klientow-o-idosell/ciekawe-case-studies-sklepow-idosell/minti-shop-sklep-internetowy-z-kosmetykami/' }, { title: 'Yerba Market', photo: 'https://www.idosell.com/panel/file-gate.php?id=254778&ext=.jpg', paragraphText: 'Historia sklepu Yerba Market, który w e-commerce jest od 15 lat', category: 'Food', link: 'https://www.idosell.com/pl/inspiracje-ciekawe-przyklady-sklepow-i-opinie-klientow-o-idosell/inspiracje-iai-czyli-historie-wyjatkowych-sklepow-internetowych-/historia-sklepu-yerba-market-ktory-w-e-commerce-jest-od-15-lat/' }, { title: 'Kortas', photo: 'https://www.idosell.com/panel/file-gate.php?id=254773&ext=.jpg', paragraphText: 'Minimalistyczny i przejrzysty design sklepu sposobem na skuteczną sprzedaż w modelu omnichannel', category: 'Fashion', link: 'https://www.idosell.com/pl/inspiracje-ciekawe-przyklady-sklepow-i-opinie-klientow-o-idosell/inspiracje-iai-czyli-historie-wyjatkowych-sklepow-internetowych-/minimalistyczny-i-przejrzysty-design-sklepu-sposobem-na-skuteczna-sprzedaz-w-modelu-omnichannel-inspiracja-marka-kortas/' }, { title: 'Interpack', photo: 'https://www.idosell.com/panel/file-gate.php?id=254769&ext=.jpg', paragraphText: 'Sklep Interpack.eu po 5 latach funkcjonowania na IdoSell decyduje się na redesign maski sklepu', category: 'Moto', link: 'https://www.idosell.com/pl/inspiracje-ciekawe-przyklady-sklepow-i-opinie-klientow-o-idosell/inspiracje-iai-czyli-historie-wyjatkowych-sklepow-internetowych-/sklep-interpack-eu-po-5-latach-funkcjonowania-na-idosell-decyduje-sie-na-redesign-maski-sklepu/' }, { title: 'EM-NAIL', photo: 'https://www.idosell.com/panel/file-gate.php?id=254766&ext=.jpg', paragraphText: 'Migracja sklepu EM-NAIL.PL z Prestashop na IdoSell', category: 'Beauty', link: 'https://www.idosell.com/pl/inspiracje-ciekawe-przyklady-sklepow-i-opinie-klientow-o-idosell/inspiracje-iai-czyli-historie-wyjatkowych-sklepow-internetowych-/migracja-sklepu-em-nail-pl-z-prestashop-na-idosell/' }, { title: 'Tricentre', photo: 'https://www.idosell.com/panel/file-gate.php?id=254777&ext=.jpg', paragraphText: 'Szybka migracja Tricentre.pl na IdoSell', category: 'Sport', link: 'https://www.idosell.com/pl/inspiracje-ciekawe-przyklady-sklepow-i-opinie-klientow-o-idosell/inspiracje-iai-czyli-historie-wyjatkowych-sklepow-internetowych-/szybka-migracja-tricentre-pl-na-idosell/' }, { title: 'Meblepumo', photo: 'https://www.idosell.com/panel/file-gate.php?id=254779&ext=.jpg', paragraphText: 'Migracja, a po kilku latach redesign sklepu internetowego', category: 'Home Decor', link: 'https://www.idosell.com/pl/inspiracje-ciekawe-przyklady-sklepow-i-opinie-klientow-o-idosell/inspiracje-iai-czyli-historie-wyjatkowych-sklepow-internetowych-/meblepumo-pl-migracja-a-po-kilku-latach-redesign-inspiracja-idosell/' }, { title: 'Denley', photo: 'https://www.idosell.com/panel/file-gate.php?id=254764&ext=.jpg', paragraphText: 'Minimalizm, przejrzystość oraz maksymalna funkcjonalność', category: 'Fashion', link: 'https://www.idosell.com/pl/inspiracje-ciekawe-przyklady-sklepow-i-opinie-klientow-o-idosell/inspiracje-iai-czyli-historie-wyjatkowych-sklepow-internetowych-/minimalizm-przejrzystosc-oraz-maksymalna-funkcjonalnosc-inspiracja-denley-pl/' }, { title: 'DKwadrat', photo: 'https://www.idosell.com/panel/file-gate.php?id=254767&ext=.jpg', paragraphText: 'Migracja i dostosowanie wyglądu sklepu DKwadrat', category: 'Home Decor', link: 'https://www.idosell.com/pl/inspiracje-ciekawe-przyklady-sklepow-i-opinie-klientow-o-idosell/inspiracje-iai-czyli-historie-wyjatkowych-sklepow-internetowych-/migracja-i-dostosowanie-wygladu-sklepu-d-kwadrat-inspiracja-idosell/' }, { title: 'Sylwia Majdan', photo: 'https://www.idosell.com/panel/file-gate.php?id=254775&ext=.jpg', paragraphText: 'Wykorzystujemy lookbooki przy wprowadzaniu każdej kolekcji', category: 'Fashion', link: 'https://www.idosell.com/pl/inspiracje-ciekawe-przyklady-sklepow-i-opinie-klientow-o-idosell/inspiracje-iai-czyli-historie-wyjatkowych-sklepow-internetowych-/wykorzystujemy-lookbooki-przy-wprowadzaniu-kazdej-kolekcji-inspiracje-sylwia-majdan/' } ] const filtersContainerButton = document.querySelector( ".filters_container_button" ); const filtersDiv = document.querySelector(".filter_container_div"); const resetButtonContainer = document.querySelector("#reset_button"); const caseStudiesContainer = document.querySelector( "#case_studies_container" ); const filterContainer = document.getElementById("filter_container"); // Tworzenie kategorii let allCategories = []; function createFiltersList(caseStudy) { if (!allCategories.includes(caseStudy.category)) { allCategories.push(caseStudy.category); } } // Zdefiniowanie funkcji do filtrowania case studies bazowane na wybranych kategoriach function filterCaseStudies() { // Pobrane kategorie które są obecnie wybrane const selectedCategories = allCategories.filter((category) => { const checkbox = document.getElementById(category); return checkbox && checkbox.checked; }); // Jeśli "all" jest wybrane, pokaż wszystkie case studies if ( selectedCategories.length === 0 || selectedCategories.includes("all") ) { return caseStudiesList; } // W przeciwnym wypadku, przefiltruj case studies przez wybraną kategorię return caseStudiesList.filter((caseStudy) => { return selectedCategories.includes(caseStudy.category); }); } function createNewContainer(caseStudy) { // Tworzenie nowego elementy dla case study const newDiv = document.createElement("div"); const newh3 = document.createElement("h3"); newh3.classList.add('case_study_header'); const newParagraph = document.createElement("p"); const newLinkImage = document.createElement("a"); const newLinkTitle = document.createElement("a"); const newImage = document.createElement("img"); newParagraph.classList.add('paragraph'); // Ustawione atrybuty i tekst dla elementów newLinkImage.href = caseStudy.link; newLinkTitle.href = caseStudy.link; newImage.src = caseStudy.photo; newImage.alt = `Case Study IdoSell - ${caseStudy.title}` // newImage.loading = "lazy"; newLinkImage.append(newImage); newh3.innerText = caseStudy.title; newLinkTitle.append(newh3); newParagraph.innerText = caseStudy.paragraphText; // Dodane elementy do kontenera newDiv.append(newLinkImage); newDiv.append(newLinkTitle); newDiv.append(newParagraph); newDiv.classList.add("case_study_item"); // Dodany kontener z divami do kontenera case studies caseStudiesContainer.append(newDiv); } function showAllFilters() { // Stwórz checkboxy dla każdej kategorii for (const category of allCategories) { const filterElement = document.createElement("input"); const newLabelContainer = document.createElement("div"); filterElement.type = "checkbox"; filterElement.id = category; const labelElement = document.createElement("label"); labelElement.setAttribute("for", category); labelElement.innerHTML = category; labelElement.classList.add("label_case_study"); newLabelContainer.classList.add("label_container"); newLabelContainer.append(labelElement); const containerOneFilterElement = document.createElement("div"); containerOneFilterElement.classList.add("one_filter_container"); containerOneFilterElement.append(filterElement); containerOneFilterElement.append(newLabelContainer); // Kiedy checkbox kategoria jest zaznaczona, updatuj case studies filterElement.addEventListener("click", () => { // Filtruj case studies poprzez kategorię const filteredCaseStudies = filterCaseStudies(); // Usuń istniejące elementy case studies caseStudiesContainer .querySelectorAll(".case_study_item") .forEach((item) => { item.remove(); }); // Usuń nowe elementy przez każdy case study filteredCaseStudies.map((caseStudy) => { createNewContainer(caseStudy); }); }); filterContainer.appendChild(containerOneFilterElement); } } const allCheckbox = document.getElementById("all"); // Stworzenie listy kategorii caseStudiesList.forEach((caseStudy) => createFiltersList(caseStudy)); // Stwórz checkboxy i poka case studies showAllFilters(); // Wybierz wyfiltrowane case studies const filteredCaseStudies = filterCaseStudies(); // Mapowanie nowych elementów z filtrowanych postów filteredCaseStudies.map((caseStudy) => { createNewContainer(caseStudy); }); function resetFilters() { // Odznaczenie wszystkich checkboxów const checkboxes = document.querySelectorAll("input[type=checkbox]"); checkboxes.forEach((checkbox) => { checkbox.checked = false; }); // Filtruj case studies, aby pokazać wszystkie kategorie const filteredCaseStudies = filterCaseStudies(); // Usuwanie obecnych elementów case studies caseStudiesContainer .querySelectorAll(".case_study_item") .forEach((item) => { item.remove(); }); // Tworzenie nowych elementów dla każdego case study filteredCaseStudies.map((caseStudy) => { createNewContainer(caseStudy); }); } // Utworzenie buttonów, aby zresetować filtry const resetButton = document.createElement("button"); resetButton.innerHTML = "Wyczyść filtry"; resetButton.classList.add("link", "--small", "--underline", "bolded"); resetButton.addEventListener("click", resetFilters); resetButtonContainer.append(resetButton); </script> <style> .splide__container { box-sizing: border-box; position: relative; } .case_study_header { font-size: 32px; font-weight: 400; margin-bottom: 15px; } .case_study_item { max-width: 400px; } .call_to_action__buttons { margin-top: 35px; } .call_to_action__buttons .btn.mainButton { width: 200px; text-transform: unset; font-weight: 400; font-size: 16px; margin-bottom: 15px; } .call_to_action__buttons .btn.mainButton.--outline { border: 1.5px solid black; color: black; } @media (min-width: 757px) { .call_to_action__buttons .btn.mainButton.--outline { margin-left: 15px; } } @media (min-width: 979px) { .call_to_action__buttons .btn.mainButton.--outline { margin-left: 0; } } .splide__list { -webkit-backface-visibility: hidden; backface-visibility: hidden; display: -ms-flexbox; display: flex; height: 100%; margin: 0 !important; padding: 0 !important; transform-style: preserve-3d; } .splide.is-initialized:not(.is-active) .splide__list { display: block; } .splide__pagination { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; margin: 0; margin-top: -35px; pointer-events: none; } .splide__pagination li { display: inline-block; line-height: 1; list-style-type: none; margin: 0; pointer-events: auto; } .splide__progress__bar { width: 0; } .splide { outline: none; position: relative; visibility: hidden; } .splide.is-initialized, .splide.is-rendered { visibility: visible; } .splide__slide { -webkit-backface-visibility: hidden; backface-visibility: hidden; box-sizing: border-box; -ms-flex-negative: 0; flex-shrink: 0; list-style-type: none !important; margin: 0; outline: none; position: relative; display: flex; flex-direction: column; justify-content: space-between; } .splide__slide img { vertical-align: bottom; } .splide__slider { position: relative; } .splide__spinner { animation: splide-loading 1s linear infinite; border: 2px solid #999; border-left-color: transparent; border-radius: 50%; display: inline-block; height: 20px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 20px; } .splide__track { overflow: hidden; position: relative; z-index: 0; } @keyframes splide-loading { 0% { transform: rotate(0); } to { transform: rotate(1turn); } } .splide--draggable > .splide__slider > .splide__track, .splide--draggable > .splide__track { -webkit-user-select: none; -ms-user-select: none; user-select: none; } .splide--fade > .splide__slider > .splide__track > .splide__list, .splide--fade > .splide__track > .splide__list { display: block; } .splide--fade > .splide__slider > .splide__track > .splide__list > .splide__slide, .splide--fade > .splide__track > .splide__list > .splide__slide { left: 0; opacity: 0; position: absolute; top: 0; z-index: 0; } .splide--fade > .splide__slider > .splide__track > .splide__list > .splide__slide.is-active, .splide--fade > .splide__track > .splide__list > .splide__slide.is-active { opacity: 1; position: relative; z-index: 1; } .splide--rtl { direction: rtl; } .splide--ttb.is-active > .splide__slider > .splide__track > .splide__list, .splide--ttb.is-active > .splide__track > .splide__list { display: block; } .splide__arrow { -ms-flex-align: center; align-items: center; background: #ccc; border: 0; border-radius: 50%; cursor: pointer; display: -ms-flexbox; display: flex; height: 40px; -ms-flex-pack: center; justify-content: center; opacity: 0.7; padding: 0; position: absolute; top: 50%; transform: translateY(-50%); width: 40px; z-index: 1; } .splide__arrow svg { fill: #fff; height: 1.2em; width: 1.2em; } .splide__arrow:hover { opacity: 0.9; } .splide__arrow:focus { outline: none; } .splide__arrow--prev svg { transform: scaleX(-1); } .splide__arrow--next { right: 0; } .splide__pagination { left: 0; padding: 0; position: absolute; right: 0; z-index: 1; } .splide__pagination__page { background: transparent; border: 1.5px solid white; border-radius: 50%; display: inline-block; height: 10px; margin: 3px; opacity: 1; padding: 0; transition: transform 0.2s linear; width: 10px; } .splide__pagination__page.is-active { background: white; } .splide__pagination__page:hover { cursor: pointer; opacity: 0.9; } .splide__pagination__page:focus { outline: none; } .splide__progress__bar { background: #ccc; height: 3px; } .splide--nav > .splide__slider > .splide__track > .splide__list > .splide__slide, .splide--nav > .splide__track > .splide__list > .splide__slide { border: 3px solid transparent; cursor: pointer; } .splide--nav > .splide__slider > .splide__track > .splide__list > .splide__slide.is-active, .splide--nav > .splide__track > .splide__list > .splide__slide.is-active { border: 3px solid #000; } .splide--nav > .splide__slider > .splide__track > .splide__list > .splide__slide:focus, .splide--nav > .splide__track > .splide__list > .splide__slide:focus { outline: none; } .splide--rtl > .splide__arrows .splide__arrow--prev, .splide--rtl > .splide__slider > .splide__track > .splide__arrows .splide__arrow--prev, .splide--rtl > .splide__track > .splide__arrows .splide__arrow--prev { left: auto; right: 1em; } .splide--rtl > .splide__arrows .splide__arrow--prev svg, .splide--rtl > .splide__slider > .splide__track > .splide__arrows .splide__arrow--prev svg, .splide--rtl > .splide__track > .splide__arrows .splide__arrow--prev svg { transform: scaleX(1); } .splide--rtl > .splide__arrows .splide__arrow--next, .splide--rtl > .splide__slider > .splide__track > .splide__arrows .splide__arrow--next, .splide--rtl > .splide__track > .splide__arrows .splide__arrow--next { left: 1em; right: auto; } .splide--rtl > .splide__arrows .splide__arrow--next svg, .splide--rtl > .splide__slider > .splide__track > .splide__arrows .splide__arrow--next svg, .splide--rtl > .splide__track > .splide__arrows .splide__arrow--next svg { transform: scaleX(-1); } .splide--ttb > .splide__arrows .splide__arrow, .splide--ttb > .splide__slider > .splide__track > .splide__arrows .splide__arrow, .splide--ttb > .splide__track > .splide__arrows .splide__arrow { left: 50%; transform: translate(-50%); } .splide--ttb > .splide__arrows .splide__arrow--prev, .splide--ttb > .splide__slider > .splide__track > .splide__arrows .splide__arrow--prev, .splide--ttb > .splide__track > .splide__arrows .splide__arrow--prev { top: 1em; } .splide--ttb > .splide__arrows .splide__arrow--prev svg, .splide--ttb > .splide__slider > .splide__track > .splide__arrows .splide__arrow--prev svg, .splide--ttb > .splide__track > .splide__arrows .splide__arrow--prev svg { transform: rotate(-90deg); } .splide--ttb > .splide__arrows .splide__arrow--next, .splide--ttb > .splide__slider > .splide__track > .splide__arrows .splide__arrow--next, .splide--ttb > .splide__track > .splide__arrows .splide__arrow--next { bottom: 1em; top: auto; } .splide--ttb > .splide__arrows .splide__arrow--next svg, .splide--ttb > .splide__slider > .splide__track > .splide__arrows .splide__arrow--next svg, .splide--ttb > .splide__track > .splide__arrows .splide__arrow--next svg { transform: rotate(90deg); } .splide--ttb > .splide__pagination, .splide--ttb > .splide__slider > .splide__pagination { bottom: 0; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; left: auto; padding: 1em 0; right: 0.5em; top: 0; } @media (min-width: 979px) { .splide__slide { flex-direction: row; } } .splide__slide { } .splide__arrows { position: absolute; right: 0; z-index: 10; display: none; } #splide .splide__arrows { top: 50%; transform: translateY(calc(-50% - 25px)); width: 100%; } #splide2 .splide__arrows { top: -52px; width: 100px; } </style> <script> function _defineProperties(n, t) { for (var e = 0; e < t.length; e++) { var i = t[e]; (i.enumerable = i.enumerable || !1), (i.configurable = !0), "value" in i && (i.writable = !0), Object.defineProperty(n, i.key, i); } } function _createClass(n, t, e) { return ( t && _defineProperties(n.prototype, t), e && _defineProperties(n, e), Object.defineProperty(n, "prototype", { writable: !1 }), n ); } !(function (n, t) { "object" == typeof exports && "undefined" != typeof module ? (module.exports = t()) : "function" == typeof define && define.amd ? define(t) : ((n = "undefined" != typeof globalThis ? globalThis : n || self).Splide = t()); })(this, function () { "use strict"; var d = "(prefers-reduced-motion: reduce)", R = 4, W = 5, n = { CREATED: 1, MOUNTED: 2, IDLE: 3, MOVING: R, SCROLLING: W, DRAGGING: 6, DESTROYED: 7, }; function x(n) { n.length = 0; } function _(n, t, e) { return Array.prototype.slice.call(n, t, e); } function D(n) { return n.bind.apply(n, [null].concat(_(arguments, 1))); } function G() {} var v = setTimeout; function p(n) { return requestAnimationFrame(n); } function t(n, t) { return typeof t === n; } function X(n) { return !r(n) && t("object", n); } var o = Array.isArray, w = D(t, "function"), M = D(t, "string"), z = D(t, "undefined"); function r(n) { return null === n; } function g(n) { return n instanceof HTMLElement; } function m(n) { return o(n) ? n : [n]; } function y(n, t) { m(n).forEach(t); } function b(n, t) { return -1 < n.indexOf(t); } function E(n, t) { return n.push.apply(n, m(t)), n; } function L(t, n, e) { t && y(n, function (n) { n && t.classList[e ? "add" : "remove"](n); }); } function P(n, t) { L(n, M(t) ? t.split(" ") : t, !0); } function C(n, t) { y(t, n.appendChild.bind(n)); } function k(n, e) { y(n, function (n) { var t = (e || n).parentNode; t && t.insertBefore(n, e); }); } function B(n, t) { return g(n) && (n.msMatchesSelector || n.matches).call(n, t); } function S(n, t) { n = n ? _(n.children) : []; return t ? n.filter(function (n) { return B(n, t); }) : n; } function A(n, t) { return t ? S(n, t)[0] : n.firstElementChild; } var h = Object.keys; function N(n, t, e) { if (n) for ( var i = h(n), i = e ? i.reverse() : i, o = 0; o < i.length; o++ ) { var r = i[o]; if ("__proto__" !== r && !1 === t(n[r], r)) break; } return n; } function T(i) { return ( _(arguments, 1).forEach(function (e) { N(e, function (n, t) { i[t] = e[t]; }); }), i ); } function O(e) { return ( _(arguments, 1).forEach(function (n) { N(n, function (n, t) { o(n) ? (e[t] = n.slice()) : X(n) ? (e[t] = O({}, X(e[t]) ? e[t] : {}, n)) : (e[t] = n); }); }), e ); } function I(t, n) { m(n || h(t)).forEach(function (n) { delete t[n]; }); } function F(n, e) { y(n, function (t) { y(e, function (n) { t && t.removeAttribute(n); }); }); } function j(e, t, i) { X(t) ? N(t, function (n, t) { j(e, t, n); }) : y(e, function (n) { r(i) || "" === i ? F(n, t) : n.setAttribute(t, String(i)); }); } function H(n, t, e) { n = document.createElement(n); return t && (M(t) ? P : j)(n, t), e && C(e, n), n; } function Y(n, t, e) { if (z(e)) return getComputedStyle(n)[t]; r(e) || (n.style[t] = "" + e); } function q(n, t) { Y(n, "display", t); } function U(n) { (n.setActive && n.setActive()) || n.focus({ preventScroll: !0 }); } function K(n, t) { return n.getAttribute(t); } function J(n, t) { return n && n.classList.contains(t); } function Q(n) { return n.getBoundingClientRect(); } function V(n) { y(n, function (n) { n && n.parentNode && n.parentNode.removeChild(n); }); } function Z(n) { return A(new DOMParser().parseFromString(n, "text/html").body); } function $(n, t) { n.preventDefault(), t && (n.stopPropagation(), n.stopImmediatePropagation()); } function nn(n, t) { return n && n.querySelector(t); } function tn(n, t) { return t ? _(n.querySelectorAll(t)) : []; } function en(n, t) { L(n, t, !1); } function on(n) { return n.timeStamp; } function rn(n) { return M(n) ? n : n ? n + "px" : ""; } var un = "splide", i = "data-" + un; function sn(n, t) { if (!n) throw new Error("[" + un + "] " + (t || "")); } var cn = Math.min, an = Math.max, fn = Math.floor, ln = Math.ceil, dn = Math.abs; function pn(n, t, e) { return dn(n - t) < e; } function hn(n, t, e, i) { var o = cn(t, e), e = an(t, e); return i ? o < n && n < e : o <= n && n <= e; } function vn(n, t, e) { var i = cn(t, e), e = an(t, e); return cn(an(i, n), e); } function gn(n) { return (0 < n) - (n < 0); } function mn(t, n) { return ( y(n, function (n) { t = t.replace("%s", "" + n); }), t ); } function yn(n) { return n < 10 ? "0" + n : "" + n; } var bn = {}; function wn() { var s = []; function e(n, e, i) { y(n, function (t) { t && y(e, function (n) { n.split(" ").forEach(function (n) { n = n.split("."); i(t, n[0], n[1]); }); }); }); } return { bind: function (n, t, r, u) { e(n, t, function (n, t, e) { var i = "addEventListener" in n, o = i ? n.removeEventListener.bind(n, t, r, u) : n.removeListener.bind(n, r); i ? n.addEventListener(t, r, u) : n.addListener(r), s.push([n, t, e, r, o]); }); }, unbind: function (n, t, o) { e(n, t, function (t, e, i) { s = s.filter(function (n) { return ( !!( n[0] !== t || n[1] !== e || n[2] !== i || (o && n[3] !== o) ) || (n[4](), !1) ); }); }); }, dispatch: function (n, t, e) { var i; return ( "function" == typeof CustomEvent ? (i = new CustomEvent(t, { bubbles: !0, detail: e })) : (i = document.createEvent("CustomEvent")).initCustomEvent( t, !0, !1, e ), n.dispatchEvent(i), i ); }, destroy: function () { s.forEach(function (n) { n[4](); }), x(s); }, }; } var En = "mounted", Sn = "move", xn = "moved", _n = "shifted", Pn = "click", Cn = "active", kn = "inactive", Ln = "visible", An = "hidden", Dn = "slide:keydown", Mn = "refresh", zn = "updated", Nn = "resize", Tn = "resized", On = "scroll", In = "scrolled", u = "destroy", Fn = "navigation:mounted", jn = "autoplay:play", Rn = "autoplay:pause", Wn = "lazyload:loaded"; function Gn(n) { var e = n ? n.event.bus : document.createDocumentFragment(), i = wn(); return ( n && n.event.on(u, i.destroy), T(i, { bus: e, on: function (n, t) { i.bind(e, m(n).join(" "), function (n) { t.apply(t, o(n.detail) ? n.detail : []); }); }, off: D(i.unbind, e), emit: function (n) { i.dispatch(e, n, _(arguments, 1)); }, }) ); } function Xn(t, n, e, i) { var o, r, u = Date.now, s = 0, c = !0, a = 0; function f() { if (!c) { if ( ((s = t ? cn((u() - o) / t, 1) : 1), e && e(s), 1 <= s && (n(), (o = u()), i && ++a >= i)) ) return l(); p(f); } } function l() { c = !0; } function d() { r && cancelAnimationFrame(r), (c = !(r = s = 0)); } return { start: function (n) { n || d(), (o = u() - (n ? s * t : 0)), (c = !1), p(f); }, rewind: function () { (o = u()), (s = 0), e && e(s); }, pause: l, cancel: d, set: function (n) { t = n; }, isPaused: function () { return c; }, }; } function s(n) { var t = n; return { set: function (n) { t = n; }, is: function (n) { return b(m(n), t); }, }; } var e = "Arrow", Bn = e + "Left", Hn = e + "Right", c = e + "Up", a = e + "Down", Yn = "ttb", f = { width: ["height"], left: ["top", "right"], right: ["bottom", "left"], x: ["y"], X: ["Y"], Y: ["X"], ArrowLeft: [c, Hn], ArrowRight: [a, Bn], }; var qn = "role", Un = "tabindex", e = "aria-", Kn = e + "controls", Jn = e + "current", Qn = e + "selected", Vn = e + "label", Zn = e + "labelledby", $n = e + "hidden", nt = e + "orientation", tt = e + "roledescription", l = e + "live", et = e + "relevant", it = [qn, Un, "disabled", Kn, Jn, Vn, Zn, $n, nt, tt], ot = un, rt = un + "__track", ut = un + "__list", st = un + "__slide", ct = st + "--clone", at = st + "__container", ft = un + "__arrows", lt = un + "__arrow", dt = lt + "--prev", pt = lt + "--next", ht = un + "__pagination", vt = ht + "__page", gt = un + "__progress" + "__bar", mt = un + "__toggle", yt = un + "__sr", bt = "is-active", wt = "is-prev", Et = "is-next", St = "is-visible", xt = "is-loading", _t = "is-focus-in", Pt = [bt, St, wt, Et, xt, _t]; var Ct = "touchstart mousedown", kt = "touchmove mousemove", Lt = "touchend touchcancel mouseup"; var At = "slide", Dt = "loop", Mt = "fade"; function zt(o, e, t, r) { var i, n = Gn(o), u = n.on, s = n.emit, c = n.bind, a = o.Components, f = o.root, l = o.options, d = l.isNavigation, p = l.updateOnMove, h = l.i18n, v = l.pagination, g = l.slideFocus, m = a.Direction.resolve, y = K(r, "style"), b = K(r, Vn), w = -1 < t, E = A(r, "." + at), S = tn(r, l.focusableNodes || ""); function x() { var n = o.splides .map(function (n) { n = n.splide.Components.Slides.getAt(e); return n ? n.slide.id : ""; }) .join(" "); j(r, Vn, mn(h.slideX, (w ? t : e) + 1)), j(r, Kn, n), j(r, qn, g ? "button" : ""), g && F(r, tt); } function _() { i || P(); } function P() { var n, t; i || ((n = o.index), (t = C()) !== J(r, bt) && (L(r, bt, t), j(r, Jn, (d && t) || ""), s(t ? Cn : kn, k)), (function () { var n = (function () { if (o.is(Mt)) return C(); var n = Q(a.Elements.track), t = Q(r), e = m("left"), i = m("right"); return fn(n[e]) <= ln(t[e]) && fn(t[i]) <= ln(n[i]); })(), t = !n && (!C() || w); o.state.is([R, W]) || j(r, $n, t || ""); j(S, Un, t ? -1 : ""), g && j(r, Un, t ? -1 : 0); n !== J(r, St) && (L(r, St, n), s(n ? Ln : An, k)); n || document.activeElement !== r || ((n = a.Slides.getAt(o.index)) && U(n.slide)); })(), L(r, wt, e === n - 1), L(r, Et, e === n + 1)); } function C() { var n = o.index; return n === e || (l.cloneStatus && n === t); } var k = { index: e, slideIndex: t, slide: r, container: E, isClone: w, mount: function () { w || ((r.id = f.id + "-slide" + yn(e + 1)), j(r, qn, v ? "tabpanel" : "group"), j(r, tt, h.slide), j(r, Vn, b || mn(h.slideLabel, [e + 1, o.length]))), c(r, "click", D(s, Pn, k)), c(r, "keydown", D(s, Dn, k)), u([xn, _n, In], P), u(Fn, x), p && u(Sn, _); }, destroy: function () { (i = !0), n.destroy(), en(r, Pt), F(r, it), j(r, "style", y), j(r, Vn, b || ""); }, update: P, style: function (n, t, e) { Y((e && E) || r, n, t); }, isWithin: function (n, t) { return ( (n = dn(n - e)), (n = !w && (l.rewind || o.is(Dt)) ? cn(n, o.length - n) : n) <= t ); }, }; return k; } var Nt = i + "-interval"; var Tt = { passive: !1, capture: !0 }; var Ot = { Spacebar: " ", Right: Hn, Left: Bn, Up: c, Down: a }; function It(n) { return (n = M(n) ? n : n.key), Ot[n] || n; } var Ft = "keydown"; var jt = i + "-lazy", Rt = jt + "-srcset", Wt = "[" + jt + "], [" + Rt + "]"; var Gt = [" ", "Enter"]; var Xt = Object.freeze({ __proto__: null, Media: function (i, n, o) { var r = i.state, t = o.breakpoints || {}, u = o.reducedMotion || {}, e = wn(), s = []; function c(n) { n && e.destroy(); } function a(n, t) { t = matchMedia(t); e.bind(t, "change", f), s.push([n, t]); } function f() { var n = r.is(7), t = o.direction, e = s.reduce(function (n, t) { return O(n, t[1].matches ? t[0] : {}); }, {}); I(o), l(e), o.destroy ? i.destroy("completely" === o.destroy) : n ? (c(!0), i.mount()) : t !== o.direction && i.refresh(); } function l(n, t) { O(o, n), t && O(Object.getPrototypeOf(o), n), r.is(1) || i.emit(zn, o); } return { setup: function () { var e = "min" === o.mediaQuery; h(t) .sort(function (n, t) { return e ? +n - +t : +t - +n; }) .forEach(function (n) { a(t[n], "(" + (e ? "min" : "max") + "-width:" + n + "px)"); }), a(u, d), f(); }, destroy: c, reduce: function (n) { matchMedia(d).matches && (n ? O(o, u) : I(o, h(u))); }, set: l, }; }, Direction: function (n, t, o) { return { resolve: function (n, t, e) { var i = "rtl" !== (e = e || o.direction) || t ? e === Yn ? 0 : -1 : 1; return ( (f[n] && f[n][i]) || n.replace(/width|left|right/i, function (n, t) { n = f[n.toLowerCase()][i] || n; return 0 < t ? n.charAt(0).toUpperCase() + n.slice(1) : n; }) ); }, orient: function (n) { return n * ("rtl" === o.direction ? 1 : -1); }, }; }, Elements: function (n, t, e) { var i, o, r, u = Gn(n), s = u.on, c = u.bind, a = n.root, f = e.i18n, l = {}, d = [], p = [], h = []; function v() { (i = y("." + rt)), (o = A(i, "." + ut)), sn(i && o, "A track/list element is missing."), E(d, S(o, "." + st + ":not(." + ct + ")")), N( { arrows: ft, pagination: ht, prev: dt, next: pt, bar: gt, toggle: mt, }, function (n, t) { l[t] = y("." + n); } ), T(l, { root: a, track: i, list: o, slides: d }), (function () { var n = a.id || (function (n) { return "" + n + yn((bn[n] = (bn[n] || 0) + 1)); })(un), t = e.role; (a.id = n), (i.id = i.id || n + "-track"), (o.id = o.id || n + "-list"), !K(a, qn) && "SECTION" !== a.tagName && t && j(a, qn, t); j(a, tt, f.carousel), j(o, qn, "presentation"); })(), m(); } function g(n) { var t = it.concat("style"); x(d), en(a, p), en(i, h), F([i, o], t), F(a, n ? t : ["style", tt]); } function m() { en(a, p), en(i, h), (p = b(ot)), (h = b(rt)), P(a, p), P(i, h), j(a, Vn, e.label), j(a, Zn, e.labelledby); } function y(n) { n = nn(a, n); return n && (function (n, t) { if (w(n.closest)) return n.closest(t); for (var e = n; e && 1 === e.nodeType && !B(e, t); ) e = e.parentElement; return e; })(n, "." + ot) === a ? n : void 0; } function b(n) { return [ n + "--" + e.type, n + "--" + e.direction, e.drag && n + "--draggable", e.isNavigation && n + "--nav", n === ot && bt, ]; } return T(l, { setup: v, mount: function () { s(Mn, g), s(Mn, v), s(zn, m), c( document, Ct + " keydown", function (n) { r = "keydown" === n.type; }, { capture: !0 } ), c(a, "focusin", function () { L(a, _t, !!r); }); }, destroy: g, }); }, Slides: function (i, o, r) { var n = Gn(i), t = n.on, u = n.emit, s = n.bind, c = (n = o.Elements).slides, a = n.list, f = []; function e() { c.forEach(function (n, t) { d(n, t, -1); }); } function l() { h(function (n) { n.destroy(); }), x(f); } function d(n, t, e) { n = zt(i, t, e, n); n.mount(), f.push(n); } function p(n) { return n ? v(function (n) { return !n.isClone; }) : f; } function h(n, t) { p(t).forEach(n); } function v(t) { return f.filter( w(t) ? t : function (n) { return M(t) ? B(n.slide, t) : b(m(t), n.index); } ); } return { mount: function () { e(), t(Mn, l), t(Mn, e), t([En, Mn], function () { f.sort(function (n, t) { return n.index - t.index; }); }); }, destroy: l, update: function () { h(function (n) { n.update(); }); }, register: d, get: p, getIn: function (n) { var t = o.Controller, e = t.toIndex(n), i = t.hasFocus() ? 1 : r.perPage; return v(function (n) { return hn(n.index, e, e + i - 1); }); }, getAt: function (n) { return v(n)[0]; }, add: function (n, o) { y(n, function (n) { var t, e, i; g((n = M(n) ? Z(n) : n)) && ((t = c[o]) ? k(n, t) : C(a, n), P(n, r.classes.slide), (n = n), (e = D(u, Nn)), (n = tn(n, "img")), (i = n.length) ? n.forEach(function (n) { s(n, "load error", function () { --i || e(); }); }) : e()); }), u(Mn); }, remove: function (n) { V( v(n).map(function (n) { return n.slide; }) ), u(Mn); }, forEach: h, filter: v, style: function (t, e, i) { h(function (n) { n.style(t, e, i); }); }, getLength: function (n) { return (n ? c : f).length; }, isEnough: function () { return f.length > r.perPage; }, }; }, Layout: function (n, t, e) { var i, o, r = (c = Gn(n)).on, u = c.bind, s = c.emit, c = t.Slides, a = t.Direction.resolve, f = (t = t.Elements).root, l = t.track, d = t.list, p = c.getAt, h = c.style; function v() { (o = null), (i = e.direction === Yn), Y(f, "maxWidth", rn(e.width)), Y(l, a("paddingLeft"), m(!1)), Y(l, a("paddingRight"), m(!0)), g(); } function g() { var n = Q(f); (o && o.width === n.width && o.height === n.height) || (Y( l, "height", (function () { var n = ""; i && (sn((n = y()), "height or heightRatio is missing."), (n = "calc(" + n + " - " + m(!1) + " - " + m(!0) + ")")); return n; })() ), h(a("marginRight"), rn(e.gap)), h( "width", e.autoWidth ? null : rn(e.fixedWidth) || (i ? "" : b()) ), h( "height", rn(e.fixedHeight) || (i ? (e.autoHeight ? null : b()) : y()), !0 ), (o = n), s(Tn)); } function m(n) { var t = e.padding, n = a(n ? "right" : "left"); return (t && rn(t[n] || (X(t) ? 0 : t))) || "0px"; } function y() { return rn(e.height || Q(d).width * e.heightRatio); } function b() { var n = rn(e.gap); return ( "calc((100%" + (n && " + " + n) + ")/" + (e.perPage || 1) + (n && " - " + n) + ")" ); } function w(n, t) { var e = p(n); if (e) { (n = Q(e.slide)[a("right")]), (e = Q(d)[a("left")]); return dn(n - e) + (t ? 0 : E()); } return 0; } function E() { var n = p(0); return (n && parseFloat(Y(n.slide, a("marginRight")))) || 0; } return { mount: function () { var n, t, e; v(), u( window, "resize load", ((n = D(s, Nn)), function () { e || (e = Xn( t || 0, function () { n(), (e = null); }, null, 1 )).start(); }) ), r([zn, Mn], v), r(Nn, g); }, listSize: function () { return Q(d)[a("width")]; }, slideSize: function (n, t) { return (n = p(n || 0)) ? Q(n.slide)[a("width")] + (t ? 0 : E()) : 0; }, sliderSize: function () { return w(n.length - 1, !0) - w(-1, !0); }, totalSize: w, getPadding: function (n) { return ( parseFloat(Y(l, a("padding" + (n ? "Right" : "Left")))) || 0 ); }, }; }, Clones: function (s, e, c) { var n, t = Gn(s), i = t.on, o = t.emit, a = e.Elements, f = e.Slides, r = e.Direction.resolve, l = []; function u() { (n = h()) && ((function (o) { var r = f.get().slice(), u = r.length; if (u) { for (; r.length < o; ) E(r, r); E(r.slice(-o), r.slice(0, o)).forEach(function (n, t) { var e = t < o, i = (function (n, t) { n = n.cloneNode(!0); return ( P(n, c.classes.clone), (n.id = s.root.id + "-clone" + yn(t + 1)), n ); })(n.slide, t); e ? k(i, r[0].slide) : C(a.list, i), E(l, i), f.register(i, t - o + (e ? 0 : u), n.index); }); } })(n), o(Nn)); } function d() { V(l), x(l); } function p() { n < h() && o(Mn); } function h() { var n, t = c.clones; return ( s.is(Dt) ? t || (t = ((n = c[r("fixedWidth")] && e.Layout.slideSize(0)) && ln(Q(a.track)[r("width")] / n)) || (c[r("autoWidth")] && s.length) || 2 * c.perPage) : (t = 0), t ); } return { mount: function () { u(), i(Mn, d), i(Mn, u), i([zn, Nn], p); }, destroy: d, }; }, Move: function (i, s, o) { var c, n = Gn(i), t = n.on, a = n.emit, f = i.state.set, r = (n = s.Layout).slideSize, e = n.getPadding, u = n.totalSize, l = n.listSize, d = n.sliderSize, p = (n = s.Direction).resolve, h = n.orient, v = (n = s.Elements).list, g = n.track; function m() { s.Controller.isBusy() || (s.Scroll.cancel(), y(i.index), s.Slides.update()); } function y(n) { b(S(n, !0)); } function b(n, t) { i.is(Mt) || ((t = t ? n : (function (n) { { var t, e; i.is(Dt) && ((e = h(n - x())), (t = P(!1, n) && e < 0), (e = P(!0, n) && 0 < e), (t || e) && (n = w(n, e))); } return n; })(n)), Y(v, "transform", "translate" + p("X") + "(" + t + "px)"), n !== t && a(_n)); } function w(n, t) { var e = n - _(t), i = d(); return (n -= h(i * (ln(dn(e) / i) || 1)) * (t ? 1 : -1)); } function E() { b(x()), c.cancel(); } function S(n, t) { var e = h( u(n - 1) - ((e = n), "center" === (n = o.focus) ? (l() - r(e, !0)) / 2 : +n * r(e) || 0) ); return t ? (function (n) { o.trimSpace && i.is(At) && (n = vn(n, 0, h(d() - l()))); return n; })(e) : e; } function x() { var n = p("left"); return Q(v)[n] - Q(g)[n] + h(e(!1)); } function _(n) { return S(n ? s.Controller.getEnd() : 0, !!o.trimSpace); } function P(n, t) { t = z(t) ? x() : t; var e = !0 !== n && h(t) < h(_(!1)), t = !1 !== n && h(t) > h(_(!0)); return e || t; } return { mount: function () { (c = s.Transition), t([En, Tn, zn, Mn], m); }, move: function (n, t, e, i) { var o, r, u = x(); n !== t && ((o = t < n), (r = h(w(x(), o))), o ? 0 <= r : r <= v["scroll" + p("Width")] - Q(g)[p("width")]) && (E(), b(w(u, t < n), !0)), f(R), a(Sn, t, e, n), c.start(t, function () { f(3), a(xn, t, e, n), i && i(); }); }, jump: y, translate: b, shift: w, cancel: E, toIndex: function (n) { for ( var t = s.Slides.get(), e = 0, i = 1 / 0, o = 0; o < t.length; o++ ) { var r = t[o].index, u = dn(S(r, !0) - n); if (!(u <= i)) break; (i = u), (e = r); } return e; }, toPosition: S, getPosition: x, getLimit: _, exceededLimit: P, reposition: m, }; }, Controller: function (r, o, u) { var s, i, c, n = Gn(r).on, a = o.Move, f = a.getPosition, l = a.getLimit, d = a.toPosition, t = o.Slides, p = t.isEnough, e = t.getLength, h = r.is(Dt), v = r.is(At), g = D(E, !1), m = D(E, !0), y = u.start || 0, b = y; function w() { (s = e(!0)), (i = u.perMove), (c = u.perPage); var n = vn(y, 0, s - 1); n !== y && ((y = n), a.reposition()); } function E(n, t) { var e = i || (L() ? 1 : c), e = S(y + e * (n ? -1 : 1), y, !(i || L())); return -1 === e && v && !pn(f(), l(!n), 1) ? n ? 0 : _() : t ? e : x(e); } function S(n, t, e) { var i, o; return ( p() ? ((i = _()), (o = (function (n) { if (v && "move" === u.trimSpace && n !== y) for ( var t = f(); t === d(n, !0) && hn(n, 0, r.length - 1, !u.rewind); ) n < y ? --n : ++n; return n; })(n)) !== n && ((t = n), (n = o), (e = !1)), n < 0 || i < n ? (n = hn(0, n, t, !0) || hn(i, t, n, !0) ? P(C(n)) : h ? e ? n < 0 ? -(s % c || c) : s : n : u.rewind ? n < 0 ? i : 0 : -1) : e && n !== t && (n = P(C(t) + (n < t ? -1 : 1)))) : (n = -1), n ); } function x(n) { return h ? (n + s) % s || 0 : n; } function _() { return an(s - (L() || (h && i) ? 1 : c), 0); } function P(n) { return vn(L() ? n : c * n, 0, _()); } function C(n) { return L() ? n : fn((n >= _() ? s - 1 : n) / c); } function k(n) { n !== y && ((b = y), (y = n)); } function L() { return !z(u.focus) || u.isNavigation; } function A() { return r.state.is([R, W]) && !!u.waitForTransition; } return { mount: function () { w(), n([zn, Mn], w); }, go: function (n, t, e) { var i; A() || (-1 < (n = x( (i = (function (n) { var t = y; { var e, i; M(n) ? ((i = n.match(/([+\-<>])(\d+)?/) || []), (e = i[1]), (i = i[2]), "+" === e || "-" === e ? (t = S(y + +("" + e + (+i || 1)), y)) : ">" === e ? (t = i ? P(+i) : g(!0)) : "<" === e && (t = m(!0))) : (t = h ? n : vn(n, 0, _())); } return t; })(n)) )) && (t || n !== y) && (k(n), a.move(i, n, b, e))); }, scroll: function (n, t, e, i) { o.Scroll.scroll(n, t, e, function () { k(x(a.toIndex(a.getPosition()))), i && i(); }); }, getNext: g, getPrev: m, getAdjacent: E, getEnd: _, setIndex: k, getIndex: function (n) { return n ? b : y; }, toIndex: P, toPage: C, toDest: function (n) { return (n = a.toIndex(n)), v ? vn(n, 0, _()) : n; }, hasFocus: L, isBusy: A, }; }, Arrows: function (o, n, t) { var e, i, r = Gn(o), u = r.on, s = r.bind, c = r.emit, a = t.classes, f = t.i18n, l = n.Elements, d = n.Controller, p = l.arrows, h = l.track, v = p, g = l.prev, m = l.next, y = {}; function b() { !(function () { var n = t.arrows; !n || (g && m) || ((v = p || H("div", a.arrows)), (g = x(!0)), (m = x(!1)), (e = !0), C(v, [g, m]), p || k(v, h)); g && m && (T(y, { prev: g, next: m }), q(v, n ? "" : "none"), P(v, (i = ft + "--" + t.direction)), n && (u([xn, Mn, In], _), s(m, "click", D(S, ">")), s(g, "click", D(S, "<")), _(), j([g, m], Kn, h.id), c("arrows:mounted", g, m))); })(), u(zn, w); } function w() { E(), b(); } function E() { r.destroy(), en(v, i), e ? (V(p ? [g, m] : v), (g = m = null)) : F([g, m], it); } function S(n) { d.go(n, !0); } function x(n) { return Z( '<button class="' + a.arrow + " " + (n ? a.prev : a.next) + '" type="button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" width="40" height="40" focusable="false"><path d="' + (t.arrowPath || "m15.5 0.932-4.3 4.38 14.5 14.6-14.5 14.5 4.3 4.4 14.6-14.6 4.4-4.3-4.4-4.4-14.6-14.6z") + '" />' ); } function _() { var n = o.index, t = d.getPrev(), e = d.getNext(), i = -1 < t && n < t ? f.last : f.prev, n = -1 < e && e < n ? f.first : f.next; (g.disabled = t < 0), (m.disabled = e < 0), j(g, Vn, i), j(m, Vn, n), c("arrows:updated", g, m, t, e); } return { arrows: y, mount: b, destroy: E }; }, Autoplay: function (n, t, e) { var i, o, r = Gn(n), u = r.on, s = r.bind, c = r.emit, a = Xn(e.interval, n.go.bind(n, ">"), function (n) { var t = l.bar; t && Y(t, "width", 100 * n + "%"), c("autoplay:playing", n); }), f = a.isPaused, l = t.Elements, d = (n = t.Elements).root, p = n.toggle, h = e.autoplay, v = "pause" === h; function g() { f() && t.Slides.isEnough() && (a.start(!e.resetProgress), (o = i = v = !1), b(), c(jn)); } function m(n) { (v = !!(n = void 0 === n ? !0 : n)), b(), f() || (a.pause(), c(Rn)); } function y() { v || (i || o ? m(!1) : g()); } function b() { p && (L(p, bt, !v), j(p, Vn, e.i18n[v ? "play" : "pause"])); } function w(n) { n = t.Slides.getAt(n); a.set((n && +K(n.slide, Nt)) || e.interval); } return { mount: function () { h && ((function () { e.pauseOnHover && s(d, "mouseenter mouseleave", function (n) { (i = "mouseenter" === n.type), y(); }); e.pauseOnFocus && s(d, "focusin focusout", function (n) { (o = "focusin" === n.type), y(); }); p && s(p, "click", function () { v ? g() : m(!0); }); u([Sn, On, Mn], a.rewind), u(Sn, w); })(), p && j(p, Kn, l.track.id), v || g(), b()); }, destroy: a.cancel, play: g, pause: m, isPaused: f, }; }, Cover: function (n, t, e) { var i = Gn(n).on; function o(e) { t.Slides.forEach(function (n) { var t = A(n.container || n.slide, "img"); t && t.src && r(e, t, n); }); } function r(n, t, e) { e.style( "background", n ? 'center/cover no-repeat url("' + t.src + '")' : "", !0 ), q(t, n ? "none" : ""); } return { mount: function () { e.cover && (i(Wn, D(r, !0)), i([En, zn, Mn], D(o, !0))); }, destroy: D(o, !1), }; }, Scroll: function (r, s, u) { var c, a, n = Gn(r), t = n.on, f = n.emit, l = r.state.set, d = s.Move, p = d.getPosition, h = d.getLimit, v = d.exceededLimit, g = d.translate, m = 1; function y(n, t, e, i, o) { var r = p(); E(), e && ((e = s.Layout.sliderSize()), (u = gn(n) * e * fn(dn(n) / e) || 0), (n = d.toPosition(s.Controller.toDest(n % e)) + u)); var u = pn(r, n, 1); (m = 1), (t = u ? 0 : t || an(dn(n - r) / 1.5, 800)), (a = i), (c = Xn(t, b, D(w, r, n, o), 1)), l(W), f(On), c.start(); } function b() { l(3), a && a(), f(In); } function w(n, t, e, i) { var o = p(), n = (n + (t - n) * ((n = i), (i = u.easingFunc) ? i(n) : 1 - Math.pow(1 - n, 4)) - o) * m; g(o + n), r.is(At) && !e && v() && ((m *= 0.6), dn(n) < 10 && y(h(v(!0)), 600, !1, void 0, !0)); } function E() { c && c.cancel(); } function e() { c && !c.isPaused() && (E(), b()); } return { mount: function () { t(Sn, E), t([zn, Mn], e); }, destroy: E, scroll: y, cancel: e, }; }, Drag: function (r, i, u) { var s, t, o, c, a, f, l, d, n = Gn(r), e = n.on, p = n.emit, h = n.bind, v = n.unbind, g = r.state, m = i.Move, y = i.Scroll, b = i.Controller, w = i.Elements.track, E = i.Media.reduce, S = (n = i.Direction).resolve, x = n.orient, _ = m.getPosition, P = m.exceededLimit, C = !1; function k() { var n = u.drag; j(!n), (c = "free" === n); } function L(n) { var t, e, i; (f = !1), l || ((t = F(n)), (e = n.target), (i = u.noDrag), B(e, "." + vt + ", ." + lt) || (i && B(e, i)) || (!t && n.button) || (b.isBusy() ? $(n, !0) : ((d = t ? w : window), (a = g.is([R, W])), (o = null), h(d, kt, A, Tt), h(d, Lt, D, Tt), m.cancel(), y.cancel(), z(n)))); } function A(n) { var t, e, i, o; g.is(6) || (g.set(6), p("drag")), n.cancelable && (a ? (m.translate(s + N(n) / (C && r.is(At) ? 5 : 1)), (e = 200 < T(n)), (i = C !== (C = P())), (e || i) && z(n), (f = !0), p("dragging"), $(n)) : dn(N((o = n))) > dn(N(o, !0)) && ((t = n), (e = u.dragMinThreshold), (i = X(e)), (o = (i && e.mouse) || 0), (e = (i ? e.touch : +e) || 10), (a = dn(N(t)) > (F(t) ? e : o)), $(n))); } function D(n) { g.is(6) && (g.set(3), p("dragged")), a && ((function (n) { var t = (function (n) { if (r.is(Dt) || !C) { var t = T(n); if (t && t < 200) return N(n) / t; } return 0; })(n), e = (function (n) { return ( _() + gn(n) * cn( dn(n) * (u.flickPower || 600), c ? 1 / 0 : i.Layout.listSize() * (u.flickMaxPages || 1) ) ); })(t), n = u.rewind && u.rewindByDrag; E(!1), c ? b.scroll(e, 0, u.snap) : r.is(Mt) ? b.go(x(gn(t)) < 0 ? (n ? "<" : "-") : n ? ">" : "+") : r.is(At) && C && n ? b.go(P(!0) ? ">" : "<") : b.go(b.toDest(e), !0); E(!0); })(n), $(n)), v(d, kt, A), v(d, Lt, D), (a = !1); } function M(n) { !l && f && $(n, !0); } function z(n) { (o = t), (t = n), (s = _()); } function N(n, t) { return I(n, t) - I(O(n), t); } function T(n) { return on(n) - on(O(n)); } function O(n) { return (t === n && o) || t; } function I(n, t) { return (F(n) ? n.changedTouches[0] : n)[ "page" + S(t ? "Y" : "X") ]; } function F(n) { return ( "undefined" != typeof TouchEvent && n instanceof TouchEvent ); } function j(n) { l = n; } return { mount: function () { h(w, kt, G, Tt), h(w, Lt, G, Tt), h(w, Ct, L, Tt), h(w, "click", M, { capture: !0 }), h(w, "dragstart", $), e([En, zn], k); }, disable: j, isDragging: function () { return a; }, }; }, Keyboard: function (t, n, e) { var i, o, r = Gn(t), u = r.on, s = r.bind, c = r.unbind, a = t.root, f = n.Direction.resolve; function l() { var n = e.keyboard; n && ((i = "global" === n ? window : a), s(i, Ft, h)); } function d() { c(i, Ft); } function p() { var n = o; (o = !0), v(function () { o = n; }); } function h(n) { o || ((n = It(n)) === f(Bn) ? t.go("<") : n === f(Hn) && t.go(">")); } return { mount: function () { l(), u(zn, d), u(zn, l), u(Sn, p); }, destroy: d, disable: function (n) { o = n; }, }; }, LazyLoad: function (e, n, o) { var t = Gn(e), i = t.on, r = t.off, u = t.bind, s = t.emit, c = "sequential" === o.lazyLoad, a = [En, Mn, xn, In], f = []; function l() { x(f), n.Slides.forEach(function (i) { tn(i.slide, Wt).forEach(function (n) { var t = K(n, jt), e = K(n, Rt); (t === n.src && e === n.srcset) || ((t = o.classes.spinner), (e = A((e = n.parentElement), "." + t) || H("span", t, e)), f.push([n, i, e]), n.src || q(n, "none")); }); }), c && v(); } function d() { (f = f.filter(function (n) { var t = o.perPage * ((o.preloadPages || 1) + 1) - 1; return !n[1].isWithin(e.index, t) || p(n); })).length || r(a); } function p(n) { var t = n[0]; P(n[1].slide, xt), u(t, "load error", D(h, n)), j(t, "src", K(t, jt)), j(t, "srcset", K(t, Rt)), F(t, jt), F(t, Rt); } function h(n, t) { var e = n[0], i = n[1]; en(i.slide, xt), "error" !== t.type && (V(n[2]), q(e, ""), s(Wn, e, i), s(Nn)), c && v(); } function v() { f.length && p(f.shift()); } return { mount: function () { o.lazyLoad && (l(), i(Mn, l), c || i(a, d)); }, destroy: D(x, f), }; }, Pagination: function (f, n, l) { var d, p, t = Gn(f), e = t.on, i = t.emit, h = t.bind, v = n.Slides, g = n.Elements, o = n.Controller, m = o.hasFocus, r = o.getIndex, u = o.go, s = n.Direction.resolve, y = []; function c() { d && (V(g.pagination ? _(d.children) : d), en(d, p), x(y), (d = null)), t.destroy(); } function b(n) { u(">" + n, !0); } function w(n, t) { var e = y.length, i = It(t), o = E(), r = -1; i === s(Hn, !1, o) ? (r = ++n % e) : i === s(Bn, !1, o) ? (r = (--n + e) % e) : "Home" === i ? (r = 0) : "End" === i && (r = e - 1); e = y[r]; e && (U(e.button), u(">" + r), $(t, !0)); } function E() { return l.paginationDirection || l.direction; } function a(n) { return y[o.toPage(n)]; } function S() { var n, t = a(r(!0)), e = a(r()); t && (en((n = t.button), bt), F(n, Qn), j(n, Un, -1)), e && (P((n = e.button), bt), j(n, Qn, !0), j(n, Un, "")), i("pagination:updated", { list: d, items: y }, t, e); } return { items: y, mount: function n() { c(), e([zn, Mn], n), l.pagination && v.isEnough() && (e([Sn, On, In], S), (function () { var n = f.length, t = l.classes, e = l.i18n, i = l.perPage, o = m() ? n : ln(n / i); P( (d = g.pagination || H("ul", t.pagination, g.track.parentElement)), (p = ht + "--" + E()) ), j(d, qn, "tablist"), j(d, Vn, e.select), j(d, nt, E() === Yn ? "vertical" : ""); for (var r = 0; r < o; r++) { var u = H("li", null, d), s = H("button", { class: t.page, type: "button" }, u), c = v.getIn(r).map(function (n) { return n.slide.id; }), a = !m() && 1 < i ? e.pageX : e.slideX; h(s, "click", D(b, r)), l.paginationKeyboard && h(s, "keydown", D(w, r)), j(u, qn, "presentation"), j(s, qn, "tab"), j(s, Kn, c.join(" ")), j(s, Vn, mn(a, r + 1)), j(s, Un, -1), y.push({ li: u, button: s, page: r }); } })(), S(), i("pagination:mounted", { list: d, items: y }, a(f.index))); }, destroy: c, getAt: a, update: S, }; }, Sync: function (e, n, t) { var i = t.isNavigation, o = t.slideFocus, r = []; function u() { var n, t; e.splides.forEach(function (n) { n.isParent || (c(e, n.splide), c(n.splide, e)); }), i && ((n = Gn(e)), (t = n.on)(Pn, f), t(Dn, l), t([En, zn], a), r.push(n), n.emit(Fn, e.splides)); } function s() { r.forEach(function (n) { n.destroy(); }), x(r); } function c(n, i) { n = Gn(n); n.on(Sn, function (n, t, e) { i.go(i.is(Dt) ? e : n); }), r.push(n); } function a() { j(n.Elements.list, nt, t.direction === Yn ? "vertical" : ""); } function f(n) { e.go(n.index); } function l(n, t) { b(Gt, It(t)) && (f(n), $(t)); } return { setup: function () { e.options = { slideFocus: z(o) ? i : o }; }, mount: u, destroy: s, remount: function () { s(), u(); }, }; }, Wheel: function (u, s, c) { var n = Gn(u).bind, a = 0; function t(n) { var t, e, i, o, r; n.cancelable && ((r = (t = n.deltaY) < 0), (e = on(n)), (i = c.wheelMinThreshold || 0), (o = c.wheelSleep || 0), dn(t) > i && o < e - a && (u.go(r ? "<" : ">"), (a = e)), (r = r), (c.releaseWheel && !u.state.is(R) && -1 === s.Controller.getAdjacent(r)) || $(n)); } return { mount: function () { c.wheel && n(s.Elements.track, "wheel", t, Tt); }, }; }, Live: function (n, t, e) { var i = Gn(n).on, o = t.Elements.track, r = e.live && !e.isNavigation, u = H("span", yt); function s(n) { r && j(o, l, n ? "off" : "polite"); } return { mount: function () { r && (s(!t.Autoplay.isPaused()), j(o, et, "additions"), (u.textContent = "…"), i(jn, D(s, !0)), i(Rn, D(s, !1)), i([xn, In], D(C, o, u))); }, disable: s, destroy: function () { F(o, [l, et]), V(u); }, }; }, }), Bt = { type: "slide", role: "region", speed: 400, perPage: 1, cloneStatus: !0, arrows: !0, pagination: !0, paginationKeyboard: !0, interval: 5e3, pauseOnHover: !0, pauseOnFocus: !0, resetProgress: !0, easing: "cubic-bezier(0.25, 1, 0.5, 1)", drag: !0, direction: "ltr", trimSpace: !0, focusableNodes: "a, button, textarea, input, select, iframe", live: !0, classes: { slide: st, clone: ct, arrows: ft, arrow: lt, prev: dt, next: pt, pagination: ht, page: vt, spinner: un + "__spinner", }, i18n: { prev: "Previous slide", next: "Next slide", first: "Go to first slide", last: "Go to last slide", slideX: "Go to slide %s", pageX: "Go to page %s", play: "Start autoplay", pause: "Pause autoplay", carousel: "carousel", slide: "slide", select: "Select a slide to show", slideLabel: "%s of %s", }, reducedMotion: { speed: 0, rewindSpeed: 0, autoplay: "pause" }, }; function Ht(n, i, t) { var e = Gn(n).on; return { mount: function () { e([En, Mn], function () { v(function () { i.Slides.style( "transition", "opacity " + t.speed + "ms " + t.easing ); }); }); }, start: function (n, t) { var e = i.Elements.track; Y(e, "height", rn(Q(e).height)), v(function () { t(), Y(e, "height", ""); }); }, cancel: G, }; } function Yt(r, n, u) { var s, t = Gn(r).bind, c = n.Move, a = n.Controller, f = n.Scroll, e = n.Elements.list, l = D(Y, e, "transition"); function i() { l(""), f.cancel(); } return { mount: function () { t(e, "transitionend", function (n) { n.target === e && s && (i(), s()); }); }, start: function (n, t) { var e = c.toPosition(n, !0), i = c.getPosition(), o = (function (n) { var t = u.rewindSpeed; if (r.is(At) && t) { var e = a.getIndex(!0), i = a.getEnd(); if ((0 === e && i <= n) || (i <= e && 0 === n)) return t; } return u.speed; })(n); 1 <= dn(e - i) && 1 <= o ? u.useScroll ? f.scroll(e, o, !1, t) : (l("transform " + o + "ms " + u.easing), c.translate(e, !0), (s = t)) : (c.jump(n), t()); }, cancel: i, }; } a = (function () { function e(n, t) { (this.event = Gn()), (this.Components = {}), (this.state = s(1)), (this.splides = []), (this._o = {}), (this._E = {}); n = M(n) ? nn(document, n) : n; sn(n, n + " is invalid."), (t = O( { label: K((this.root = n), Vn) || "", labelledby: K(n, Zn) || "", }, Bt, e.defaults, t || {} )); try { O(t, JSON.parse(K(n, i))); } catch (n) { sn(!1, "Invalid JSON"); } this._o = Object.create(O({}, t)); } var n = e.prototype; return ( (n.mount = function (n, t) { var e = this, i = this.state, o = this.Components; return ( sn(i.is([1, 7]), "Already mounted!"), i.set(1), (this._C = o), (this._T = t || this._T || (this.is(Mt) ? Ht : Yt)), (this._E = n || this._E), N(T({}, Xt, this._E, { Transition: this._T }), function (n, t) { n = n(e, o, e._o); (o[t] = n).setup && n.setup(); }), N(o, function (n) { n.mount && n.mount(); }), this.emit(En), P(this.root, "is-initialized"), i.set(3), this.emit("ready"), this ); }), (n.sync = function (n) { return ( this.splides.push({ splide: n }), n.splides.push({ splide: this, isParent: !0 }), this.state.is(3) && (this._C.Sync.remount(), n.Components.Sync.remount()), this ); }), (n.go = function (n) { return this._C.Controller.go(n), this; }), (n.on = function (n, t) { return this.event.on(n, t), this; }), (n.off = function (n) { return this.event.off(n), this; }), (n.emit = function (n) { var t; return ( (t = this.event).emit.apply(t, [n].concat(_(arguments, 1))), this ); }), (n.add = function (n, t) { return this._C.Slides.add(n, t), this; }), (n.remove = function (n) { return this._C.Slides.remove(n), this; }), (n.is = function (n) { return this._o.type === n; }), (n.refresh = function () { return this.emit(Mn), this; }), (n.destroy = function (t) { void 0 === t && (t = !0); var n = this.event, e = this.state; return ( e.is(1) ? Gn(this).on("ready", this.destroy.bind(this, t)) : (N( this._C, function (n) { n.destroy && n.destroy(t); }, !0 ), n.emit(u), n.destroy(), t && x(this.splides), e.set(7)), this ); }), _createClass(e, [ { key: "options", get: function () { return this._o; }, set: function (n) { this._C.Media.set(n, !0); }, }, { key: "length", get: function () { return this._C.Slides.getLength(!0); }, }, { key: "index", get: function () { return this._C.Controller.getIndex(); }, }, ]), e ); })(); return (a.defaults = {}), (a.STATES = n), a; }); //# sourceMappingURL=splide.min.js.map var splide = new Splide("#splide", { height: 500, cover: true, type: "loop", }); splide.mount(); </script></div></div> </div> </div><footer class="footer"> <div class="container footer__wrapper"> <div id="backToTopButton" class="back_to_top_button"> <i class="fas fa-chevron-up"></i> </div> <nav class="footer__menu"> <a href="https://www.idosell.com/pl/oferta-idosell/" class="footer__menu_link">OFERTA</a><a href="https://www.idosell.com/pl/tysiace-gotowych-do-uzycia-funkcji/" class="footer__menu_link">MOŻLIWOŚCI</a><a href="https://www.idosell.com/pl/services/ecommerce-services/" class="footer__menu_link">USŁUGI</a><a href="https://www.idosell.com/pl/integracje/" class="footer__menu_link">INTEGRACJE</a><a href="https://www.idosell.com/pl/baza-wiedzy/" class="footer__menu_link">EDUKACJA</a><a href="https://www.idosell.com/pl/blog/" class="footer__menu_link">BLOG</a><a href="https://www.idosell.com/pl/abonamenty/" class="footer__menu_link">ZAŁÓŻ SKLEP</a><a href="https://www.idosell.com/pl/migracja/" class="footer__menu_link">MIGRACJA</a><a href="https://www.idosell.com/pl/contact/skontaktuj-sie-z-nami-i-uzyskaj-unikalna-pomoc-w-prowadzeniu-sklepu-internetowego-idosell/" class="footer__menu_link">KONTAKT</a> </nav> <div class="footer__bottom"> <div class="copyright"> <span class="copyright__text"><span class="d-block d-sm-inline mb-2 mb-sm-0">©2000-2024 IdoSell (IAI S.A.)</span></span> </div> <div class="social_media"> <a href="https://www.facebook.com/IAISA.fp" class="social_media__link --facebook"><i class="fab fa-facebook-f"></i></a> <a href="https://www.youtube.com/channel/UCtx9R9RNnR75RzoEtQk_-1A" class="social_media__link --youtube"><i class="fab fa-youtube"></i></a> <a href="https://pl.linkedin.com/showcase/iai-sa" class="social_media__link --linkedin"><i class="fab fa-linkedin"></i></a> </div> <div class="footer__account"> <ul class="footer__account_collapse d-flex align-items-center justify-content-center justify-content-md-end"> <li class="footer__account_element"> <a class="footer__account_link" href="https://www.idosell.com/pl/login/?ref=%2Fpl%2Fcasestudy%2F" rel="nofollow"> Logowanie </a> </li><li class="footer__account_element border --left"> <a class="footer__account_link" href="https://www.iai-sa.com/pl/privacy/policy/privacy-and-safety-policy/" rel="nofollow"> Polityka prywatności </a> </li> <li class="footer__account_element border --left expand"> <a href="#" class="footer__account_link "> PL </a> <div class="expand__holder d-none"> </div> </li> </ul> </div> </div> </div> </footer>  </div> <script src="/gfx/new_design/js/app.js?r=18"></script> <div class="cookie-banner off"> <span class="cookie-banner-title cookie-banner-title--mainTitle">Strona korzysta z plików cookies</span> <p class="cookie-banner-description">Pliki cookies są wykorzystywane w celu zapewnienia poprawnego działania serwisu, analizy ruchu na stronie oraz dostarczania spersonalizowanych treści i reklam. Więcej informacji znajdziesz w <a href="https://www.iai-sa.com/pl/polityka-prywatnosci-i-bezpieczenstwa/" target="_blank">polityce prywatności</a> oraz <a href="https://www.iai-sa.com/pl/polityka-prywatnosci-i-bezpieczenstwa/polityka-prywatnosci-serwisow-internetowych-idosell-i-iai/" target="_blank">polityce plików cookies</a>. Akceptacja tego komunikatu oznacza zgodę na ich zapisywanie na Twoim urządzeniu. Możesz określić warunki przechowywania lub dostępu do nich klikając w przycisk Spersonalizuj. </p> <div class="cookie-banner__settingsDiv off"> <span class="cookie-banner-title">Ustawienia plików cookies</span> <div class="checkboxElement"> <input checked disabled type="checkbox" id="necessaryCheckbox" name="necessaryCheckbox"/> <label for="necessaryCheckbox"> <span>Niezbędne do działania serwisu</span> <p>Zgoda na korzystanie z niezbędnych plików cookies, które są konieczne do zapewnienia podstawowych funkcji strony internetowej, np. nawigacja po stronie, zarządzanie treścią i bezpieczeństwo przeglądania.</p> </label> </div> <div class="checkboxElement"> <input checked type="checkbox" id="marketingCheckbox" name="marketingCheckbox"/> <label for="marketingCheckbox"> <span>Analityczne i marketingowe</span> <p>Zgoda na korzystanie z plików cookies do analizy ruchu na stronie. Ma to na celu ulepszenie naszych usług, możliwość tworzenia danych statystycznych i raportów oraz wsparcia naszych działań marketingowych. </p> </label> </div> <div class="checkboxElement"> <input checked type="checkbox" id="ad_user_data" name="ad_user_data"/> <label for="ad_user_data"> <span>Dane użytkownika w reklamach</span> <p>Zgoda na korzystanie z plików cookies, które pozwalają przetwarzać dane użytkownika w celach reklamowych.</p> </label> </div> <div class="checkboxElement"> <input checked type="checkbox" id="ad_personalization" name="ad_personalization"/> <label for="ad_personalization"> <span>Personalizacja reklam</span> <p>Zgoda na korzystanie z plików cookies do personalizacji treści i reklam na podstawie twojej aktywności online. Dzięki tej zgodzie będziemy mogli lepiej dopasować reklamy do twoich zainteresowań. </p> </label> </div> </div> <div class="cookie-banner__buttonsWrapper"> <button class="cookie-settingsBtn button --outline">Spersonalizuj</button> <button class="cookie-dismissBtn button --solid">Zaakceptuj wszystkie</button> </div> </div> <script type="text/javascript"> const cookieBanner = document.querySelector(".cookie-banner"); const settingsDiv = document.querySelector(".cookie-banner__settingsDiv"); const buttonElement = document.querySelector(".cookie-dismissBtn"); const buttonCookieSettings = document.querySelector(".cookie-settingsBtn"); const marketingCheckbox = document.querySelector("#marketingCheckbox"); const adUserData = document.querySelector("#ad_user_data"); const adPersonalization = document.querySelector("#ad_personalization"); function dismiss() { const consent = { ad_storage: "denied", analytics_storage: "denied", ad_user_data: "denied", ad_personalization: "denied", personalization_storage: "denied", functionality_storage: "granted", security_storage: "granted", }; if (settingsDiv.classList.contains("off")) { // Użytkownik kliknął "Zaakceptuj wszystkie" consent["ad_storage"] = "granted"; consent["analytics_storage"] = "granted"; consent["ad_user_data"] = "granted"; consent["ad_personalization"] = "granted"; consent["personalization_storage"] = "granted"; } else { // Użytkownik wybrał konkretne zgody if (marketingCheckbox.checked) { consent["ad_storage"] = "granted"; consent["analytics_storage"] = "granted"; } if (adUserData.checked) { consent["ad_user_data"] = "granted"; } if (adPersonalization.checked) { consent["ad_personalization"] = "granted"; consent["personalization_storage"] = "granted"; } } // Zapisz zgody w localStorage localStorage.setItem("user_cookie_consent", JSON.stringify(consent)); // Usuń banner cookieBanner.remove(); } function isDismissed() { return localStorage.getItem("user_cookie_consent") !== null; } function showCookieSetting() { marketingCheckbox.checked = false; adUserData.checked = false; adPersonalization.checked = false; settingsDiv.classList.remove("off"); buttonCookieSettings.classList.add("off"); buttonElement.textContent = "Zaakceptuj wybrane"; } if (buttonElement) { buttonElement.addEventListener("click", dismiss); buttonCookieSettings.addEventListener("click", showCookieSetting); } if (!isDismissed()) { if (cookieBanner) { cookieBanner.classList.remove("off"); } } </script> <style> .cookie-banner { background-color: white; border: 1px solid gray; border-radius: 5px; position: fixed; top: 50%; left: 50%; width: 600px; max-width: 90%; transform: translate(-50%, -45%); padding: 20px; z-index: 10; max-height: 88%; overflow: auto; font-weight: Poppins; color: #171717; } .cookie-banner * { font-family: Poppins !important; } .cookie-banner .cookie-banner-title { font-weight: bold; font-size: 1.2rem; } .cookie-banner-title--mainTitle { font-size: 1.4rem; } .cookie-banner .cookie-banner-description { margin: 15px 0; } .cookie-banner .cookie-banner-description a { color: #1aac7a; } .cookie-banner__settingsDiv { margin: 15px 0; display: flex; flex-direction: column; } .checkboxElement { margin: 10px 0; display: flex; } .checkboxElement label, .checkboxElement input { cursor: pointer; } .checkboxElement input { margin: 10px; } .checkboxElement label span { font-weight: bold; } .checkboxElement label p { color: gray; } .cookie-banner__buttonsWrapper { display: flex; justify-content: space-between; } .cookie-banner__buttonsWrapper button { width: auto; } .off { display: none; } @media (max-width: 756px) { .cookie-banner__buttonsWrapper { flex-direction: column; } .cookie-banner__buttonsWrapper button { margin: 5px auto; width: 100%; } } </style></body> </html>

CINXE.COM

Historie klientów IdoSell - IdoSell