Posłuchaj podcastów o e-commerce

<!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>Posłuchaj podcastów o e-commerce - IdoSell</title> <meta name="keywords" content=""/> <meta name="description" content="Śniadanie z e-commerce to krótkie, przyjemne i wypełnione wiedzą spotkania z ekspertami. Dowiedz się, jak swobodnie poruszać się po świecie e-handlu."/> <link rel="canonical" href="https://www.idosell.com/pl/podcast/"> <meta property="og:title" content="Posłuchaj podcastów o e-commerce"/><meta property="og:type" content="website"/><meta property="og:locale" content="pl_PL"/><meta property="og:description" content="Śniadanie z e-commerce to krótkie, przyjemne i wypełnione wiedzą spotkania z ekspertami. Dowiedz się, jak swobodnie poruszać się po świecie e-handlu."/><meta property="og:url" content="https://www.idosell.com/pl/podcast/"/><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="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"/><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%2Fpodcast%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> <style> @import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,100;0,400;0,500;0,700;1,400;1,500;1,700&display=swap'); </style> <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">Śniadanie z e-commerce</h2> <h1 class="main_banner__title">Posłuchaj podcastów IdoSell o e-commerce</h1> <p class="paragraph --medium"> „Śniadanie z e-commerce” to krótkie, przyjemne i wypełnione wiedzą spotkania z ekspertami. Dołącz do nas, jeśli chcesz dowiedzieć się jak swobodnie poruszać się po świecie e-handlu oraz mądrze, profesjonalnie i efektywnie budować biznes w sieci. Spędź z nami kwadrans - w biurze, domu, samochodzie. </p> <a href="#podcast_container" class="linkToList d-flex align-items-center --white link--arrow-bottom" > Przeglądaj podcasty</a > </div> </section> <style> body { font-family: DM Sans, sans-serif; } .layout .container.mb-5 { margin-bottom: 0 !important; } .linkToList { text-decoration: underline; color: white; font-size: 16px; } .linkToList:hover { text-decoration: underline; color: white; } .link--arrow-bottom:before { position: relative; content: url(https://www.idosell.com/panel/file-gate.php?id=271522&ext=.svg); width: 14px; height: 8px; left: 0; top: 0; margin-right: 5px; } .link--arrow-bottom:hover:before { transform: translateY(2px); } </style> <section id="try_demo"> <p class="paragraph try_demo_link d-flex flex-wrap"> <span class="bolded mr-1">Chcesz rozpocząć swoją przygodę z e-commerce? </span ><a href="https://www.idosell.com/pl/demo/try-idosell-demo-for-free/" class="link --with_arrow_right text-white" target="_blank" >Wypróbuj sklep internetowy od IdoSell za darmo</a > </p> </section> <section class="d-flex flex-md-row flex-column"> <div class="col-12 col-md-3 px-0 mt-10 filters_container_button"> <div class="filter_container_div"> <p class="filters_heading">Sezony</p> <ul id="filter_container"></ul> </div> </div> <section class="d-flex col-12 col-md-9 px-0 flex-column flex-md-row mt-10 ml-auto"> <div id="podcast_container" class="col-12 px-0"></div> </section> </section> <style> section#try_demo { position: relative; padding: 18px 0; color: white; } section#try_demo:before { content: ''; position: absolute; height: 100%; top: 0; width: 100vw; left: 50%; margin-left: -50vw; z-index: -3; background: #1fd18e; } .link.--with_arrow_right, .link.--with_arrow_left { text-decoration: underline; position: relative; font-weight: 400; font-size: 16px; } .link.--with_arrow_right.text-white::after { position: relative; content: url(https://www.idosell.com/panel/file-gate.php?id=268747&ext=.svg); width: 14px; height: 8px; left: 5px; top: 0; } link.--with_arrow_right::after { left: 5px; content: url(https://www.idosell.com/panel/file-gate.php?id=268800&ext=.svg); } .link.--with_arrow_right::after, .link.--with_arrow_left::before { position: relative; width: 14px; height: 8px; top: 0; } .link.--with_arrow_right.text-white:hover::after { left: 10px; } .link.--with_arrow_right::after { left: 5px; content: url(https://www.idosell.com/panel/file-gate.php?id=268800&ext=.svg); } .podcast_item a.link.--with_arrow_right { color: black; } .podcast_item a.link.--with_arrow_right:hover { color: black; } .podcast_item a.link.--with_arrow_right:hover::after { left: 10px; } .text-white { color: white !important; } .hs-button.primary { border-radius: 25px; } .hbspt-form form { color: white; display: flex; flex-direction: column; align-items: flex-start; margin: 0 auto; } .hbspt-form form li { list-style: none; } ul.no-list.hs-error-msgs.inputs-list { margin-top: 8px; color: #d12020; } .hbspt-form form a { color: white; text-decoration: underline; font-weight: 700; } .hbspt-form form .hs-button { background: rgba(31, 209, 142, 1); padding: 10px 60px; border-radius: 120px; border: none; color: white; font-size: 16px; font-weight: 400; } .hbspt-form form .hs-button:hover { transform: scale(0.99); } .hbspt-form form a:hover { color: white; text-decoration: none; } /* .hs-main-font-element { margin-bottom: 20px; } */ .hs-input:not([type='checkbox']) { padding: 11px 15px 11px 15px; min-width: 100%; border-radius: 20px; font-size: 16px; } .hbspt-form form fieldset { max-width: unset !important; } .hs_email label, .hs-form-field label { font-size: 16px; } .hs-form-field .input { margin-top: 10px; } fieldset.form-columns-2 .hs-form-field { display: flex; flex-direction: column; justify-content: space-between; width: 100%; margin: 15px 0 0 0; height: auto; } .filters_container_button { display: flex; } .form_section { padding: 30px; } .form_section:before { content: ''; position: absolute; height: 100%; top: 0; width: 100vw; left: 50%; margin-left: -50vw; z-index: -3; background: #222222; } #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(0.45); z-index: -2; background-color: #000; background-image: url('https://www.idosell.com/panel/file-gate.php?id=262620&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%); } .form-columns-1 { margin: 15px 0; } @media (min-width: 757px) { #hero_section:before { background-color: #000; background-image: url('https://www.idosell.com/panel/file-gate.php?id=262620&ext=.jpeg'); background-repeat: no-repeat; background-size: cover; background-position: center center; } } @media (min-width: 979px) { /* fieldset.form-columns-2 .hs-form-field { height: 70px !important; } */ .form-columns-1 { margin: 15px 0 20px 0 !important; } .hbspt-form form { width: 80%; } } @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(0.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, 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=262620&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=262620&ext=.jpeg'); } } </style> <div class="col-12 px-0 form_section"> <script charset="utf-8" type="text/javascript" src="//js-eu1.hsforms.net/forms/embed/v2.js" ></script> <script> hbspt.forms.create({ region: 'eu1', portalId: '26134891', formId: '3e2c885e-8974-4f5a-9bd4-105b016f6b45', }); </script> </div> </main> <style> #podcast_container { display: grid; grid-template-columns: 1fr; gap: 35px; padding-bottom: 50px; } @media (max-width: 1200px) { fieldset.form-columns-2 .hs-form-field { float: none !important; width: 100% !important; } } @media (min-width: 1200px) { .hs_opowiedz_nam_o_sobie.hs-opowiedz_nam_o_sobie.hs-fieldtype-select.field.hs-form-field label { margin-bottom: 20px; } } .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; display: flex; align-items: center; } #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_podcast { 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) { #podcast_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; } } @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 podcastList = [ { title: 'Migracja - kiedy jest potrzebna i co za sobą niesie? Gościnnie Marlena Kiwicz', photo: 'https://www.idosell.com/panel/file-gate.php?id=307556&ext=.jpg', category: 'Sezon 3', link: 'https://www.idosell.com/pl/podcast/s03e12/', }, { title: 'Bezpieczeństwo e-biznesu. Dlaczego niezawodność infrastruktury jest tak ważna? Gościnnie Marcin Dawidowicz', photo: 'https://www.idosell.com/panel/file-gate.php?id=307555&ext=.jpg', category: 'Sezon 3', link: 'https://www.idosell.com/pl/podcast/s03e11/', }, { title: 'Odcinek specjalny. Prawo a cross-border.', photo: 'https://www.idosell.com/panel/file-gate.php?id=301166&ext=.jpg', category: 'Sezon 3', link: 'https://www.idosell.com/pl/podcast/s03e10/', }, { title: 'Odcinek specjalny. Porozmawiajmy o trendach w e-commerce na 2024 rok.', photo: 'https://www.idosell.com/panel/file-gate.php?id=301167&ext=.jpg', category: 'Sezon 3', link: 'https://www.idosell.com/pl/podcast/sezon03e09/', }, { title: 'Odcinek specjalny. Porozmawiajmy o Black Friday.', photo: 'https://www.idosell.com/panel/file-gate.php?id=294511&ext=.jpg', category: 'Sezon 3', link: 'https://www.idosell.com/pl/podcast/s03e08/', }, { title: 'UI w sklepie internetowym. Po co jest i jak może pomóc w sprzedaży?', photo: 'https://www.idosell.com/panel/file-gate.php?id=294510&ext=.jpg', category: 'Sezon 3', link: 'https://www.idosell.com/pl/podcast/s03e07/', }, { title: 'Dlaczego e-sklepom jest potrzebny PR? Strategia, archetyp, media relations.', photo: 'https://www.idosell.com/panel/file-gate.php?id=294509&ext=.jpg', category: 'Sezon 3', link: 'https://www.idosell.com/pl/podcast/s03e06/', }, { title: 'Budowanie brandu w e-commerce. Jak stworzyć markę, która będzie rozpoznawalna?', photo: 'https://www.idosell.com/panel/file-gate.php?id=285195&ext=.jpg', category: 'Sezon 3', link: 'https://www.idosell.com/pl/podcast/s03e05/', }, { title: 'Płatności w sklepach internetowych. Czy to tylko sposób na sfinalizowanie transakcji? Może coś więcej?', photo: 'https://www.idosell.com/panel/file-gate.php?id=281046&ext=.jpg', category: 'Sezon 3', link: 'https://www.idosell.com/pl/podcast/s03e04/', }, { title: 'Wykorzystanie AI w sklepie internetowym. Jakie procesy można zautomatyzować i dlaczego warto to zrobić? Gość Tomasz Zdziebko', photo: 'https://www.idosell.com/panel/file-gate.php?id=277542&ext=.jpg', category: 'Sezon 3', link: 'https://www.idosell.com/pl/podcast/s03e03/', }, { title: 'Skrócona ścieżka zakupowa (Express checkout) – nowy standard, który powinien mieć każdy sklep?', photo: 'https://www.idosell.com/panel/file-gate.php?id=274875&ext=.jpg', category: 'Sezon 3', link: 'https://www.idosell.com/pl/podcast/s03e02/', }, { title: 'Po co właściwie ten audyt? Gość: Piotr Kałwa', photo: 'https://www.idosell.com/panel/file-gate.php?id=272257&ext=.jpg', category: 'Sezon 3', link: 'https://www.idosell.com/pl/podcast/s03e01/', }, { title: 'Odcinek specjalny. Czy korzystanie z ChatuGPT w e-commerce jest zgodne z prawem? Gościnnie Rafał Malujda', photo: 'https://www.idosell.com/panel/file-gate.php?id=262609&ext=.jpg', category: 'Odcinki specjalne', link: 'https://www.idosell.com/pl/podcast/s02e09/', }, { title: 'Dlaczego warto sprzedawać i pomagać? Jak teraz wygląda e-commerce w Ukrainie? Gościnnie Meest', photo: 'https://www.idosell.com/panel/file-gate.php?id=262608&ext=.jpg', category: 'Sezon 2', link: 'https://www.idosell.com/pl/podcast/s02e08/', }, { title: 'Czy fulfillment jest dobrym rozwiązaniem dla e-sklepów w czasie rosnącej inflacji? Gościnnie Omnipack', photo: 'https://www.idosell.com/panel/file-gate.php?id=262607&ext=.jpg', category: 'Sezon 2', link: 'https://www.idosell.com/pl/podcast/s02e07/', }, { title: 'Jak wykorzystać płatności odroczone, żeby zwiększyć sprzedaż w trudnych czasach? Gościnnie PayPo', photo: 'https://www.idosell.com/panel/file-gate.php?id=262606&ext=.jpg', category: 'Sezon 2', link: 'https://www.idosell.com/pl/podcast/s02e06/', }, { title: 'Jak zbudować lejek sprzedażowy, który naprawdę zadziała? Gościnnie Revhunter', photo: 'https://www.idosell.com/panel/file-gate.php?id=262605&ext=.jpg', category: 'Sezon 2', link: 'https://www.idosell.com/pl/podcast/s02e05/', }, { title: 'Trendy w e-commerce na 2023 rok - odcinek specjalny', photo: 'https://www.idosell.com/panel/file-gate.php?id=262604&ext=.jpg', category: 'Odcinki specjalne', link: 'https://www.idosell.com/pl/podcast/s02e04/', }, { title: 'Jak Amazon może napędzać sprzedaż na nowych rynkach?', photo: 'https://www.idosell.com/panel/file-gate.php?id=262603&ext=.jpg', category: 'Sezon 2', link: 'https://www.idosell.com/pl/podcast/s02e03/', }, { title: 'Black Friday, Walentynki, Dzień Dziecka... Jak przygotować sklep internetowy na wysoki sezon zakupowy?', photo: 'https://www.idosell.com/panel/file-gate.php?id=262602&ext=.jpg', category: 'Sezon 2', link: 'https://www.idosell.com/pl/podcast/s02e02/', }, { title: 'Jak sprzedawać ubrania w Internecie? Pięć sposobów na sukces - gościnnie Shopee', photo: 'https://www.idosell.com/panel/file-gate.php?id=262601&ext=.jpg', category: 'Sezon 2', link: 'https://www.idosell.com/pl/podcast/s02e01/', }, { title: 'Model subskrypcyjny. Jak wykorzystać go w e-commerce?', photo: 'https://www.idosell.com/panel/file-gate.php?id=262600&ext=.jpg', category: 'Sezon 1', link: 'https://www.idosell.com/pl/podcast/s01e07/', }, { title: 'UX w sklepach internetowych. Proste rozwiązania potrafią zwiększyć sprzedaż nawet o 160 proc.', photo: 'https://www.idosell.com/panel/file-gate.php?id=262599&ext=.jpg', category: 'Sezon 1', link: 'https://www.idosell.com/pl/podcast/s01e06/', }, { title: 'Jak stworzyć strategię dla reklam Google, która na pewno zadziała?', photo: 'https://www.idosell.com/panel/file-gate.php?id=262598&ext=.jpg', category: 'Sezon 1', link: 'https://www.idosell.com/pl/podcast/s01e05/', }, { title: 'Jak w 3 tygodnie założyć sklep na kolejny rynek i rozpocząć sprzedaż za granicę?', photo: 'https://www.idosell.com/panel/file-gate.php?id=262597&ext=.jpg', category: 'Sezon 1', link: 'https://www.idosell.com/pl/podcast/s01e04/', }, { title: 'Jak zbliżyć doświadczenia zakupowe klienta online do doświadczeń ze sklepu offline?', photo: 'https://www.idosell.com/panel/file-gate.php?id=262596&ext=.jpg', category: 'Sezon 1', link: 'https://www.idosell.com/pl/podcast/s01e03/', }, { title: 'Co Polacy kupują w internecie? Dlaczego sprzedawcy powinni to wiedzieć? Omawiamy raport IdoSell', photo: 'https://www.idosell.com/panel/file-gate.php?id=262595&ext=.jpg', category: 'Sezon 1', link: 'https://www.idosell.com/pl/podcast/s01e02/', }, { title: 'Cross-border – jak zacząć sprzedawać za granicę i zdobyć tam nowych klientów.', photo: 'https://www.idosell.com/panel/file-gate.php?id=262594&ext=.jpg', category: 'Sezon 1', link: 'https://www.idosell.com/pl/podcast/s01e01/', }, ]; const filtersContainerButton = document.querySelector('.filters_container_button'); const filtersDiv = document.querySelector('.filter_container_div'); const resetButtonContainer = document.querySelector('.filters_heading'); const podcastContainer = document.querySelector('#podcast_container'); const filterContainer = document.getElementById('filter_container'); // Tworzenie kategorii let allCategories = []; function createFiltersList(podcast) { if (!allCategories.includes(podcast.category)) { if (podcast.category === 'Odcinki specjalne') { allCategories.unshift(podcast.category); } else { allCategories.push(podcast.category); } } } // Zdefiniowanie funkcji do filtrowania podcastów bazowane na wybranych kategoriach function filterPodcast() { // Pobranie kategorii, które są obecnie wybrane const selectedCategories = allCategories.filter(category => { const checkbox = document.getElementById(category); return checkbox && checkbox.checked; }); // Pobranie sezonów, które są obecnie wybrane const selectedSeasons = Array.from( document.querySelectorAll('.podcast_badge.selected'), ).map(badge => badge.getAttribute('data-season')); // Jeśli nie wybrano żadnych kategorii i sezonów, pokaż wszystkie podcasty if (selectedCategories.length === 0 && selectedSeasons.length === 0) { return podcastList; } // Filtruj podcasty na podstawie wybranych kategorii i sezonów return podcastList.filter(podcast => { return ( selectedCategories.includes(podcast.category) || selectedSeasons.includes(podcast.season) ); }); } function handleNewBadgeClick(event) { const selectedSeason = event.target.getAttribute('data-season'); const checkbox = document.getElementById(selectedSeason); checkbox.click(); } function createNewContainer(podcast) { // Tworzenie nowego elementy dla podcastów const newDiv = document.createElement('div'); const newh3 = document.createElement('h3'); newh3.classList.add('podcast_header'); const newParagraph = document.createElement('p'); const newLinkImage = document.createElement('a'); const newLinkTitle = document.createElement('a'); const newLinkPodcast = document.createElement('a'); const newImage = document.createElement('img'); const newBadge = document.createElement('p'); newParagraph.classList.add('paragraph'); // Ustawione atrybuty i tekst dla elementów newLinkImage.href = podcast.link; newLinkTitle.href = podcast.link; newLinkPodcast.href = podcast.link; newImage.src = podcast.photo; newImage.alt = `Podcast IdoSell - ${podcast.title}`; newImage.classList.add('mb-4'); newBadge.innerText = podcast.category; newBadge.classList.add('podcast_badge', 'mb-2'); switch (podcast.category) { case 'Sezon 1': newBadge.classList.add('--first_season'); break; case 'Sezon 2': newBadge.classList.add('--second_season'); break; case 'Sezon 3': newBadge.classList.add('--third_season'); break; case 'Odcinki specjalne': newBadge.classList.add('--special'); break; } // Dodanie atrybutu data-season do newBadge newBadge.setAttribute('data-season', podcast.category); // Dodanie event listenera dla newBadge newBadge.addEventListener('click', handleNewBadgeClick); // newImage.loading = "lazy"; newLinkImage.append(newImage); newh3.innerText = podcast.title; newLinkTitle.append(newh3); newLinkPodcast.innerText = 'Odsłuchaj podcast'; newLinkPodcast.classList.add('link'); newLinkPodcast.classList.add('--with_arrow_right'); // Dodane elementy do kontenera newDiv.append(newBadge); newDiv.append(newLinkImage); newDiv.append(newLinkTitle); newDiv.append(newLinkPodcast); newDiv.classList.add('podcast_item'); // Dodany kontener z divami do kontenera podcastów podcastContainer.append(newDiv); } function showAllFilters() { // Stwórz checkboxy dla każdej kategorii allCategories.reverse(); 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_podcast'); 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 podcasty filterElement.addEventListener('click', () => { // Filtruj podcasty poprzez kategorię const filteredPodcast = filterPodcast(); // Usuń istniejące elementy podcasty podcastContainer.querySelectorAll('.podcast_item').forEach(item => { item.remove(); }); // Usuń nowe elementy przez każdy podcast filteredPodcast.map(podcast => { createNewContainer(podcast); }); }); filterContainer.appendChild(containerOneFilterElement); } } const allCheckbox = document.getElementById('all'); // Stworzenie listy kategorii podcastList.forEach(podcast => createFiltersList(podcast)); // Stwórz checkboxy i pokaż podcast showAllFilters(); // Wybierz wyfiltrowane podcast const filteredPodcast = filterPodcast(); // Mapowanie nowych elementów z filtrowanych postów filteredPodcast.map(podcast => { createNewContainer(podcast); }); function resetFilters() { // Odznaczenie wszystkich checkboxów const checkboxes = document.querySelectorAll('input[type=checkbox]'); checkboxes.forEach(checkbox => { checkbox.checked = false; }); // Filtruj podcast, aby pokazać wszystkie kategorie const filteredPodcast = filterPodcast(); // Usuwanie obecnych elementów podcast podcastContainer.querySelectorAll('.podcast_item').forEach(item => { item.remove(); }); // Tworzenie nowych elementów dla każdego podcastu filteredPodcast.map(podcast => { createNewContainer(podcast); }); } // Utworzenie buttonów, aby zresetować filtry const resetButton = document.createElement('button'); resetButton.innerHTML = 'Wyczyść filtry'; resetButton.classList.add('link', '--small', '--underline', 'bolded', 'ml-2'); resetButton.addEventListener('click', resetFilters); resetButtonContainer.append(resetButton); </script> <style> .splide__container { box-sizing: border-box; position: relative; } .podcast_header { font-size: 22px; font-weight: 400; margin-bottom: 10px; } .podcast_item { max-width: 400px; } .podcast_item .podcast_badge { font-size: 16px; padding: 6px; display: inline-block; cursor: pointer; border-radius: 2px; } .podcast_item .podcast_badge.--first_season { color: #f55a1f; background-color: rgba(245, 90, 31, 0.1); border: 1px solid #f55a1f; } .podcast_item .podcast_badge.--second_season { color: #727ae9; background-color: rgba(114, 122, 233, 0.1); border: 1px solid #727ae9; } .podcast_item .podcast_badge.--third_season { color: #d11f1f; background-color: rgba(209, 31, 31, 0.1); border: 1px solid #d11f1f; } .podcast_item .podcast_badge.--special { color: #1fd18e; background-color: rgba(31, 209, 142, 0.1); border: 1px solid #1fd18e; } .call_to_action__buttons { margin-top: 35px; } .call_to_action__buttons .btn.mainButton { 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> <style> .hs-form-3e2c885e-8974-4f5a-9bd4-105b016f6b45_7f2b6b14-2129-4888-b8fd-705665937291 .hs-form-field.hs_segmentacja_uproszczona > label { display: none !important; } </style></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%2Fpodcast%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

Posłuchaj podcastów o e-commerce - IdoSell