Wide assortment

Kostenloser Versand über 500 SEK

Kostenlose Änderungen

13 % Willkommensrabatt auf Wörter. Preise

WILLKOMMEN13

Marken

@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700'); @import url('https://fonts.googleapis.com/css?family=Open+Sans'); @import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css'); .owl-theme .owl-controls .owl-buttons div { Deckkraft: .9; } html { Scrollverhalten: glatt; } .page-width{ maximale Breite: 90 %; } .page-content{ maximale Breite: 1000px; } .page-width--narrow{ padding-left: 0; padding-right: 0; } .brandPage_Root{ Schriftgröße: 16px; } .brandPage_Root img{ margin-bottom: 0px !important; } .brandPage_Root div{ margin-top: 0px !important; margin-bottom: 0px !important; } .brandPage_Root a{ Textdekoration: keine !important; } .brandPage_Root .imag_cont{ Flex-Wrap: nowrap !important; Anzeige: Flex !important; Lücke: 16px !important; overflow-x: scroll !important; Breite: fit-content !important; maximale Breite: 100 % !important; } .brandPage_Root .imag_cont::-webkit-scrollbar{ Anzeige: keine !important; } .feimg-bx{ Höhe: 150px !important; Breite: 150px !important; } .nam-bx{ Breite: 150px } @media (min-width: 801px){ .feimg-bx{ Höhe: 180px !important; Breite: 180px !important; } .nam-bx{ Breite: 180px !wichtig } } .brandPage_Root ol, .brandPage_Root li{ Listenstiltyp: keiner !important; } .brandPage_Root ol{ Rand: 0 0 0 0 !wichtig; } .brandPage_Root .brand-page-bg-gray{ Hintergrundfarbe: #eee !important; } .brandPage_Root li{ margin-bottom: 0px !important; } .l10-bodr-bot{ border-bottom: 1px solid #eee !important; } .l10-hover-bg:hover{ Hintergrundfarbe: #f8f8f8 !important; } .brand-page-py-6 { Polsterung unten: 1,5rem !important; Polsterung oben: 1,5rem !important; } .brand-page-pl-8{ padding-left: 2rem !important } .brandPage_Root .imag_cont{ Flex-Wrap: nowrap !important; Anzeige: Flex !important; Lücke: 16px !important; overflow-x: scroll !important; Breite: fit-content !important; maximale Breite: 100 % !important; } .brandPage_Root .imag_cont::-webkit-scrollbar{ Anzeige: keine !important; } .brandPage_Root .name-bx, .nam-bx{ overflow-x: scroll !important; Höhe: 40px !important; } .brandPage_Root .name-bx::-webkit-scrollbar, .nam-bx::-webkit-scrollbar{ Anzeige: keine !important; } .header-bg { Hintergrundfarbe: weiß; Rand: 2 Pixel einfarbig schwarz; Farbe: schwarz; } .brandPage_Root{ padding-left: 10px !important; padding-right: 10px!important; } @media (bevorzugtes Farbschema: dunkel) { .header-bg { Hintergrundfarbe: schwarz; Farbe: weiß; } } .brand-page-list-none{ Listenstiltyp: keiner !important; } .brandPage_Root a{ border-bottom: 0px !important; } .brandPage_Root .brand-page-text-2xl{ Schriftgröße: 22px !wichtig } .brandPage_Root .brand-page-text-xl{ Schriftgröße: 18px !wichtig } .brand-page-bott-bor{ border-bottom: solid 1px #ccc; } .brand-page-right-bor{ border-right: solid 1px #ccc; } .brand-page-pl-12{ padding-left: 3rem !important } .brandPage_Root-Eingabe{ Rand: 1 Pixel einfarbig schwarz; Polsterung unten: 5px; Polsterung oben: 5px; } .brandPage_Root ul{ Rand: 0px; padding-left: 0px; padding-right: 0px; } .brand-page-absolute { Position: absolut } .brand-page-relative { Position: relativ } .brand-page-left-4 { links: 1 Riemen } .brand-page-top-set { oben: 30 % } .brand-page-order-last { Bestellung: 9999 } .brand-page-col-span-12 { Gitterspalte: Spanne 12/Spanne 12 } .brand-page-col-span-3 { Gitterspalte: Spanne 3/Spanne 3 } .brand-page-col-span-6 { Gitterspalte: Spanne 6/Spanne 6 } .brand-page-m-0 { Rand: 0 } .brand-page-mx-auto { margin-left: auto !important; margin-right: auto !important; } .brand-page-my-2 { margin-bottom: .5rem !important; margin-top: .5rem !important } .brand-page-my-4 { margin-bottom: 1rem !important; margin-top: 1rem !important } .brand-page-my-auto { margin-bottom: auto !important; margin-top: auto !important } .brand-page-mb-4 { margin-bottom: 1rem !important } .brand-page-mb-2 { margin-bottom: 0,5rem !wichtig } .brand-page-ml-2 { margin-left: .5rem !important } .brand-page-ml-4 { margin-left: 1rem !important } .brand-page-mr-1 { Rand rechts: .25rem !wichtig } .brand-page-mr-4 { margin-right: 1rem !important } .brand-page-mt-2 { margin-top: .5rem !important } .brand-page-mt-4 { margin-top: 1rem !important } .brand-page-block { Anzeige: Block !important } .brand-page-inline-block { Anzeige: Inline-Block !important } .brand-page-flex { Anzeige: Flex !wichtig } .brand-page-grid { Anzeige: Raster !wichtig } .brand-page-inline-grid { Anzeige: inline-grid !important } .brand-page-h-0 { Höhe: 0 } .brand-page-h-0\.5 { Höhe: .125rem !wichtig } .brand-page-h-full { Höhe: 100 % !wichtig } .brand-page-w-1\/2 { Breite: 50 % !wichtig } .brand-page-w-1\/3 { Breite: 33,333333 % !wichtig } .brand-page-w-11\/12 { Breite: 91,666667 % !wichtig } .brand-page-w-auto { Breite: automatisch !wichtig } .brand-page-w-full { Breite: 100 % !wichtig } .-brand-page-translate-y-1\/2 { --tw-translate-y: -50 % } .-brand-page-translate-y-1\/2,.brand-page-transform { transformieren: translator(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) } .brand-page-select-none { -webkit-user-select: keine; -moz-user-select: keine; Benutzerauswahl: keine } .brand-page-list-none { Listenstiltyp: keiner } .brand-page-grid-cols-1 { Rastervorlagenspalten: wiederholen(1,minmax(0,1fr)) } .brand-page-grid-cols-12 { Rastervorlagenspalten: wiederholen(12,minmax(0,1fr)) } .brand-page-grid-cols-3 { Rastervorlagenspalten: wiederholen(3,minmax(0,1fr)) } .brand-page-grid-cols-4 { Rastervorlagenspalten: wiederholen(4,minmax(0,1fr)) } .brand-page-grid-cols-7 { Rastervorlagenspalten: wiederholen(7,minmax(0,1fr)) } .brand-page-flex-col { Flexrichtung: Spalte } .brand-page-flex-wrap { Flex-Wrap: wickeln } .brand-page-items-center { align-items: center !important } .brand-page-justify-center { justify-content: center !important } .brand-page-gap-2 { Lücke: .5rem !wichtig } .brand-page-gap-4 { Lücke: 1rem !important } .brand-page-self-center { align-self: center !important } .brand-page-truncate { Überlauf: versteckt; Textüberlauf: Auslassungspunkte; Leerraum: Nowrap } .brand-page-break-words { Überlauf-Wrap: Break-Wort } .brand-page-rounded-lg { Randradius: .5rem !wichtig } .brand-page-border-0 { Randbreite: 0 !wichtig } .brand-page-border-\[1px\] { Randbreite: 1px !wichtig } .brand-page-border-solid { Rahmenstil: solide !important } .brand-page-border-none { Rahmenstil: keiner !important } .brand-page-border-\[\#757575\] { --tw-border-opacity: 1; Rahmenfarbe: rgb(117 117 117/var(--tw-border-opacity)) } .brand-page-bg-\[\#FAFAFA\],.brand-page-bg-\[\#fafafa\] { --tw-bg-opacity: 1; Hintergrundfarbe: rgb(250 250 250/var(--tw-bg-opacity)) } .brand-page-bg-gray-400 { --tw-bg-opacity: 1; Hintergrundfarbe: rgb(156 163 175/var(--tw-bg-opacity)) } .brand-page-bg-transparent { Hintergrundfarbe: initial } .brand-page-p-2 { Polsterung: .5rem !wichtig } .brand-page-p-4 { Polsterung: 1rem !wichtig } .brand-page-p-\[30px\] { Polsterung: 30px !important; } .brand-page-px-0 { padding-left: 0 !important; padding-right: 0 !important } .brand-page-px-1 { padding-left: .25rem !important; padding-right: .25rem !important } .brand-page-px-2 { padding-left: .5rem !important; padding-right: .5rem !important } .brand-page-px-4 { padding-left: 1rem !important; padding-right: 1rem !important } .brand-page-py-2 { Polsterung unten: .5rem !important; Polsterung oben: .5rem !wichtig } .brand-page-py-4 { Polsterung unten: 1rem !important; Polsterung oben: 1rem !wichtig } .brand-page-pb-1 { Polsterung unten: .25rem !wichtig } .brand-page-pb-2 { Polsterung unten: .5rem !wichtig } .brand-page-pb-4 { Polsterung unten: 1rem !wichtig } .brand-page-pl-2 { padding-left: .5rem !important } .brand-page-pt-\[10px\] { padding-top: 10px !important } .brand-page-text-center { text-align: center !important } .brand-page-font-bold { Schriftstärke: 700 !wichtig } .brand-page-font-medium { Schriftstärke: 500 !wichtig } .brand-page-font-semibold { Schriftstärke: 600 !wichtig } .brand-page-leading-tight { Zeilenhöhe: 1,25 !wichtig } .brand-page-text-black { --tw-text-opacity: 1; Farbe: rgb(0 0 0/var(--tw-text-opacity)) } .brand-page-no-underline { Textdekorationszeile: keine !important } .hover\:brand-page-break-normal:hover { overflow-wrap: normal !important; Wortumbruch: normal !important } @media (Mindestbreite: 640 Pixel) { .sm\:brand-page-col-span-5 { Gitterspalte: Spanne 5/Spanne 5 } .sm\:brand-page-col-span-8 { Gitterspalte: Spanne 8/Spanne 8 } .sm\:brand-page-flex { Anzeige: Flex !wichtig } .sm\:brand-page-w-1\/2 { Breite: 50 % !wichtig } .sm\:brand-page-w-1\/3 { Breite: 33,333333 % !wichtig } .sm\:brand-page-w-4\/5 { Breite: 80 % !wichtig } .sm\:brand-page-grid-cols-2 { Rastervorlagenspalten: wiederholen(2,minmax(0,1fr)) } .sm\:brand-page-grid-cols-6 { Rastervorlagenspalten: wiederholen(6,minmax(0,1fr)) } .sm\:brand-page-grid-cols-9 { Rastervorlagenspalten: wiederholen(9,minmax(0,1fr)) } .sm\:brand-page-pb-4 { Polsterung unten: 1rem !wichtig } } @media (Mindestbreite: 768 Pixel) { .md\:brand-page-w-1\/3 { Breite: 33,333333 % !wichtig } .md\:brand-page-grid-cols-3 { Rastervorlagenspalten: wiederholen(3,minmax(0,1fr)) } }
var brandPageUrl = "https://brandpagebuilder.aperitive.io/shop/8146/brands"; Funktion split(str, q) { const str_norm = str.toLowerCase() const q_norm = q.toLowerCase() const split_norm = str_norm.split(q_norm) if (split_norm.length == 1) return ["no", str]; let join = str.slice(0, split_norm[0].length) sei pos = join.length for (let i = 0; i < split_norm.length; i++) { if (i >= split_norm.length - 1) break; join += '' + str.slice(pos, pos + q.length) + '' + str.slice(pos + q.length, pos + q.length + split_norm[i + 1 ].Länge) pos += q.length + split_norm[i + 1].length } return ['ja', beitreten]; } Funktion httpGetAsync(theUrl, Rückruf) { var xmlHttp = new XMLHttpRequest(); xmlHttp.onreadystatechange = function () { if (xmlHttp.readyState == 4 && xmlHttp.status == 200) { var data = xmlHttp.responseText; var divElement = document.querySelector('.brandPage_Root'); divElement.innerHTML = Daten; var formElement = document.querySelector('#searchForm'); if (formElement){ var layout = formElement.getAttribute("layout") formElement.addEventListener("input",function(e){ const query = e.target.value.toLowerCase(); var totalCount = 0; const section = Array.from(document.getElementsByClassName("brand-section")) Abschnitte.forEach(Abschnitt => { const brand = Array.from(section.getElementsByClassName("brands")) Var-Anzahl = 0; brand.forEach(brand => { let seller_name_container = brand.querySelector("a"); let Vendor_name = Vendor_name_container.innerText; let url = brand.getAttribute("url"); if(query.length){ const [present_or_not, displayText] = split(vendor_name, query); if (present_or_not == 'yes'){ brand.style["display"] = 'block'; Vendor_name_container.innerHTML = displayText; } anders{ brand.style["display"] = 'none'; } count += (present_or_not == "no" ? 0 : 1); if (layout == "layout_7") { let cc_block = document.getElementById("cc_value"); cc_block.classList.remove("cc"); } } anders{ let ven_name = brand.querySelector("p").getAttribute("title") if (layout == "layout_7") { let cc_block = document.getElementById("cc_value"); cc_block.classList.add("cc"); } Vendor_name_container.innerHTML = Vendor_name; brand.style["display"] = 'block'; zählen += 1; } }) totalCount += count; if (layout == 'layout_6'){ section.style["display"] = (count ? 'inline-block' : 'none'); } anders{ section.style["display"] = (count ? 'block' : 'none'); } const shortcutID = "shortcut-" + section.getAttribute("term") const shortcut = document.getElementById(shortcutID) if (Abkürzung) { shortcut.style = (count ? "" : "color: #ccc;"); } }); document.getElementById('no-results').style['display'] = (totalCount ? 'none' : 'block'); }) } const charFilterLinks = document.querySelectorAll('#char_filter a'); if (charFilterLinks) { charFilterLinks.forEach(link => { link.addEventListener('click', function (e) { e.preventDefault(); const targetSectionId = this.getAttribute('data-target'); const targetElement = document.getElementById(targetSectionId); if (targetElement) { var viewportOffset = targetElement.getBoundingClientRect(); var top = viewportOffset.top; window.scroll({ Verhalten: 'glatt', links: 0, oben: oben }); } }); }); }; const toggleButtons = document.querySelectorAll('.dtoggle'); if (toggleButtons){ toggleButtons.forEach(function (toggleButton) { toggleButton.addEventListener('click', function () { var brands_block_id = toggleButton.getAttribute('brands_id'); var content_box = document.getElementById(brands_block_id); var plus_minus = toggleButton.querySelector('#plus-minus'); if (content_box.style.display === 'none' || content_box.style.display === '') { content_box.style.display = 'block'; plus_minus.textContent = '-'; plus_minus.style.fontSize = '40px'; } anders { content_box.style.display = 'none'; plus_minus.textContent = '+'; plus_minus.style.fontSize = '30px'; } }); }) }; } }; xmlHttp.open('GET', theUrl + window.location.search, true); xmlHttp.send(null); } httpGetAsync("https://brandpagebuilder.aperitive.io/shop/8146/brands"); var storename = "ongoal.myshopify.com";
Torna all’inizio