PageSourceSearch

https://jonic-textil.se/shop/wishlist

html jonic-textil.se collected 2026-09-26 18:07:17 UTC 132,298 bytes, 2,861 lines download raw bytes

1<!DOCTYPE html>
2<html class="no-javascript" lang="sv">
3  <head>
4<link rel="alternate" href="https://jonic-textil.se/shop/wishlist" hreflang="sv" />
5<link rel="alternate" href="https://jonic-textil.se/en/shop/wishlist" hreflang="en" />
6<meta property="ix:host" content="cdn.quickbutik.com/images">
7    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
8    
9    <title>Jonic Textil AB | Grossist inom sybehör och tyg</title>
10    
11    <meta name="author" content="Quickbutik">
12    <meta name="description" content="Jonic Textil AB är en grossist inom sybehör och tyger. Vi erbjuder ett brett sortiment med bland annat reflexband, kardborrband, dragkedjor och andra textil">
13    
14    <meta property="og:description" content="Jonic Textil AB är en grossist inom sybehör och tyger. Vi erbjuder ett brett sortiment med bland annat reflexband, kardborrband, dragkedjor och andra textil">
15    <meta property="og:title" content="Jonic Textil AB | Grossist inom sybehör och tyg">
16    <meta property="og:url" content="https://jonic-textil.se/shop/wishlist">
17    <meta property="og:site_name" content="Jonic Textil AB">
18    <meta property="og:type" content="website">
19    <meta property="og:image" content="">
20    
21    <meta property="twitter:card" content="summary">
22    <meta property="twitter:title" content="Jonic Textil AB">
23    <meta property="twitter:description" content="Jonic Textil AB är en grossist inom sybehör och tyger. Vi erbjuder ett brett sortiment med bland annat reflexband, kardborrband, dragkedjor och andra textil">
24    <meta property="twitter:image" content="">
25    
26    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
27    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
28
29    
29<script>document.documentElement.classList.remove('no-javascript');</script>
29
30    
31    <!-- Vendor Assets -->
32    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css">
33    <link href="https://storage.quickbutik.com/templates/nova/css/assets.min.css?32114" rel="stylesheet">
34    
35    <!-- Theme Stylesheet -->
36    <link href="https://storage.quickbutik.com/templates/nova/css/theme-main.css?32114" rel="stylesheet">
37    <link href="https://storage.quickbutik.com/stores/66226l/templates/nova/css/theme-sub.css?32114" rel="stylesheet">
38    <link href="https://storage.quickbutik.com/stores/66226l/templates/nova/css/custom.css?32114" rel="stylesheet">
39    
40    <!-- Google Fonts -->
41    
42	  
43	  
44	  <link href="//fonts.googleapis.com/css?family=Lato:400,700%7CLato:400,700" rel="stylesheet" type="text/css"  media="all" />
45    
46
47    <!-- Favicon-->
48    <link rel="icon" type="image/png" href="https://cdn.quickbutik.com/images/66226l/templates/nova/assets/favicon.png?s=32114&auto=format">
49    
50    <link rel="canonical" href="https://jonic-textil.se/shop/wishlist">
51    
52    
52<script src="https://cdnjs.cloudflare.com/ajax/libs/imgix.js/4.0.0/imgix.min.js" integrity="sha512-SlmYBg9gVVpgcGsP+pIUgFnogdw1rs1L8x+OO3aFXeZdYgTYlFlyBV9hTebE6OgqCTDEjfdUEhcuWBsZ8LWOZA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
52
53    <meta property="ix:useHttps" content="true">
54
55    	<meta name="google-site-verification" content="PzN3x3EN5hi1zzPHgl8uYc725LZfkOwFoDD0cUJMc20" />
56
57<!-- Get a Newsletter popup form -->
58<script>
59  !function(e,t,n,a,c,r){function o(){var e={a:arguments,q:[]},t=this.push(e)
60  ;return"number"!=typeof t?t:o.bind(e.q)}
61  e.GetanewsletterObject=c,o.q=o.q||[],e[c]=e[c]||o.bind(o.q),
62  e[c].q=e[c].q||o.q,r=t.createElement(n);var i=t.getElementsByTagName(n)[0]
63  ;r.async=1,
64  r.src="https://cdn.getanewsletter.com/js-forms-assets/universal.js?v"+~~((new Date).getTime()/1e6),
65  i.parentNode.insertBefore(r,i)}(window,document,"script",0,"gan");
66  var gan_account=gan("accounts","InNlY3JldC11c2VyLWhhc2gtZm9yLTY0NzIwIg.1siW4dmFyh06M3yvvP5jzmg1fgA","load");
67</script>
67
68<!-- End Get a Newsletter popup form -->
69
70
71    
72    <style>.hide { display: none; }</style>
73  
73<script type="text/javascript" defer>document.addEventListener('DOMContentLoaded', () => {
74    document.body.setAttribute('data-qb-page', 'app_wishlist');
75});</script>
75<script src="/assets/shopassets/cookieconsent/cookieconsent.js?v=230"></script>
75
76<style>
77    html.force--consent,
78    html.force--consent body{
79        height: auto!important;
80        width: 100vw!important;
81    }
82</style>
83
84    
84<script type="text/javascript">
85    var qb_cookieconsent = initCookieConsent();
86    var qb_cookieconsent_blocks = [{"title":"Vi anv\u00e4nder cookies","description":"Vi anv\u00e4nder cookies f\u00f6r att anpassa det inneh\u00e5ll som visas f\u00f6r dig och f\u00f6r att du ska f\u00e5 b\u00e4sta t\u00e4nkbara upplevelse n\u00e4r du handlar hos oss."},{"title":"N\u00f6dv\u00e4ndiga cookies *","description":"Dessa cookies \u00e4r n\u00f6dv\u00e4ndiga f\u00f6r att butiken ska fungera korrekt och g\u00e5r inte att st\u00e4nga av utan att beh\u00f6va l\u00e4mna denna webbplats. De anv\u00e4nds f\u00f6r att funktionalitet som t.ex. varukorg, skapa ett konto och annat ska fungera korrekt.","toggle":{"value":"basic","enabled":true,"readonly":true}},{"title":"Statistik och prestanda","description":"Dessa cookies g\u00f6r att vi kan r\u00e4kna bes\u00f6k och trafik och d\u00e4rmed ta reda p\u00e5 saker som vilka sidor som \u00e4r mest popul\u00e4ra och hur bes\u00f6karna r\u00f6r sig p\u00e5 v\u00e5r webbplats. All information som samlas in genom dessa cookies \u00e4r sammanst\u00e4lld, vilket inneb\u00e4r att den \u00e4r anonym. Om du inte till\u00e5ter dessa cookies kan vi inte ge dig en lika skr\u00e4ddarsydd upplevelse.","toggle":{"value":"analytics","enabled":false,"readonly":false},"cookie_table":[{"col1":"_ga","col2":"google.com","col3":"2 years","col4":"Google Analytics"},{"col1":"_gat","col2":"google.com","col3":"1 minute","col4":"Google Analytics"},{"col1":"_gid","col2":"google.com","col3":"1 day","col4":"Google Analytics"}]},{"title":"Marknadsf\u00f6ring","description":"Dessa kakor s\u00e4tts via v\u00e5r webbplats av v\u00e5ra annonspartners f\u00f6r att skapa en profil utifr\u00e5n dina intressen och visa relevanta annonser p\u00e5 andra webbplatser. De kan samla information om ditt surfbeteende och anv\u00e4ndas f\u00f6r att identifiera din webbl\u00e4sare och internetenhet. Vissa annonspartners kan \u00e4ven ta emot hashad kontaktinformation (till exempel e-postadress) f\u00f6r att f\u00f6rb\u00e4ttra annonsm\u00e5lgrupperingen. Om du inte till\u00e5ter dessa kakor kommer du att uppleva mindre riktad annonsering.","toggle":{"value":"marketing","enabled":false,"readonly":false}}];
87</script>
87
88    <!-- Google Tag Manager -->
89    
89<script>
90    window.dataLayer = window.dataLayer || [];
91    function gtag(){dataLayer.push(arguments);}
92
93    gtag('consent', 'default', {
94        'analytics_storage': 'denied',
95        'ad_storage': 'denied',
96        'ad_user_data': 'denied',
97        'ad_personalization': 'denied',
98        'wait_for_update': 500,
99    });
100
101    // Update consent if already granted (returning visitor with cc_cookie)
102    (function(){
103        try {
104            var m = document.cookie.match(/(?:^|;\s*)cc_cookie=([^;]+)/);
105            if (m) {
106                var c = JSON.parse(decodeURIComponent(m[1]));
107                if (c && c.level) {
108                    var hasAnalytics = c.level.indexOf('analytics') !== -1;
109                    var hasMarketing = c.level.indexOf('marketing') !== -1;
110                    if (hasAnalytics || hasMarketing) {
111                        gtag('consent', 'update', {
112                            'analytics_storage': hasAnalytics ? 'granted' : 'denied',
113                            'ad_storage': hasMarketing ? 'granted' : 'denied',
114                            'ad_user_data': hasMarketing ? 'granted' : 'denied',
115                            'ad_personalization': hasMarketing ? 'granted' : 'denied',
116                        });
117                    }
118                }
119            }
120        } catch(e) {}
121    })();
122
123    // Initialize GTM
vendor: 348 bytes, lines 123-128
123
124    (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
125    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
126    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
127    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
128    })(window,document,'script','dataLayer','
128GTM-KK44976
vendor: 9 bytes, lines 128-130
128');
129
130    
130// Handle consent updates (user clicks Accept)
131    document.addEventListener('QB_CookieConsentAccepted', function(event) {
132        var cookie = qbGetEvent(event).cookie;
133        var getConsentLevel = function(level) { return (cookie && cookie.level && cookie.level.includes(level)) ? 'granted' : 'denied'; };
134
135        gtag('consent', 'update', {
136            'analytics_storage': getConsentLevel('analytics'),
137            'ad_storage': getConsentLevel('marketing'),
138            'ad_user_data': getConsentLevel('marketing'),
139            'ad_personalization': getConsentLevel('marketing'),
140        });
141    });
142    </script>
142
143    <!-- End Google Tag Manager -->
144
145    <!-- Google Tag Manager (noscript) -->
vendor: 72 bytes, lines 145-146
145
146    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
146GTM-KK44976
vendor: 91 bytes, lines 146-148
146"
147    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
148    
148<!-- End Google Tag Manager (noscript) -->
149    <!-- Google Analytics 4 -->
vendor: 68 bytes, lines 149-150
149
150    <script async src="https://www.googletagmanager.com/gtag/js?id=
150G-EPK8G2F4DV
vendor: 16 bytes, lines 150-151
150"></script>
151    
151<script>
152        window.dataLayer = window.dataLayer || [];
153        function gtag(){dataLayer.push(arguments);}
154
155        gtag('consent', 'default', {
156            'analytics_storage': 'denied',
157            'ad_storage': 'denied',
158            'ad_user_data': 'denied',
159            'ad_personalization': 'denied',
160            'wait_for_update': 500,
161        });
162
163        // Update consent if already granted (returning visitor with cc_cookie)
164        (function(){
165            try {
166                var m = document.cookie.match(/(?:^|;\s*)cc_cookie=([^;]+)/);
167                if (m) {
168                    var c = JSON.parse(decodeURIComponent(m[1]));
169                    if (c && c.level) {
170                        var hasAnalytics = c.level.indexOf('analytics') !== -1;
171                        var hasMarketing = c.level.indexOf('marketing') !== -1;
172                        if (hasAnalytics || hasMarketing) {
173                            gtag('consent', 'update', {
174                                'analytics_storage': hasAnalytics ? 'granted' : 'denied',
175                                'ad_storage': hasMarketing ? 'granted' : 'denied',
176                                'ad_user_data': hasMarketing ? 'granted' : 'denied',
177                                'ad_personalization': hasMarketing ? 'granted' : 'denied',
178                            });
179                        }
180                    }
181                }
182            } catch(e) {}
183        })();
184
185        // Handle consent updates (user clicks Accept)
186        document.addEventListener('QB_CookieConsentAccepted', function(event) {
187            var cookie = qbGetEvent(event).cookie;
188            var getConsentLevel = function(level) { return (cookie && cookie.level && cookie.level.includes(level)) ? 'granted' : 'denied'; };
189
190            gtag('consent', 'update', {
191                'analytics_storage': getConsentLevel('analytics'),
192                'ad_storage': getConsentLevel('marketing'),
193                'ad_user_data': getConsentLevel('marketing'),
194                'ad_personalization': getConsentLevel('marketing'),
195            });
196        });
197
198        gtag('js', new Date());
199        gtag('config', 'G-EPK8G2F4DV', { 'allow_enhanced_conversions' : true } );
200
201        const gaClientIdPromise = new Promise(resolve => {
202            gtag('get', 'G-EPK8G2F4DV', 'client_id', resolve);
203        });
204        const gaSessionIdPromise = new Promise(resolve => {
205            gtag('get', 'G-EPK8G2F4DV', 'session_id', resolve);
206        });
207
208        Promise.all([gaClientIdPromise, gaSessionIdPromise]).then(([gaClientId, gaSessionId]) => {
209            var checkoutButton = document.querySelector("a[href='/cart/index']");
210            if (checkoutButton) {
211                checkoutButton.onclick = function() {
212                    var ccLevel = [];
213                    try {
214                        var m = document.cookie.match(/(?:^|;\s*)cc_cookie=([^;]+)/);
215                        if (m) { ccLevel = JSON.parse(decodeURIComponent(m[1])).level || []; }
216                    } catch(e) {}
217                    var hasAnalytics = ccLevel.indexOf('analytics') !== -1;
218                    var hasMarketing = ccLevel.indexOf('marketing') !== -1;
219                    var query = new URLSearchParams({
220                        ...(hasAnalytics ? { gaClientId, gaSessionId } : {}),
221                        consentCategories: [
222                            ...(hasAnalytics ? ['analytics'] : []),
223                            ...(hasMarketing ? ['marketing'] : []),
224                        ],
225                    });
226                    this.setAttribute("href", "/cart/index?" + query.toString());
227                };
228            }
229        });
230    </script>
230
231    <!-- End Google Analytics 4 --></head>
232 <body>
233 
234    <header class="header">
235    <!-- Section: Top Bar-->
236    <div data-qb-area="top" data-qb-element="" class="top-bar py-1  text-sm">
237      <div class="container">
238        <div class="row align-items-center top-bar-height">
239          <div class="col-12 col-lg-auto">
240    
241            <ul class="row mb-0 justify-content-center justify-content-lg-start list-unstyled">
242    
243              <!-- Component: Language Dropdown-->
244              <li class="list-inline-item col-auto">
245                <div class="dropdown px-3">
246                  <a id="langsDropdown" href="#" data-toggle="dropdown" data-display="static" aria-haspopup="true"
247                    aria-expanded="false" class="dropdown-toggle topbar-link">
248                    <img class="svg-icon navbar-icon w-auto" src="/assets/shopassets/flags/24/sv.png" alt="Svenska" />
249                  </a>
250    
251                  <div aria-labelledby="langsDropdown" class="dropdown-menu dropdown-menu-left">
252                    <a href="https://jonic-textil.se/shop/wishlist" class="dropdown-item">
253                      <img class="svg-icon navbar-icon w-auto" src="/assets/shopassets/flags/24/sv.png"
254                        alt="sv Flag" />
255                      Svenska
256                    </a>
257                    <a href="https://jonic-textil.se/en/shop/wishlist" class="dropdown-item">
258                      <img class="svg-icon navbar-icon w-auto" src="/assets/shopassets/flags/24/en.png"
259                        alt="en Flag" />
260                      English
261                    </a>
262                  </div>
263    
264                </div>
265              </li>
266    
267              <!-- Component: Tax Dropdown-->
268              <li class="col-auto">
269                <div class="dropdown px-3">
270                  <a id="taxDropdown" href="#" data-toggle="dropdown" data-display="static" aria-haspopup="true"
271                    aria-expanded="false" class="dropdown-toggle topbar-link">
272                    Exkl. moms
273                  </a>
274    
275                  <div aria-labelledby="taxDropdown" class="dropdown-menu dropdown-menu-left">
276                    <a class="taxlink dropdown-item" title="Priser är inkl. moms. Klicka för att växla om till exkl. moms."
277                      href="?tax-reverse">
278                      Inkl. moms
279                    </a>
280                  </div>
281    
282                </div>
283              </li>
284    
285    
286              <!-- Currency Dropdown-->
287    
288            </ul>
289    
290          </div>
291          
292          
293          <!-- Component: Top information -->
294          <div class="mt-2 mt-lg-0 col-12 col-lg d-none d-sm-flex text-center text-lg-right px-0">
295            <span data-qb-element="top_right_text" class="w-100">B2B-shop med försäljning till företag</span>
296          </div>
297    
298        </div>
299      </div>
300    </div>
301    <!-- /Section: Top Bar -->
302    
303    <!-- Section: Header variant -->
304<!-- Section: Main Header -->
305<nav
306  data-qb-area="header" data-qb-element=""
307  class="navbar-expand-lg navbar-position navbar-light bg-white " >
308    <div class="container">
309      <div class="row">
310        <div class="navbar col-12 py-2">
311          <div class="list-inline-item order-0 d-lg-none col-auto p-0">
312            <a href="#" data-toggle="modal" data-target="#sidebarLeft" class="color-text-base header-textcolor">
313              <svg class="svg-icon navbar-icon color-text-base header-textcolor">
314                <use xlink:href="#menu-hamburger-1"></use>
315              </svg>
316            </a>
317          </div>
318            <a data-qb-element="use_logo" href="https://jonic-textil.se" title="Jonic Textil AB"
319              class="navbar-brand order-1 order-lg-1 text-center text-md-left col-6 py-3 px-0">
320              
321              <img alt="Jonic Textil AB" class="img-fluid img-logo" srcset="https://cdn.quickbutik.com/images/66226l/templates/nova/assets/logo.png?s=32114&auto=format&dpr=1 1x, https://cdn.quickbutik.com/images/66226l/templates/nova/assets/logo.png?s=32114&auto=format&dpr=2 2x, https://cdn.quickbutik.com/images/66226l/templates/nova/assets/logo.png?s=32114&auto=format&dpr=3 3x" src="https://cdn.quickbutik.com/images/66226l/templates/nova/assets/logo.png?s=32114&auto=format">
322            </a>
323          <form data-qb-element="header_searchtext" action="/shop/search" method="get"
324            class="d-lg-flex order-lg-2 d-none my-lg-0 flex-grow-1 top-searchbar text-center col-auto px-4">
325            <div data-qb-element="header_searchtext" class="search-wrapper input-group">
326              <input type="text" name="s" placeholder="Sök produkt" aria-label="Search"
327                aria-describedby="button-search-desktop" class="form-control pl-3 border-0" />
328              <div class="input-group-append ml-0">
329                <button id="button-search-desktop" type="submit" class="btn py-0 border-0 bg-white">
330                  <svg class="svg-icon navbar-icon color-text-base">
331                    <use xlink:href="#search-1"></use>
332                  </svg>
333                </button>
334              </div>
335            </div>
336          </form>
337          <ul class="list-inline order-2 order-lg-3 mb-0 text-right col-auto p-0">
338            <li data-qb-element="header_showwishlist" class="list-inline-item mr-3 d-lg-inline-block d-none">
339              <a href="/shop/wishlist" class="position-relative d-flex align-items-center color-text-base header-textcolor">
340                <svg class="svg-icon navbar-icon color-text-base header-textcolor">
341                  <use xlink:href="#heart-1"></use>
342                </svg>
343                <span class="color-text-base header-textcolor">Önskelistan</span>
344              </a>
345            </li>
346            <li data-qb-element="header_showlogin" class="list-inline-item mr-3 d-lg-inline-block d-none">
347              <a href="/customer/login" class="p-0 d-flex align-items-center">
348                <svg class="svg-icon navbar-icon color-text-base header-textcolor">
349                  <use xlink:href="#avatar-1"></use>
350                </svg>
351                <span
352                  class="color-text-base header-textcolor">Logga in</span>
353              </a>
354            </li>
355  
356          </ul>
357        </div>
358      </div>
359    </div>
360  
361    <div class="navbar-bg mainmenu_font_size">
362      <ul class="container navbar-nav d-none d-lg-flex mt-lg-0 py-2 justify-content-center flex-wrap px-0">
363        <li class="nav-item ">
364          <a href="/nyheter" title="NYHETER" class="nav-link ">NYHETER</a>
365        </li>
366        <li class="nav-item has-dropdown position-relative   on-hover ">
367          <a href="/tyger" aria-haspopup="true" aria-expanded="false" class="nav-link dropdown-toggle">TYGER</a>
368          <ul class="dropdown-menu dropdown-menu-first" aria-labelledby="firstmenu">
369  
370            <li class="dropdown-submenu on-hover position-relative d-flex justify-content-center align-items-center 
371            dropdown-list__item ">
372
373              <div class="d-flex align-items-center w-100 dropdown-list__content">
374                <a href="/tyger/trika" aria-expanded="false" class="dropdown-item ">Trikå</a>
375                <i id="categoryDropdown19" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-display="static" class="dropdown-toggle dropdown-btn pr-3 pl-2 cursor-pointer"></i>
376              </div>
377  
378              <ul aria-labelledby="categoryDropdown19"
379                class="dropdown-menu dropdown-menu-alignright
380                dropdown-list__sub-menu">
381
382                    <li class="dropdown-submenu on-hover position-relative d-flex justify-content-center align-items-center
383                    dropdown-list__item ">
384                        <div class="d-flex align-items-center w-100 dropdown-list__content">
385                          <a href="/tyger/trika/bomullsjersey" aria-expanded="false" class="dropdown-item ">Bomullsjersey</a>
386                          <i id="categoryDropdown20" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-display="static" class="dropdown-toggle dropdown-btn pr-3 pl-2 cursor-pointer"></i>
387                        </div>
388      
389                        <ul aria-labelledby="categoryDropdown20"
390                          class="dropdown-menu dropdown-menu-alignright
391                          dropdown-list__sub-menu">
392                              <li><a href="/tyger/trika/bomullsjersey/enfargad-bomullsjersey" class=" dropdown-item">Enfärgad bomullsjersey</a></li>
393                              <li><a href="/tyger/trika/bomullsjersey/monstrad-bomullsjersey" class=" dropdown-item">Mönstrad bomullsjersey</a></li>
394                        </ul>
395                    </li>
396                
397                
398
399                    <li class="dropdown-submenu on-hover position-relative d-flex justify-content-center align-items-center
400                    dropdown-list__item ">
401                        <div class="d-flex align-items-center w-100 dropdown-list__content">
402                          <a href="/tyger/trika/joggingtyger" aria-expanded="false" class="dropdown-item ">Joggingtyger</a>
403                          <i id="categoryDropdown22" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-display="static" class="dropdown-toggle dropdown-btn pr-3 pl-2 cursor-pointer"></i>
404                        </div>
405      
406                        <ul aria-labelledby="categoryDropdown22"
407                          class="dropdown-menu dropdown-menu-alignright
408                          dropdown-list__sub-menu">
409                              <li><a href="/tyger/trika/joggingtyger/paneler" class=" dropdown-item">40 x 50 cm paneler</a></li>
410                              <li><a href="/tyger/trika/joggingtyger/55-x-73-cm-paneler" class=" dropdown-item">55 x 73 cm paneler</a></li>
411                              <li><a href="/tyger/trika/joggingtyger/monstrat-joggingtyg" class=" dropdown-item">Mönstrat joggingtyg</a></li>
412                              <li><a href="/tyger/trika/joggingtyger/enfargat-joggingtyg" class=" dropdown-item">Enfärgat joggingtyg</a></li>
413                        </ul>
414                    </li>
415                
416                
417
418                
419                  <li><a href="/tyger/trika/mudd" class=" dropdown-item">Mudd</a></li>
420                
421              </ul>
422            </li>
423  
424  
425  
426            <li class="dropdown-submenu on-hover position-relative d-flex justify-content-center align-items-center 
427            dropdown-list__item ">
428
429              <div class="d-flex align-items-center w-100 dropdown-list__content">
430                <a href="/tyger/bomullsvav" aria-expanded="false" class="dropdown-item ">Bomullsväv</a>
431                <i id="categoryDropdown29" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-display="static" class="dropdown-toggle dropdown-btn pr-3 pl-2 cursor-pointer"></i>
432              </div>
433  
434              <ul aria-labelledby="categoryDropdown29"
435                class="dropdown-menu dropdown-menu-alignright
436                dropdown-list__sub-menu">
437
438                
439                  <li><a href="/tyger/bomullsvav/monstrad-bomullsvav" class=" dropdown-item">Mönstrad bomullsväv</a></li>
440                
441
442                
443                  <li><a href="/tyger/bomullsvav/bomullsvav-panel" class=" dropdown-item">Bomullsväv panel</a></li>
444                
445
446                
447                  <li><a href="/tyger/bomullsvav/enfargad-bomullsvav" class=" dropdown-item">Enfärgad bomullsväv</a></li>
448                
449              </ul>
450            </li>
451  
452  
453  
454  
455            <li><a class="dropdown-item " href="/tyger/bambumuslin">Bambumuslin</a></li>
456  
457  
458  
459            <li><a class="dropdown-item " href="/tyger/bambuviscose">Bambuviscose</a></li>
460  
461  
462          </ul>
463        </li>
464        <li class="nav-item has-dropdown position-relative   on-hover ">
465          <a href="/sybehor" aria-haspopup="true" aria-expanded="false" class="nav-link dropdown-toggle">SYBEHÖR</a>
466          <ul class="dropdown-menu dropdown-menu-first" aria-labelledby="firstmenu">
467  
468            <li class="dropdown-submenu on-hover position-relative d-flex justify-content-center align-items-center 
469            dropdown-list__item ">
470
471              <div class="d-flex align-items-center w-100 dropdown-list__content">
472                <a href="/sybehor/blixtlas" aria-expanded="false" class="dropdown-item ">Blixtlås</a>
473                <i id="categoryDropdown34" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-display="static" class="dropdown-toggle dropdown-btn pr-3 pl-2 cursor-pointer"></i>
474              </div>
475  
476              <ul aria-labelledby="categoryDropdown34"
477                class="dropdown-menu dropdown-menu-alignright
478                dropdown-list__sub-menu">
479
480                
481                  <li><a href="/sybehor/blixtlas/ej-delbara-blixtlas" class=" dropdown-item">Ej delbara blixtlås</a></li>
482                
483
484                
485                  <li><a href="/sybehor/blixtlas/delbara-blixtlas" class=" dropdown-item">Delbara blixtlås</a></li>
486                
487
488                
489                  <li><a href="/sybehor/blixtlas/tvavagsblixtlas" class=" dropdown-item">Tvåvägsblixtlås</a></li>
490                
491
492                
493                  <li><a href="/sybehor/blixtlas/vandbara-blixtlas" class=" dropdown-item">Vändbara blixtlås</a></li>
494                
495
496                
497                  <li><a href="/sybehor/blixtlas/vattenresistenta-blixtlas" class=" dropdown-item">Vattenresistenta blixtlås</a></li>
498                
499
500                
501                  <li><a href="/sybehor/blixtlas/metallblixtlas" class=" dropdown-item">Metallblixtlås</a></li>
502                
503
504                
505                  <li><a href="/sybehor/blixtlas/osynliga-blixtlas" class=" dropdown-item">Osynliga blixtlås</a></li>
506                
507
508                    <li class="dropdown-submenu on-hover position-relative d-flex justify-content-center align-items-center
509                    dropdown-list__item ">
510                        <div class="d-flex align-items-center w-100 dropdown-list__content">
511                          <a href="/sybehor/blixtlas/blixtlas-pa-metervara" aria-expanded="false" class="dropdown-item ">Blixtlås på metervara</a>
512                          <i id="categoryDropdown41" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-display="static" class="dropdown-toggle dropdown-btn pr-3 pl-2 cursor-pointer"></i>
513                        </div>
514      
515                        <ul aria-labelledby="categoryDropdown41"
516                          class="dropdown-menu dropdown-menu-alignright
517                          dropdown-list__sub-menu">
518                              <li><a href="/sybehor/blixtlas/blixtlas-pa-metervara/3-4-mm" class=" dropdown-item">3-4 mm</a></li>
519                              <li><a href="/sybehor/blixtlas/blixtlas-pa-metervara/5-6-mm" class=" dropdown-item">5-6 mm</a></li>
520                        </ul>
521                    </li>
522                
523                
524
525                
526                  <li><a href="/sybehor/blixtlas/lopare" class=" dropdown-item">Löpare</a></li>
527                
528
529                
530                  <li><a href="/sybehor/blixtlas/stoppar" class=" dropdown-item">Stoppar</a></li>
531                
532
533                
534                  <li><a href="/sybehor/blixtlas/dragare-blixtlas" class=" dropdown-item">Dragare blixtlås</a></li>
535                
536              </ul>
537            </li>
538  
539  
540  
541            <li class="dropdown-submenu on-hover position-relative d-flex justify-content-center align-items-center 
542            dropdown-list__item ">
543
544              <div class="d-flex align-items-center w-100 dropdown-list__content">
545                <a href="/sybehor/band" aria-expanded="false" class="dropdown-item ">Band</a>
546                <i id="categoryDropdown48" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-display="static" class="dropdown-toggle dropdown-btn pr-3 pl-2 cursor-pointer"></i>
547              </div>
548  
549              <ul aria-labelledby="categoryDropdown48"
550                class="dropdown-menu dropdown-menu-alignright
551                dropdown-list__sub-menu">
552
553                    <li class="dropdown-submenu on-hover position-relative d-flex justify-content-center align-items-center
554                    dropdown-list__item ">
555                        <div class="d-flex align-items-center w-100 dropdown-list__content">
556                          <a href="/sybehor/band/polyproylenband" aria-expanded="false" class="dropdown-item ">Polyproylenband</a>
557                          <i id="categoryDropdown49" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-display="static" class="dropdown-toggle dropdown-btn pr-3 pl-2 cursor-pointer"></i>
558                        </div>
559      
560                        <ul aria-labelledby="categoryDropdown49"
561                          class="dropdown-menu dropdown-menu-alignright
562                          dropdown-list__sub-menu">
563                              <li><a href="/sybehor/band/polyproylenband/enfargat" class=" dropdown-item">Enfärgat</a></li>
564                              <li><a href="/sybehor/band/polyproylenband/monstrat" class=" dropdown-item">Mönstrat</a></li>
565                              <li><a href="/sybehor/band/polyproylenband/gummerat" class=" dropdown-item">Gummerat</a></li>
566                              <li><a href="/sybehor/band/polyproylenband/med-reflex" class=" dropdown-item">Med reflex</a></li>
567                        </ul>
568                    </li>
569                
570                
571
572                    <li class="dropdown-submenu on-hover position-relative d-flex justify-content-center align-items-center
573                    dropdown-list__item ">
574                        <div class="d-flex align-items-center w-100 dropdown-list__content">
575                          <a href="/sybehor/band/polyesterband" aria-expanded="false" class="dropdown-item ">Polyesterband</a>
576                          <i id="categoryDropdown55" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-display="static" class="dropdown-toggle dropdown-btn pr-3 pl-2 cursor-pointer"></i>
577                        </div>
578      
579                        <ul aria-labelledby="categoryDropdown55"
580                          class="dropdown-menu dropdown-menu-alignright
581                          dropdown-list__sub-menu">
582                              <li><a href="/sybehor/band/polyesterband/ripsband" class=" dropdown-item">Ripsband</a></li>
583                        </ul>
584                    </li>
585                
586                
587
588                
589                  <li><a href="/sybehor/band/vattentaliga-band" class=" dropdown-item">Vattentåliga band</a></li>
590                
591
592                
593                  <li><a href="/sybehor/band/polypropylen-rep" class=" dropdown-item">Polypropylen rep</a></li>
594                
595
596                
597                  <li><a href="/sybehor/band/bomullsband" class=" dropdown-item">Bomullsband</a></li>
598                
599
600                    <li class="dropdown-submenu on-hover position-relative d-flex justify-content-center align-items-center
601                    dropdown-list__item ">
602                        <div class="d-flex align-items-center w-100 dropdown-list__content">
603                          <a href="/sybehor/band/snodd" aria-expanded="false" class="dropdown-item ">Snodd</a>
604                          <i id="categoryDropdown59" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-display="static" class="dropdown-toggle dropdown-btn pr-3 pl-2 cursor-pointer"></i>
605                        </div>
606      
607                        <ul aria-labelledby="categoryDropdown59"
608                          class="dropdown-menu dropdown-menu-alignright
609                          dropdown-list__sub-menu">
610                              <li><a href="/sybehor/band/snodd/snodd-pa-metervara" class=" dropdown-item">Snodd på metervara</a></li>
611                              <li><a href="/sybehor/band/snodd/snodd-med-andar" class=" dropdown-item">Snodd med ändar</a></li>
612                        </ul>
613                    </li>
614                
615                
616
617                    <li class="dropdown-submenu on-hover position-relative d-flex justify-content-center align-items-center
618                    dropdown-list__item ">
619                        <div class="d-flex align-items-center w-100 dropdown-list__content">
620                          <a href="/sybehor/band/reflexband" aria-expanded="false" class="dropdown-item ">Reflexband</a>
621                          <i id="categoryDropdown62" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-display="static" class="dropdown-toggle dropdown-btn pr-3 pl-2 cursor-pointer"></i>
622                        </div>
623      
624                        <ul aria-labelledby="categoryDropdown62"
625                          class="dropdown-menu dropdown-menu-alignright
626                          dropdown-list__sub-menu">
627                              <li><a href="/sybehor/band/reflexband/reflexband-sy-pa" class=" dropdown-item">Reflexband - sy på</a></li>
628                              <li><a href="/sybehor/band/reflexband/reflexsnodd" class=" dropdown-item">Reflexsnodd</a></li>
629                              <li><a href="/sybehor/band/reflexband/reflexband-stryka-pa" class=" dropdown-item">Reflexband - stryka på</a></li>
630                        </ul>
631                    </li>
632                
633                
634
635                    <li class="dropdown-submenu on-hover position-relative d-flex justify-content-center align-items-center
636                    dropdown-list__item ">
637    
637                    <div class="d-flex align-items-center w-100 dropdown-list__content">
638                          <a href="/sybehor/band/spetsband" aria-expanded="false" class="dropdown-item ">Spetsband</a>
639                          <i id="categoryDropdown63" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-display="static" class="dropdown-toggle dropdown-btn pr-3 pl-2 cursor-pointer"></i>
640                        </div>
641      
642                        <ul aria-labelledby="categoryDropdown63"
643                          class="dropdown-menu dropdown-menu-alignright
644                          dropdown-list__sub-menu">
645                              <li><a href="/sybehor/band/spetsband/46-spetsband" class=" dropdown-item">Spetsband</a></li>
646                        </ul>
647                    </li>
648                
649                
650
651                    <li class="dropdown-submenu on-hover position-relative d-flex justify-content-center align-items-center
652                    dropdown-list__item ">
653                        <div class="d-flex align-items-center w-100 dropdown-list__content">
654                          <a href="/sybehor/band/kardborrband" aria-expanded="false" class="dropdown-item ">Kardborrband</a>
655                          <i id="categoryDropdown67" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-display="static" class="dropdown-toggle dropdown-btn pr-3 pl-2 cursor-pointer"></i>
656                        </div>
657      
658                        <ul aria-labelledby="categoryDropdown67"
659                          class="dropdown-menu dropdown-menu-alignright
660                          dropdown-list__sub-menu">
661                              <li><a href="/sybehor/band/kardborrband/komplett-harda-och-mjuka-sidan" class=" dropdown-item">Komplett hårda och mjuka sidan</a></li>
662                              <li><a href="/sybehor/band/kardborrband/mjuka-sida" class=" dropdown-item">Mjuka sida</a></li>
663                              <li><a href="/sybehor/band/kardborrband/harda-sidan" class=" dropdown-item">HÃ¥rda sidan</a></li>
664                              <li><a href="/sybehor/band/kardborrband/sjalvhaftande" class=" dropdown-item">Självhäftande kardborrband</a></li>
665                              <li><a href="/sybehor/band/kardborrband/elastiskt-kardborrband" class=" dropdown-item">Elastiskt kardborrband</a></li>
666                              <li><a href="/sybehor/band/kardborrband/back-to-back" class=" dropdown-item">Back to back</a></li>
667                        </ul>
668                    </li>
669                
670                
671
672                
673                  <li><a href="/sybehor/band/snedsla" class=" dropdown-item">Snedslå</a></li>
674                
675
676                
677                  <li><a href="/sybehor/band/satinband" class=" dropdown-item">Satinband</a></li>
678                
679              </ul>
680            </li>
681  
682  
683  
684            <li class="dropdown-submenu on-hover position-relative d-flex justify-content-center align-items-center 
685            dropdown-list__item ">
686
687              <div class="d-flex align-items-center w-100 dropdown-list__content">
688                <a href="/sybehor/resar" aria-expanded="false" class="dropdown-item ">Resår</a>
689                <i id="categoryDropdown110" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-display="static" class="dropdown-toggle dropdown-btn pr-3 pl-2 cursor-pointer"></i>
690              </div>
691  
692              <ul aria-labelledby="categoryDropdown110"
693                class="dropdown-menu dropdown-menu-alignright
694                dropdown-list__sub-menu">
695
696                    <li class="dropdown-submenu on-hover position-relative d-flex justify-content-center align-items-center
697                    dropdown-list__item ">
698                        <div class="d-flex align-items-center w-100 dropdown-list__content">
699                          <a href="/sybehor/resar/vanlig-resar" aria-expanded="false" class="dropdown-item ">Vanlig resår</a>
700                          <i id="categoryDropdown111" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-display="static" class="dropdown-toggle dropdown-btn pr-3 pl-2 cursor-pointer"></i>
701                        </div>
702      
703                        <ul aria-labelledby="categoryDropdown111"
704                          class="dropdown-menu dropdown-menu-alignright
705                          dropdown-list__sub-menu">
706                              <li><a href="/sybehor/resar/vanlig-resar/stickad-resar" class=" dropdown-item">Stickad resår</a></li>
707                              <li><a href="/sybehor/resar/vanlig-resar/vavd-resar" class=" dropdown-item">Vävd resår</a></li>
708                        </ul>
709                    </li>
710                
711                
712
713                
714                  <li><a href="/sybehor/resar/knapphalsresar" class=" dropdown-item">Knapphålsresår</a></li>
715                
716
717                
718                  <li><a href="/sybehor/resar/resarsnodd" class=" dropdown-item">Resårsnodd</a></li>
719                
720              </ul>
721            </li>
722  
723  
724  
725            <li class="dropdown-submenu on-hover position-relative d-flex justify-content-center align-items-center 
726            dropdown-list__item ">
727
728              <div class="d-flex align-items-center w-100 dropdown-list__content">
729                <a href="/sybehor/d-ringar-spannen-m-m" aria-expanded="false" class="dropdown-item ">D-ringar, spännen m. m.</a>
730                <i id="categoryDropdown74" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-display="static" class="dropdown-toggle dropdown-btn pr-3 pl-2 cursor-pointer"></i>
731              </div>
732  
733              <ul aria-labelledby="categoryDropdown74"
734                class="dropdown-menu dropdown-menu-alignright
735                dropdown-list__sub-menu">
736
737                
738                  <li><a href="/sybehor/d-ringar-spannen-m-m/d-ringar" class=" dropdown-item">D-ringar</a></li>
739                
740
741                
742                  <li><a href="/sybehor/d-ringar-spannen-m-m/rektanglar" class=" dropdown-item">Rektanglar</a></li>
743                
744
745                
746                  <li><a href="/sybehor/d-ringar-spannen-m-m/ringar" class=" dropdown-item">
746Ringar</a></li>
747                
748
749                
750                  <li><a href="/sybehor/d-ringar-spannen-m-m/klickspanne" class=" dropdown-item">Klickspänne</a></li>
751                
752
753                
754                  <li><a href="/sybehor/d-ringar-spannen-m-m/hakar" class=" dropdown-item">Hakar</a></li>
755                
756
757                
758                  <li><a href="/sybehor/d-ringar-spannen-m-m/magnetlas" class=" dropdown-item">Magnetlås</a></li>
759                
760
761                
762                  <li><a href="/sybehor/d-ringar-spannen-m-m/ovriga-spanne" class=" dropdown-item">Övriga spänne</a></li>
763                
764
765                
766                  <li><a href="/sybehor/d-ringar-spannen-m-m/hangslespanne" class=" dropdown-item">Hängslespänne</a></li>
767                
768
769                
770                  <li><a href="/sybehor/d-ringar-spannen-m-m/spanne-med-dorn" class=" dropdown-item">Spänne med dorn</a></li>
771                
772
773                
774                  <li><a href="/sybehor/d-ringar-spannen-m-m/spannare" class=" dropdown-item">Spännare</a></li>
775                
776
777                
778                  <li><a href="/sybehor/d-ringar-spannen-m-m/repklammor-och-repslut" class=" dropdown-item">Repklämmor och repslut</a></li>
779                
780              </ul>
781            </li>
782  
783  
784  
785            <li class="dropdown-submenu on-hover position-relative d-flex justify-content-center align-items-center 
786            dropdown-list__item ">
787
788              <div class="d-flex align-items-center w-100 dropdown-list__content">
789                <a href="/sybehor/snorlas-stopp-m-m" aria-expanded="false" class="dropdown-item ">Snörlås, stopp m. m.</a>
790                <i id="categoryDropdown98" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-display="static" class="dropdown-toggle dropdown-btn pr-3 pl-2 cursor-pointer"></i>
791              </div>
792  
793              <ul aria-labelledby="categoryDropdown98"
794                class="dropdown-menu dropdown-menu-alignright
795                dropdown-list__sub-menu">
796
797                
798                  <li><a href="/sybehor/snorlas-stopp-m-m/84-hakar" class=" dropdown-item">Hakar</a></li>
799                
800
801                
802                  <li><a href="/sybehor/snorlas-stopp-m-m/snoddstoppar" class=" dropdown-item">Snoddstoppar</a></li>
803                
804
805                
806                  <li><a href="/sybehor/snorlas-stopp-m-m/snorlas" class=" dropdown-item">Snörlås</a></li>
807                
808              </ul>
809            </li>
810  
811  
812  
813            <li class="dropdown-submenu on-hover position-relative d-flex justify-content-center align-items-center 
814            dropdown-list__item ">
815
816              <div class="d-flex align-items-center w-100 dropdown-list__content">
817                <a href="/sybehor/knappar" aria-expanded="false" class="dropdown-item ">Knappar</a>
818                <i id="categoryDropdown86" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-display="static" class="dropdown-toggle dropdown-btn pr-3 pl-2 cursor-pointer"></i>
819              </div>
820  
821              <ul aria-labelledby="categoryDropdown86"
822                class="dropdown-menu dropdown-menu-alignright
823                dropdown-list__sub-menu">
824
825                
826                  <li><a href="/sybehor/knappar/naturknappar" class=" dropdown-item">Naturknappar</a></li>
827                
828
829                
830                  <li><a href="/sybehor/knappar/plastknappar" class=" dropdown-item">Plastknappar</a></li>
831                
832
833                
834                  <li><a href="/sybehor/knappar/konstladerknappar" class=" dropdown-item">Konstläderknappar</a></li>
835                
836
837                
838                  <li><a href="/sybehor/knappar/knappror" class=" dropdown-item">Knapprör</a></li>
839                
840
841                
842                  <li><a href="/sybehor/knappar/knapp-paket" class=" dropdown-item">Knapp-paket</a></li>
843                
844
845                
846                  <li><a href="/sybehor/knappar/tryckknappar" class=" dropdown-item">Tryckknappar</a></li>
847                
848
849                
850                  <li><a href="/sybehor/knappar/jeansknappar" class=" dropdown-item">Jeansknappar</a></li>
851                
852
853                
854                  <li><a href="/sybehor/knappar/duffelknappar" class=" dropdown-item">Duffelknappar</a></li>
855                
856
857                
858                  <li><a href="/sybehor/knappar/motivknappar" class=" dropdown-item">Motivknappar</a></li>
859                
860
861                
862                  <li><a href="/sybehor/knappar/metallknappar" class=" dropdown-item">Metallknappar</a></li>
863                
864
865                
866                  <li><a href="/sybehor/knappar/glasknappar" class=" dropdown-item">Glasknappar</a></li>
867                
868              </ul>
869            </li>
870  
871  
872  
873  
874            <li><a class="dropdown-item " href="/sybehor/mellanlagg">Mellanlägg</a></li>
875  
876  
877            <li class="dropdown-submenu on-hover position-relative d-flex justify-content-center align-items-center 
878            dropdown-list__item ">
879
880              <div class="d-flex align-items-center w-100 dropdown-list__content">
881                <a href="/sybehor/tygmarken-och-laglappar" aria-expanded="false" class="dropdown-item ">Tygmärken och laglappar</a>
882                <i id="categoryDropdown104" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-display="static" class="dropdown-toggle dropdown-btn pr-3 pl-2 cursor-pointer"></i>
883              </div>
884  
885              <ul aria-labelledby="categoryDropdown104"
886                class="dropdown-menu dropdown-menu-alignright
887                dropdown-list__sub-menu">
888
889                
890                  <li><a href="/sybehor/tygmarken-och-laglappar/laglappar" class=" dropdown-item">Laglappar</a></li>
891                
892
893                
894                  <li><a href="/sybehor/tygmarken-och-laglappar/tygmarken" class=" dropdown-item">Tygmärken</a></li>
895                
896              </ul>
897            </li>
898  
899  
900  
901            <li class="dropdown-submenu on-hover position-relative d-flex justify-content-center align-items-center 
902            dropdown-list__item ">
903
904              <div class="d-flex align-items-center w-100 dropdown-list__content">
905                <a href="/sybehor/somnadsredskap" aria-expanded="false" class="dropdown-item ">Sömnadsredskap</a>
906                <i id="categoryDropdown126" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-display="static" class="dropdown-toggle dropdown-btn pr-3 pl-2 cursor-pointer"></i>
907              </div>
908  
909              <ul aria-labelledby="categoryDropdown126"
910                class="dropdown-menu dropdown-menu-alignright
911                dropdown-list__sub-menu">
912
913                
914                  <li><a href="/sybehor/somnadsredskap/matt" class=" dropdown-item">MÃ¥tt</a></li>
915                
916
917                
918                  <li><a href="/sybehor/somnadsredskap/markering" class=" dropdown-item">Markering</a></li>
919                
920
921                
922                  <li><a href="/sybehor/somnadsredskap/sprattare" class=" dropdown-item">
922Sprättare</a></li>
923                
924
925                
926                  <li><a href="/sybehor/somnadsredskap/saxar" class=" dropdown-item">Saxar</a></li>
927                
928
929                
930                  <li><a href="/sybehor/somnadsredskap/clips" class=" dropdown-item">Clips</a></li>
931                
932
933                
934                  <li><a href="/sybehor/somnadsredskap/ovriga-redskap" class=" dropdown-item">Övriga redskap</a></li>
935                
936              </ul>
937            </li>
938  
939  
940  
941            <li class="dropdown-submenu on-hover position-relative d-flex justify-content-center align-items-center 
942            dropdown-list__item ">
943
944              <div class="d-flex align-items-center w-100 dropdown-list__content">
945                <a href="/sybehor/nalar" aria-expanded="false" class="dropdown-item ">NÃ¥lar</a>
946                <i id="categoryDropdown131" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-display="static" class="dropdown-toggle dropdown-btn pr-3 pl-2 cursor-pointer"></i>
947              </div>
948  
949              <ul aria-labelledby="categoryDropdown131"
950                class="dropdown-menu dropdown-menu-alignright
951                dropdown-list__sub-menu">
952
953                    <li class="dropdown-submenu on-hover position-relative d-flex justify-content-center align-items-center
954                    dropdown-list__item ">
955                        <div class="d-flex align-items-center w-100 dropdown-list__content">
956                          <a href="/sybehor/nalar/symaskinsnalar" aria-expanded="false" class="dropdown-item ">Symaskinsnålar</a>
957                          <i id="categoryDropdown153" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-display="static" class="dropdown-toggle dropdown-btn pr-3 pl-2 cursor-pointer"></i>
958                        </div>
959      
960                        <ul aria-labelledby="categoryDropdown153"
961                          class="dropdown-menu dropdown-menu-alignright
962                          dropdown-list__sub-menu">
963                              <li><a href="/sybehor/nalar/symaskinsnalar/universalnalar" class=" dropdown-item">Universalnålar</a></li>
964                              <li><a href="/sybehor/nalar/symaskinsnalar/jerseynalar" class=" dropdown-item">Jerseynålar</a></li>
965                              <li><a href="/sybehor/nalar/symaskinsnalar/stretchnalar" class=" dropdown-item">Stretchnålar</a></li>
966                              <li><a href="/sybehor/nalar/symaskinsnalar/tvillingnalar" class=" dropdown-item">Tvillingnålar</a></li>
967                              <li><a href="/sybehor/nalar/symaskinsnalar/jeansnalar" class=" dropdown-item">Jeansnålar</a></li>
968                        </ul>
969                    </li>
970                
971                
972
973                
974                  <li><a href="/sybehor/nalar/synalar" class=" dropdown-item">Synålar</a></li>
975                
976
977                
978                  <li><a href="/sybehor/nalar/knappnalar" class=" dropdown-item">Knappnålar</a></li>
979                
980
981                
982                  <li><a href="/sybehor/nalar/sakerhetsnalar" class=" dropdown-item">Säkerhetsnålar</a></li>
983                
984              </ul>
985            </li>
986  
987  
988  
989  
990            <li><a class="dropdown-item " href="/sybehor/markpistol">Märkpistol</a></li>
991  
992  
993          </ul>
994        </li>
995      </ul>
996    </div>
997  </nav>
998  <!-- /Section: Main Header -->
999    <!-- Section: Header variant -->
1000    
1001    <!-- Section: Main Menu -->
1002    <div id="sidebarLeft" tabindex="-1" role="dialog" aria-hidden="true" class="modal fade modal-left">
1003      <div role="document" class="modal-dialog">
1004        <div class="modal-content">
1005          <div class="modal-header pb-0 border-0 d-block">
1006            <div class="row">
1007            <form action="/shop/search" method="get" class="col d-lg-flex w-100 my-lg-0 mb-2 pt-1">
1008              <div class="search-wrapper input-group">
1009                <input type="text" name="s" placeholder="Sök produkt" aria-label="Search"
1010                  aria-describedby="button-search" class="form-control pl-3 border-0 mobile-search" />
1011                <div class="input-group-append ml-0">
1012                  <button id="button-search" type="submit" class="btn py-0 btn-underlined border-0">
1013                    <svg class="svg-icon navbar-icon">
1014                      <use xlink:href="#search-1"></use>
1015                    </svg>
1016                  </button>
1017                </div>
1018              </div>
1019            </form>
1020            <button type="button" data-dismiss="modal" aria-label="Close" class="close col-auto close-rotate p-0 m-0">
1021              <svg class="svg-icon w-3rem h-3rem svg-icon-light align-middle">
1022                <use xlink:href="#close-1"></use>
1023              </svg>
1024            </button>
1025            </div>
1026          </div>
1027          <div class="modal-body pt-0">
1028            <div class="px-2 pb-5">
1029    
1030              <ul class="nav flex-column mb-5">
1031                <li class="nav-item ">
1032                  <a href="/nyheter" title="NYHETER" class="nav-link mobile-nav-link pl-0">NYHETER</a>
1033                </li>
1034    
1035    
1036    
1037                <li class="nav-item dropdown">
1038    
1039                  <a href="/tyger" data-toggle="collapse" data-target="#cat8" aria-haspopup="true"
1040                    aria-expanded="false"
1041                    class="nav-link mobile-nav-link pl-0 mobile-dropdown-toggle dropdown-toggle">TYGER</a>
1042    
1043                  <div id="cat8" class="collapse">
1044                    <ul class="nav flex-column ml-3">
1045                      <li class="nav-item">
1046                        <a class="nav-link mobile-nav-link pl-0 show-all" href="/tyger" title="TYGER">Visa alla i TYGER</a>
1047                      </li>
1048    
1049    
1050                      <li class="nav-item dropdown">
1051                        <a href="#" data-target="#subcat19" data-toggle="collapse" aria-haspopup="true"
1052                          aria-expanded="false" class="nav-link pl-0 dropdown-toggle">Trikå</a>
1053    
1054                        <div id="subcat19" class="collapse">
1055                          <ul class="nav flex-column ml-3">
1056                            <li class="nav-item">
1057                              <a class="nav-link mobile-nav-link pl-0 show-all" href="/tyger/trika"
1058                                title="Trikå">Visa alla i Trikå</a>
1059                            </li>
1060                              
1061    
1062                              <li class="nav-item dropdown">
1063                                <a href="#" data-target="#subcat20" data-toggle="collapse" aria-haspopup="true"
1064                                  aria-expanded="false" class="nav-link pl-0 dropdown-toggle">Bomullsjersey</a>
1065    
1066                                <div id="subcat20" class="collapse">
1067                                  <ul class="nav flex-column ml-3">
1068                                    <li class="nav-item">
1069                                      <a class="nav-link mobile-nav-link pl-0 show-all" href="/tyger/trika/bomullsjersey"
1070                                        title="Bomullsjersey">Visa alla i Bomullsjersey</a>
1071                                    </li>
1072                                    <li class="nav-item">
1073                                      <a href="/tyger/trika/bomullsjersey/enfargad-bomullsjersey" class="nav-link pl-0 ">Enfärgad bomullsjersey</a>
1074                                    </li>
1075                                    <li class="nav-item">
1076                                      <a href="/tyger/trika/bomullsjersey/monstrad-bomullsjersey" class="nav-link pl-0 ">Mönstrad bomullsjersey</a>
1077                                    </li>
1078                                  </ul>
1079                                </div>
1080                              </li>
1081    
1082                              
1083    
1084                              <li class="nav-item dropdown">
1085                                <a href="#" data-target="#subcat22" data-toggle="collapse" aria-haspopup="true"
1086                                  aria-expanded="false" class="nav-link pl-0 dropdown-toggle">Joggingtyger</a>
1087    
1088                                <div id="subcat22" class="collapse">
1089                                  <ul class="nav flex-column ml-3">
1090                                    <li class="nav-item">
1091                                      <a class="nav-link mobile-nav-link pl-0 show-all" href="/tyger/trika/joggingtyger"
1092                                        title="Joggingtyger">Visa alla i Joggingtyger</a>
1093                                    </li>
1094                                    <li class="nav-item">
1095                                      <a href="/tyger/trika/joggingtyger/paneler" class="nav-link pl-0 ">40 x 50 cm paneler</a>
1096                                    </li>
1097                                    <li class="nav-item">
1098                                      <a href="/tyger/trika/joggingtyger/55-x-73-cm-paneler" class="nav-link pl-0 ">55 x 73 cm paneler</a>
1099                                    </li>
1100                                    <li class="nav-item">
1101                                      <a href="/tyger/trika/joggingtyger/monstrat-joggingtyg" class="nav-link pl-0 ">Mönstrat joggingtyg</a>
1102                                    </li>
1103                                    <li class="nav-item">
1104                                      <a href="/tyger/trika/joggingtyger/enfargat-joggingtyg" class="nav-link pl-0 ">Enfärgat joggingtyg</a>
1105                                    </li>
1106                                  </ul>
1107                                </div>
1108                              </li>
1109    
1110                              
1111                              <li class="nav-item">
1112                                <a href="/tyger/trika/mudd" class="nav-link pl-0 ">Mudd</a>
1113                              </li>
1114    
1115    
1116                          </ul>
1117                        </div>
1118                      </li>
1119    
1120    
1121    
1122                      <li class="nav-item dropdown">
1123                        <a href="#" data-target="#subcat29" data-toggle="collapse" aria-haspopup="true"
1124                          aria-expanded="false" class="nav-link pl-0 dropdown-toggle">Bomullsväv</a>
1125    
1126                        <div id="subcat29" class="collapse">
1127                          <ul class="nav flex-column ml-3">
1128                            <li class="nav-item">
1129                              <a class="nav-link mobile-nav-link pl-0 show-all" href="/tyger/bomullsvav"
1130                                title="Bomullsväv">Visa alla i Bomullsväv</a>
1131                            </li>
1132                              
1133                              <li class="nav-item">
1134                                <a href="/tyger/bomullsvav/monstrad-bomullsvav" class="nav-link pl-0 ">Mönstrad bomullsväv</a>
1135                              </li>
1136    
1137    
1138                              
1139                              <li class="nav-item">
1140                                <a href="/tyger/bomullsvav/bomullsvav-panel" class="nav-link pl-0 ">Bomullsväv panel</a>
1141                              </li>
1142    
1143    
1144                              
1145                              <li class="nav-item">
1146                                <a href="/tyger/bomullsvav/enfargad-bomullsvav" class="nav-link pl-0 ">Enfärgad bomullsväv</a>
1147                              </li>
1148    
1149    
1150                          </ul>
1151                        </div>
1152                      </li>
1153    
1154    
1155                      <li class="nav-item">
1156                        <a href="/tyger/bambumuslin" class="nav-link mobile-nav-link pl-0 ">Bambumuslin</a>
1157                      </li>
1158    
1159    
1160    
1161                      <li class="nav-item">
1162                        <a href="/tyger/bambuviscose" class="nav-link mobile-nav-link pl-0 ">Bambuviscose</a>
1163                      </li>
1164    
1165    
1166    
1167                    </ul>
1168                  </div>
1169                </li>
1170    
1171    
1172    
1173                <li class="nav-item dropdown">
1174    
1175                  <a href="/sybehor" data-toggle="collapse" data-target="#cat33" aria-haspopup="true"
1176                    aria-expanded="false"
1177                    class="nav-link mobile-nav-link pl-0 mobile-dropdown-toggle dropdown-toggle">SYBEHÖR</a>
1178    
1179                  <div id="cat33" class="collapse">
1180                    <ul class="nav flex-column ml-3">
1181                      <li class="nav-item">
1182                        <a class="nav-link mobile-nav-link pl-0 show-all" href="/sybehor" title="SYBEHÖR">Visa alla i SYBEHÖR</a>
1183                      </li>
1184    
1185    
1186                      <li class="nav-item dropdown">
1187                        <a href="#" data-target="#subcat34" data-toggle="collapse" aria-haspopup="true"
1188                          aria-expanded="false" class="nav-link pl-0 dropdown-toggle">Blixtlås</a>
1189    
1190                        <div id="subcat34" class="collapse">
1191                          <ul class="nav flex-column ml-3">
1192                            <li class="nav-item">
1193                              <a class="nav-link mobile-nav-link pl-0 show-all" href="/sybehor/blixtlas"
1194                                title="Blixtlås">Visa alla i Blixtlås</a>
1195                            </li>
1196                              
1197                              <li class="nav-item">
1198                                <a href="/sybehor/blixtlas/ej-delbara-blixtlas" class="nav-link pl-0 ">Ej delbara blixtlås</a>
1199                              </li>
1200    
1201    
1202                              
1203                              <li class="nav-item">
1204                                <a href="/sybehor/blixtlas/delbara-blixtlas" class="nav-link pl-0 ">Delbara blixtlås</a>
1205                              </li>
1206    
1207    
1208                              
1209                              <li class="nav-item">
1210                                <a href="/sybehor/blixtlas/tvavagsblixtlas" class="nav-link pl-0 ">Tvåvägsblixtlås</a>
1211                              </li>
1212    
1213    
1214                              
1215                              <li class="nav-item">
1216                                <a href="/sybehor/blixtlas/vandbara-blixtlas" class="nav-link pl-0 ">Vändbara blixtlås</a>
1217                              </li>
1218    
1219    
1220                              
1221                              <li class="nav-item">
1222                                <a href="/sybehor/blixtlas/vattenresistenta-blixtlas" class="nav-link pl-0 ">Vattenresistenta blixtlås</a>
1223                              </li>
1224    
1225    
1226                              
1227                              <li class="nav-item">
1228                                <a href="/sybehor/blixtlas/metallblixtlas" class="nav-link pl-0 ">Metallblixtlås</a>
1229                              </li>
1230    
1231    
1232                              
1233                              <li class="nav-item">
1234                                <a href="/sybehor/blixtlas/osynliga-blixtlas" class="nav-link pl-0 ">Osynliga blixtlås</a>
1235                              </li>
1236    
1237    
1238                              
1239    
1240                              <li class="nav-item dropdown">
1241                                <a href="#" data-target="#subcat41" data-toggle="collapse" aria-haspopup="true"
1242                                  aria-expanded="false" class="nav-link pl-0 dropdown-toggle">Blixtlås på metervara</a>
1243    
1244                                <div id="subcat41" class="collapse">
1245                                  <ul class="nav flex-column ml-3">
1246                                    <li class="nav-item">
1247                                      <a class="nav-link mobile-nav-link pl-0 show-all" href="/sybehor/blixtlas/blixtlas-pa-metervara"
1248                                        title="Blixtlås på metervara">Visa alla i Blixtlås på metervara</a>
1249                                    </li>
1250                                    <li class="nav-item">
1251                                      <a href="/sybehor/blixtlas/blixtlas-pa-metervara/3-4-mm" class="nav-link pl-0 ">3-4 mm</a>
1252                                    </li>
1253                                    <li class="nav-item">
1254                                      <a href="/sybehor/blixtlas/blixtlas-pa-metervara/5-6-mm" class="nav-link pl-0 ">5-6 mm</a>
1255                                    </li>
1256              
1256                    </ul>
1257                                </div>
1258                              </li>
1259    
1260                              
1261                              <li class="nav-item">
1262                                <a href="/sybehor/blixtlas/lopare" class="nav-link pl-0 ">Löpare</a>
1263                              </li>
1264    
1265    
1266                              
1267                              <li class="nav-item">
1268                                <a href="/sybehor/blixtlas/stoppar" class="nav-link pl-0 ">Stoppar</a>
1269                              </li>
1270    
1271    
1272                              
1273                              <li class="nav-item">
1274                                <a href="/sybehor/blixtlas/dragare-blixtlas" class="nav-link pl-0 ">Dragare blixtlås</a>
1275                              </li>
1276    
1277    
1278                          </ul>
1279                        </div>
1280                      </li>
1281    
1282    
1283    
1284                      <li class="nav-item dropdown">
1285                        <a href="#" data-target="#subcat48" data-toggle="collapse" aria-haspopup="true"
1286                          aria-expanded="false" class="nav-link pl-0 dropdown-toggle">Band</a>
1287    
1288                        <div id="subcat48" class="collapse">
1289                          <ul class="nav flex-column ml-3">
1290                            <li class="nav-item">
1291                              <a class="nav-link mobile-nav-link pl-0 show-all" href="/sybehor/band"
1292                                title="Band">Visa alla i Band</a>
1293                            </li>
1294                              
1295    
1296                              <li class="nav-item dropdown">
1297                                <a href="#" data-target="#subcat49" data-toggle="collapse" aria-haspopup="true"
1298                                  aria-expanded="false" class="nav-link pl-0 dropdown-toggle">Polyproylenband</a>
1299    
1300                                <div id="subcat49" class="collapse">
1301                                  <ul class="nav flex-column ml-3">
1302                                    <li class="nav-item">
1303                                      <a class="nav-link mobile-nav-link pl-0 show-all" href="/sybehor/band/polyproylenband"
1304                                        title="Polyproylenband">Visa alla i Polyproylenband</a>
1305                                    </li>
1306                                    <li class="nav-item">
1307                                      <a href="/sybehor/band/polyproylenband/enfargat" class="nav-link pl-0 ">Enfärgat</a>
1308                                    </li>
1309                                    <li class="nav-item">
1310                                      <a href="/sybehor/band/polyproylenband/monstrat" class="nav-link pl-0 ">Mönstrat</a>
1311                                    </li>
1312                                    <li class="nav-item">
1313                                      <a href="/sybehor/band/polyproylenband/gummerat" class="nav-link pl-0 ">Gummerat</a>
1314                                    </li>
1315                                    <li class="nav-item">
1316                                      <a href="/sybehor/band/polyproylenband/med-reflex" class="nav-link pl-0 ">Med reflex</a>
1317                                    </li>
1318                                  </ul>
1319                                </div>
1320                              </li>
1321    
1322                              
1323    
1324                              <li class="nav-item dropdown">
1325                                <a href="#" data-target="#subcat55" data-toggle="collapse" aria-haspopup="true"
1326                                  aria-expanded="false" class="nav-link pl-0 dropdown-toggle">Polyesterband</a>
1327    
1328                                <div id="subcat55" class="collapse">
1329                                  <ul class="nav flex-column ml-3">
1330                                    <li class="nav-item">
1331                                      <a class="nav-link mobile-nav-link pl-0 show-all" href="/sybehor/band/polyesterband"
1332                                        title="Polyesterband">Visa alla i Polyesterband</a>
1333                                    </li>
1334                                    <li class="nav-item">
1335                                      <a href="/sybehor/band/polyesterband/ripsband" class="nav-link pl-0 ">Ripsband</a>
1336                                    </li>
1337                                  </ul>
1338                                </div>
1339                              </li>
1340    
1341                              
1342                              <li class="nav-item">
1343                                <a href="/sybehor/band/vattentaliga-band" class="nav-link pl-0 ">Vattentåliga band</a>
1344                              </li>
1345    
1346    
1347                              
1348                              <li class="nav-item">
1349                                <a href="/sybehor/band/polypropylen-rep" class="nav-link pl-0 ">Polypropylen rep</a>
1350                              </li>
1351    
1352    
1353                              
1354                              <li class="nav-item">
1355                                <a href="/sybehor/band/bomullsband" class="nav-link pl-0 ">Bomullsband</a>
1356                              </li>
1357    
1358    
1359                              
1360    
1361                              <li class="nav-item dropdown">
1362                                <a href="#" data-target="#subcat59" data-toggle="collapse" aria-haspopup="true"
1363                                  aria-expanded="false" class="nav-link pl-0 dropdown-toggle">Snodd</a>
1364    
1365                                <div id="subcat59" class="collapse">
1366                                  <ul class="nav flex-column ml-3">
1367                                    <li class="nav-item">
1368                                      <a class="nav-link mobile-nav-link pl-0 show-all" href="/sybehor/band/snodd"
1369                                        title="Snodd">Visa alla i Snodd</a>
1370                                    </li>
1371                                    <li class="nav-item">
1372                                      <a href="/sybehor/band/snodd/snodd-pa-metervara" class="nav-link pl-0 ">Snodd på metervara</a>
1373                                    </li>
1374                                    <li class="nav-item">
1375                                      <a href="/sybehor/band/snodd/snodd-med-andar" class="nav-link pl-0 ">Snodd med ändar</a>
1376                                    </li>
1377                                  </ul>
1378                                </div>
1379                              </li>
1380    
1381                              
1382    
1383                              <li class="nav-item dropdown">
1384                                <a href="#" data-target="#subcat62" data-toggle="collapse" aria-haspopup="true"
1385                                  aria-expanded="false" class="nav-link pl-0 dropdown-toggle">Reflexband</a>
1386    
1387                                <div id="subcat62" class="collapse">
1388                                  <ul class="nav flex-column ml-3">
1389                                    <li class="nav-item">
1390                                      <a class="nav-link mobile-nav-link pl-0 show-all" href="/sybehor/band/reflexband"
1391                                        title="Reflexband">Visa alla i Reflexband</a>
1392                                    </li>
1393                                    <li class="nav-item">
1394                                      <a href="/sybehor/band/reflexband/reflexband-sy-pa" class="nav-link pl-0 ">Reflexband - sy på</a>
1395                                    </li>
1396                                    <li class="nav-item">
1397                                      <a href="/sybehor/band/reflexband/reflexsnodd" class="nav-link pl-0 ">Reflexsnodd</a>
1398                                    </li>
1399                                    <li class="nav-item">
1400                                      <a href="/sybehor/band/reflexband/reflexband-stryka-pa" class="nav-link pl-0 ">Reflexband - stryka på</a>
1401                                    </li>
1402                                  </ul>
1403                                </div>
1404                              </li>
1405    
1406                              
1407    
1408                              <li class="nav-item dropdown">
1409                                <a href="#" data-target="#subcat63" data-toggle="collapse" aria-haspopup="true"
1410                                  aria-expanded="false" class="nav-link pl-0 dropdown-toggle">Spetsband</a>
1411    
1412                                <div id="subcat63" class="collapse">
1413                                  <ul class="nav flex-column ml-3">
1414                                    <li class="nav-item">
1415                                      <a class="nav-link mobile-nav-link pl-0 show-all" href="/sybehor/band/spetsband"
1416                                        title="Spetsband">Visa alla i Spetsband</a>
1417                                    </li>
1418                                    <li class="nav-item">
1419                                      <a href="/sybehor/band/spetsband/46-spetsband" class="nav-link pl-0 ">Spetsband</a>
1420                                    </li>
1421                                  </ul>
1422                                </div>
1423                              </li>
1424    
1425                              
1426    
1427                              <li class="nav-item dropdown">
1428                                <a href="#" data-target="#subcat67" data-toggle="collapse" aria-haspopup="true"
1429                                  aria-expanded="false" class="nav-link pl-0 dropdown-toggle">Kardborrband</a>
1430    
1431                                <div id="subcat67" class="collapse">
1432                                  <ul class="nav flex-column ml-3">
1433                                    <li class="nav-item">
1434                                      <a class="nav-link mobile-nav-link pl-0 show-all" href="/sybehor/band/kardborrband"
1435                                        title="Kardborrband">Visa alla i Kardborrband</a>
1436                                    </li>
1437                                    <li class="nav-item">
1438                                      <a href="/sybehor/band/kardborrband/komplett-harda-och-mjuka-sidan" class="nav-link pl-0 ">Komplett hårda och mjuka sidan</a>
1439                                    </li>
1440                                    <li class="nav-item">
1441                                      <a href="/sybehor/band/kardborrband/mjuka-sida" class="nav-link pl-0 ">Mjuka sida</a>
1442                                    </li>
1443                                    <li class="nav-item">
1444                                      <a href="/sybehor/band/kardborrband/harda-sidan" class="nav-link pl-0 ">HÃ¥rda sidan</a>
1445                                    </li>
1446                                    <li class="nav-item">
1447                                      <a href="/sybehor/band/kardborrband/sjalvhaftande" class="nav-link pl-0 ">Självhäftande kardborrband</a>
1448                                    </li>
1449                                    <li class="nav-item">
1450                                      <a href="/sybehor/band/kardborrband/elastiskt-kardborrband" class="nav-link pl-0 ">Elastiskt kardborrband</a>
1451                                    </li>
1452                                    <li class="nav-item">
1453                                      <a href="/sybehor/band/kardborrband/back-to-back" class="nav-link pl-0 ">Back to back</a>
1454                                    </li>
1455                                  </ul>
1456                                </div>
1457                              </li>
1458    
1459                              
1460                              <li class="nav-item">
1461                                <a href="/sybehor/band/snedsla" class="nav-link pl-0 ">Snedslå</a>
1462                              </li>
1463    
1464    
1465                              
1466                              <li class="nav-item">
1467                                <a href="/sybehor/band/satinband" class="nav-link pl-0 ">Satinband</a>
1468                              </li>
1469    
1470    
1471                          </ul>
1472                        </div>
1473                      </li>
1474    
1475    
1476    
1477                      <li class="nav-item dropdown">
1478                        <a href="#" data-target="#subcat110" data-toggle="collapse" aria-haspopup="true"
1479                          aria-expanded="false" class="nav-link pl-0 dropdown-toggle">Resår</a>
1480    
1481                        <div id="subcat110" class="collapse">
1482                          <ul class="nav flex-column ml-3">
1483                            <li class="nav-item">
1484                              <a class="nav-link mobile-nav-link pl-0 show-all" href="/sybehor/resar"
1485                                title="Resår">Visa alla i Resår</a>
1486                            </li>
1487                              
1488    
1489                              <li class="nav-item dropdown">
1490                                <a href="#" data-target="#subcat111" data-toggle="collapse" aria-haspopup="true"
1491                                  aria-expanded="false" class="nav-link pl-0 dropdown-toggle">Vanlig resår</a>
1492    
1493                                <div id="subcat111" class="collapse">
1494                                  <ul class="nav flex-column ml-3">
1495                                    <li class="nav-item">
1496                                      <a class="nav-link mobile-nav-link pl-0 show-all" href="/sybehor/resar/vanlig-resar"
1497                                        title="Vanlig resår">Visa alla i Vanlig resår</a>
1498                                    </li>
1499                                    <li class="nav-item">
1500                                      <a href="/sybehor/resar/vanlig-resar/stickad-resar" class="nav-link pl-0 ">Stickad resår</a>
1501                                    </li>
1502                                    <li class="nav-item">
1503                                      <a href="/sybehor/resar/vanlig-resar/vavd-resar" class="nav-link pl-0 ">Vävd resår</a>
1504                                    </li>
1505                                  </ul>
1506                                </div>
1507                              </li>
1508    
1509                              
1510                              <li class="nav-item">
1511                                <a href="/sybehor/resar/knapphalsresar" class="nav-link pl-0 ">Knapphålsresår</a>
1512                              </li>
1513    
1514    
1515                              
1516                              <li class="nav-item">
1517                                <a href="/sybehor/resar/resarsnodd" class="nav-link pl-0 ">Resårsnodd</a>
1518                              </li>
1519    
1520    
1521                          </ul>
1522                        </div>
1523                      </li>
1524    
1525    
1526    
1527                      <li class="nav-item dropdown">
1528                        <a href="#" data-target="#subcat74" data-toggle="collapse" aria-haspopup="true"
1529                          aria-expanded="false" class="nav-link pl-0 dropdown-toggle">D-ringar, spännen m. m.</a>
1530    
1531                        <div id="subcat74" class="collapse">
1532                          <ul class="nav flex-column ml-3">
1533                            <li class="nav-item">
1534                              <a class="nav-link mobile-nav-link pl-0 show-all" href="/sybehor/d-ringar-spannen-m-m"
1535                                title="D-ringar, spännen m. m.">Visa alla i D-ringar, spännen m. m.</a>
1536                            </li>
1537                              
1538                              <li class="nav-item">
1539                                <a href="/sybehor/d-ringar-spannen-m-m/d-ringar" class="nav-link pl-0 ">D-ringar</a>
1540                              </li>
1541    
1542    
1543                              
1544                              <li class="nav-item">
1545                                <a href="/sybehor/d-ringar-spannen-m-m/rektanglar" class="nav-link pl-0 ">Rektanglar</a>
1546                              </li>
1547    
1548    
1549                              
1550                              <li class="nav-item">
1551                                <a href="/sybehor/d-ringar-spannen-m-m/ringar" class="nav-link pl-0 ">
1551Ringar</a>
1552                              </li>
1553    
1554    
1555                              
1556                              <li class="nav-item">
1557                                <a href="/sybehor/d-ringar-spannen-m-m/klickspanne" class="nav-link pl-0 ">Klickspänne</a>
1558                              </li>
1559    
1560    
1561                              
1562                              <li class="nav-item">
1563                                <a href="/sybehor/d-ringar-spannen-m-m/hakar" class="nav-link pl-0 ">Hakar</a>
1564                              </li>
1565    
1566    
1567                              
1568                              <li class="nav-item">
1569                                <a href="/sybehor/d-ringar-spannen-m-m/magnetlas" class="nav-link pl-0 ">Magnetlås</a>
1570                              </li>
1571    
1572    
1573                              
1574                              <li class="nav-item">
1575                                <a href="/sybehor/d-ringar-spannen-m-m/ovriga-spanne" class="nav-link pl-0 ">Övriga spänne</a>
1576                              </li>
1577    
1578    
1579                              
1580                              <li class="nav-item">
1581                                <a href="/sybehor/d-ringar-spannen-m-m/hangslespanne" class="nav-link pl-0 ">Hängslespänne</a>
1582                              </li>
1583    
1584    
1585                              
1586                              <li class="nav-item">
1587                                <a href="/sybehor/d-ringar-spannen-m-m/spanne-med-dorn" class="nav-link pl-0 ">Spänne med dorn</a>
1588                              </li>
1589    
1590    
1591                              
1592                              <li class="nav-item">
1593                                <a href="/sybehor/d-ringar-spannen-m-m/spannare" class="nav-link pl-0 ">Spännare</a>
1594                              </li>
1595    
1596    
1597                              
1598                              <li class="nav-item">
1599                                <a href="/sybehor/d-ringar-spannen-m-m/repklammor-och-repslut" class="nav-link pl-0 ">Repklämmor och repslut</a>
1600                              </li>
1601    
1602    
1603                          </ul>
1604                        </div>
1605                      </li>
1606    
1607    
1608    
1609                      <li class="nav-item dropdown">
1610                        <a href="#" data-target="#subcat98" data-toggle="collapse" aria-haspopup="true"
1611                          aria-expanded="false" class="nav-link pl-0 dropdown-toggle">Snörlås, stopp m. m.</a>
1612    
1613                        <div id="subcat98" class="collapse">
1614                          <ul class="nav flex-column ml-3">
1615                            <li class="nav-item">
1616                              <a class="nav-link mobile-nav-link pl-0 show-all" href="/sybehor/snorlas-stopp-m-m"
1617                                title="Snörlås, stopp m. m.">Visa alla i Snörlås, stopp m. m.</a>
1618                            </li>
1619                              
1620                              <li class="nav-item">
1621                                <a href="/sybehor/snorlas-stopp-m-m/84-hakar" class="nav-link pl-0 ">Hakar</a>
1622                              </li>
1623    
1624    
1625                              
1626                              <li class="nav-item">
1627                                <a href="/sybehor/snorlas-stopp-m-m/snoddstoppar" class="nav-link pl-0 ">Snoddstoppar</a>
1628                              </li>
1629    
1630    
1631                              
1632                              <li class="nav-item">
1633                                <a href="/sybehor/snorlas-stopp-m-m/snorlas" class="nav-link pl-0 ">Snörlås</a>
1634                              </li>
1635    
1636    
1637                          </ul>
1638                        </div>
1639                      </li>
1640    
1641    
1642    
1643                      <li class="nav-item dropdown">
1644                        <a href="#" data-target="#subcat86" data-toggle="collapse" aria-haspopup="true"
1645                          aria-expanded="false" class="nav-link pl-0 dropdown-toggle">Knappar</a>
1646    
1647                        <div id="subcat86" class="collapse">
1648                          <ul class="nav flex-column ml-3">
1649                            <li class="nav-item">
1650                              <a class="nav-link mobile-nav-link pl-0 show-all" href="/sybehor/knappar"
1651                                title="Knappar">Visa alla i Knappar</a>
1652                            </li>
1653                              
1654                              <li class="nav-item">
1655                                <a href="/sybehor/knappar/naturknappar" class="nav-link pl-0 ">Naturknappar</a>
1656                              </li>
1657    
1658    
1659                              
1660                              <li class="nav-item">
1661                                <a href="/sybehor/knappar/plastknappar" class="nav-link pl-0 ">Plastknappar</a>
1662                              </li>
1663    
1664    
1665                              
1666                              <li class="nav-item">
1667                                <a href="/sybehor/knappar/konstladerknappar" class="nav-link pl-0 ">Konstläderknappar</a>
1668                              </li>
1669    
1670    
1671                              
1672                              <li class="nav-item">
1673                                <a href="/sybehor/knappar/knappror" class="nav-link pl-0 ">Knapprör</a>
1674                              </li>
1675    
1676    
1677                              
1678                              <li class="nav-item">
1679                                <a href="/sybehor/knappar/knapp-p
1679aket" class="nav-link pl-0 ">Knapp-paket</a>
1680                              </li>
1681    
1682    
1683                              
1684                              <li class="nav-item">
1685                                <a href="/sybehor/knappar/tryckknappar" class="nav-link pl-0 ">Tryckknappar</a>
1686                              </li>
1687    
1688    
1689                              
1690                              <li class="nav-item">
1691                                <a href="/sybehor/knappar/jeansknappar" class="nav-link pl-0 ">Jeansknappar</a>
1692                              </li>
1693    
1694    
1695                              
1696                              <li class="nav-item">
1697                                <a href="/sybehor/knappar/duffelknappar" class="nav-link pl-0 ">Duffelknappar</a>
1698                              </li>
1699    
1700    
1701                              
1702                              <li class="nav-item">
1703                                <a href="/sybehor/knappar/motivknappar" class="nav-link pl-0 ">Motivknappar</a>
1704                              </li>
1705    
1706    
1707                              
1708                              <li class="nav-item">
1709                                <a href="/sybehor/knappar/metallknappar" class="nav-link pl-0 ">Metallknappar</a>
1710                              </li>
1711    
1712    
1713                              
1714                              <li class="nav-item">
1715                                <a href="/sybehor/knappar/glasknappar" class="nav-link pl-0 ">Glasknappar</a>
1716                              </li>
1717    
1718    
1719                          </ul>
1720                        </div>
1721                      </li>
1722    
1723    
1724                      <li class="nav-item">
1725                        <a href="/sybehor/mellanlagg" class="nav-link mobile-nav-link pl-0 ">Mellanlägg</a>
1726                      </li>
1727    
1728    
1729    
1730    
1731                      <li class="nav-item dropdown">
1732                        <a href="#" data-target="#subcat104" data-toggle="collapse" aria-haspopup="true"
1733                          aria-expanded="false" class="nav-link pl-0 dropdown-toggle">Tygmärken och laglappar</a>
1734    
1735                        <div id="subcat104" class="collapse">
1736                          <ul class="nav flex-column ml-3">
1737                            <li class="nav-item">
1738                              <a class="nav-link mobile-nav-link pl-0 show-all" href="/sybehor/tygmarken-och-laglappar"
1739                                title="Tygmärken och laglappar">Visa alla i Tygmärken och laglappar</a>
1740                            </li>
1741                              
1742                              <li class="nav-item">
1743                                <a href="/sybehor/tygmarken-och-laglappar/laglappar" class="nav-link pl-0 ">Laglappar</a>
1744                              </li>
1745    
1746    
1747                              
1748                              <li class="nav-item">
1749                                <a href="/sybehor/tygmarken-och-laglappar/tygmarken" class="nav-link pl-0 ">Tygmärken</a>
1750                              </li>
1751    
1752    
1753                          </ul>
1754                        </div>
1755                      </li>
1756    
1757    
1758    
1759                      <li class="nav-item dropdown">
1760                        <a href="#" data-target="#subcat126" data-toggle="collapse" aria-haspopup="true"
1761                          aria-expanded="false" class="nav-link pl-0 dropdown-toggle">Sömnadsredskap</a>
1762    
1763                        <div id="subcat126" class="collapse">
1764                          <ul class="nav flex-column ml-3">
1765                            <li class="nav-item">
1766                              <a class="nav-link mobile-nav-link pl-0 show-all" href="/sybehor/somnadsredskap"
1767                                title="Sömnadsredskap">Visa alla i Sömnadsredskap</a>
1768                            </li>
1769                              
1770                              <li class="nav-item">
1771                                <a href="/sybehor/somnadsredskap/matt" class="nav-link pl-0 ">MÃ¥tt</a>
1772                              </li>
1773    
1774    
1775                              
1776                              <li class="nav-item">
1777                                <a href="/sybehor/somnadsredskap/markering" class="nav-link pl-0 ">Markering</a>
1778                              </li>
1779    
1780    
1781                              
1782                              <li class="nav-item">
1783                                <a href="/sybehor/somnadsredskap/sprattare" class="nav-link pl-0 ">Sprättare</a>
1784                              </li>
1785    
1786    
1787                              
1788                              <li class="nav-item">
1789                                <a href="/sybehor/somnadsredskap/saxar" class="nav-link pl-0 ">Saxar</a>
1790                              </li>
1791    
1792    
1793                              
1794                              <li class="nav-item">
1795                                <a href="/sybehor/somnadsredskap/clips" class="nav-link pl-0 ">Clips</a>
1796                              </li>
1797    
1798    
1799                              
1800                              <li class="nav-item">
1801                                <a href="/sybehor/somnadsredskap/ovriga-redskap" class="nav-link pl-0 ">Övriga redskap</a>
1802                              </li>
1803    
1804    
1805                          </ul>
1806                        </div>
1807                      </li>
1808    
1809    
1810    
1811                      <li class="nav-item dropdown">
1812                        <a href="#" data-target="#subcat131" data-toggle="collapse" aria-haspopup="true"
1813                          aria-expanded="false" class="nav-link pl-0 dropdown-toggle">NÃ¥lar</a>
1814    
1815                        <div id="subcat131" class="collapse">
1816                          <ul class="nav flex-column ml-3">
1817                            <li class="nav-item">
1818                              <a class="nav-link mobile-nav-link pl-0 show-all" href="/sybehor/nalar"
1819                                title="NÃ¥lar">Visa alla i NÃ¥lar</a>
1820                            </li>
1821                              
1822    
1823                              <li class="nav-item dropdown">
1824                                <a href="#" data-target="#subcat153" data-toggle="collapse" aria-haspopup="true"
1825                                  aria-expanded="false" class="nav-link pl-0 dropdown-toggle">Symaskinsnålar</a>
1826    
1827                                <div id="subcat153" class="collapse">
1828                                  <ul class="nav flex-column ml-3">
1829                                    <li class="nav-item">
1830                                      <a class="nav-link mobile-nav-link pl-0 show-all" href="/sybehor/nalar/symaskinsnalar"
1831                                        title="Symaskinsnålar">Visa alla i Symaskinsnålar</a>
1832                                    </li>
1833                                    <li class="nav-item">
1834                                      <a href="/sybehor/nalar/symaskinsnalar/universalnalar" class="nav-link pl-0 ">Universalnålar</a>
1835                                    </li>
1836                                    <li class="nav-item">
1837                                      <a href="/sybehor/nalar/symaskinsnalar/jerseynalar" class="nav-link pl-0 ">Jerseynålar</a>
1838                                    </li>
1839                                    <li class="nav-item">
1840                                      <a href="/sybehor/nalar/symaskinsnalar/stretchnalar" class="nav-link pl-0 ">Stretchnålar</a>
1841                                    </li>
1842                                    <li class="nav-item">
1843                                      <a href="/sybehor/nalar/symaskinsnalar/tvillingnalar" class="nav-link pl-0 ">Tvillingnålar</a>
1844                                    </li>
1845                                    <li class="nav-item">
1846                                      <a href="/sybehor/nalar/symaskinsnalar/jeansnalar" 
1846class="nav-link pl-0 ">Jeansnålar</a>
1847                                    </li>
1848                                  </ul>
1849                                </div>
1850                              </li>
1851    
1852                              
1853                              <li class="nav-item">
1854                                <a href="/sybehor/nalar/synalar" class="nav-link pl-0 ">Synålar</a>
1855                              </li>
1856    
1857    
1858                              
1859                              <li class="nav-item">
1860                                <a href="/sybehor/nalar/knappnalar" class="nav-link pl-0 ">Knappnålar</a>
1861                              </li>
1862    
1863    
1864                              
1865                              <li class="nav-item">
1866                                <a href="/sybehor/nalar/sakerhetsnalar" class="nav-link pl-0 ">Säkerhetsnålar</a>
1867                              </li>
1868    
1869    
1870                          </ul>
1871                        </div>
1872                      </li>
1873    
1874    
1875                      <li class="nav-item">
1876                        <a href="/sybehor/markpistol" class="nav-link mobile-nav-link pl-0 ">Märkpistol</a>
1877                      </li>
1878    
1879    
1880    
1881                    </ul>
1882                  </div>
1883                </li>
1884    
1885    
1886    
1887                <li class="nav-item">
1888                  <a href="/shop/wishlist" class="nav-link mobile-nav-link text-hover-primary position-relative d-flex align-items-center">
1889                    <svg class="svg-icon navbar-icon">
1890                      <use xlink:href="#heart-1"></use>
1891                    </svg>
1892                    <span class="nav-link pl-0">Önskelistan</span>
1893                  </a>
1894                </li>
1895    
1896                <li class="nav-item">
1897                  <a href="/customer/login" class="nav-link mobile-nav-link text-hover-primary position-relative d-flex align-items-center">
1898                    <svg class="svg-icon navbar-icon">
1899                      <use xlink:href="#avatar-1"></use>
1900                    </svg>
1901                    <span
1902                      class="nav-link pl-0">Logga in</span>
1903                  </a>
1904                </li>
1905    
1906              </ul>
1907            </div>
1908          </div>
1909        </div>
1910      </div>
1911    </div>
1912    <!-- /Section: Main Menu -->
1913    </header>    
1914    <!-- Sidebar Cart Modal-->
1915    <div id="sidebarCart" tabindex="-1" role="dialog" class="modal fade modal-right cart-sidebar">
1916      <div role="document" class="modal-dialog">
1917        <div class="modal-content sidebar-cart-content">
1918          <div class="modal-header pb-0 border-0">
1919            <h3 class="ml-3 color-text-base">Varukorg</h3>
1920            <button type="button" data-dismiss="modal" aria-label="Stäng"
1921              class="close modal-close close-rotate">
1922              <svg class="svg-icon w-3rem h-3rem svg-icon-light align-middle">
1923                <use xlink:href="#close-1"></use>
1924              </svg>
1925            </button>
1926          </div>
1927          <div class="modal-body sidebar-cart-body">
1928    
1929            <!-- Cart messages -->
1930            <div class="qs-cart-message"></div>
1931    
1932            <!-- Empty cart snippet-->
1933            <!-- In case of empty cart - display this snippet + remove .d-none-->
1934            <div class="qs-cart-empty  text-center mb-5">
1935              <svg class="svg-icon w-3rem h-3rem svg-icon-light mb-4 opacity-7">
1936                <use xlink:href="#retail-bag-1"></use>
1937              </svg>
1938              <p>Din varukorg är tom, men det behöver den inte vara.</p>
1939            </div>
1940    
1941            <!-- Empty cart snippet end-->
1942            <div class="sidebar-cart-product-wrapper qs-cart-update">
1943    
1944              <div id="cartitem-clone" class="navbar-cart-product clone hide">
1945                <input type="hidden" class="navbar-cart-product-id" value="" />
1946                <div class="d-flex align-items-center">
1947                  <a class="navbar-cart-product-url pr-2" href="#">
1948                    <img loading="lazy" src="" alt="" class="navbar-cart-product-image img-fluid navbar-cart-product-image" />
1949                  </a>
1950                  <div class="flex-grow-1">
1951                    <a href="#" class="navbar-cart-product-link color-text-base"></a>
1952                    <strong class="navbar-cart-product-price product-price d-block text-sm"></strong>
1953                    <div class="d-flex max-w-100px">
1954                      <div class="btn btn-items btn-items-decrease text-center">-</div>
1955                      <input type="text" value="1" class="navbar-cart-product-qty form-control text-center input-items" />
1956                      <div class="btn btn-items btn-items-increase text-center">+</div>
1957                    </div>
1958                  </div>
1959                  <button class="qs-cart-delete btn" data-pid="">
1960                    <svg class="svg-icon sidebar-cart-icon color-text-base opacity-7">
1961                      <use xlink:href="#bin-1"></use>
1962                    </svg>
1963                  </button>
1964                </div>
1965              </div>
1966    
1967    
1968            </div>
1969          </div>
1970          <div class="modal-footer sidebar-cart-footer shadow color-text-base">
1971            <div class="navbar-cart-discount-row w-100" style="display: none;">
1972              <div class="mt-3 mb-0">
1973                Rabatt:
1974                <span class="float-right navbar-cart-discount text-success">0,00 SEK</span>
1975              </div>
1976            </div>
1977            <div class="w-100">
1978              <h5 class="mb-2 mt-0 mb-lg-4">
1979                Total summa: 
1980                <span
1981                  class="float-right navbar-cart-totals">0,00 SEK</span>
1982            </h5>   
1983            <a href="/cart/index" title="Till kassan" class="w-100">
1984                <button class="btn-height-large navbar-checkout-btn border-0 mb-2 mb-lg-2 btn btn-dark btn-block disabled">Till kassan</button>
1985            </a>
1986            <a href="#" data-dismiss="modal" class="btn btn-block color-text-base">Fortsätt att handla</a>
1987    
1988            </div>
1989          </div>
1990        </div>
1991      </div>
1992    </div>
1993        <div data-qb-area="header" data-qb-setting="use_breadcrumbs" class="container pt-0 pt-lg-4">
1994            <!-- Sidebar-->
1995            <nav class="breadcrumb p-0" aria-label="breadcrumbs mb-0">
1996              <ul class="breadcrumb mb-0 mx-auto justify-content-center">
1997                    <li class="breadcrumb-item ">
1998<a href="/" title="Hem">Hem</a>
1999</li>
2000              </ul>
2001            </nav>
2002        </div>
2003    
2004    
2005      <div class="container py-0 pb-4 text-break">
2006        
2007        <!-- Grid -->
2008        <div data-qb-area="category" class="products-grid">
2009    
2010          <!-- Hero Content-->
2011          <div class="hero-content pb-1 pb-lg-4">
2012            <div class="collection-header pb-4">
2013              
2014              <h1 data-qb-element="list_title_align" class="text-center">Din önskelista</h1>
2015              
2016              <div>
2017                
2018Välkommen till din helt egna önskelista! Här får du en fin översikt över alla saker du älskar (eller bara tycker lite om) från butiken, som du sedan kan spara och dela med de som har ett stort hjärta (eller stor plånbok) i hopp om att de kan uppfylla dina önskningar.<p>
2019    <br />
2020</p>
2021
2022
2023
2024<h2> Min önskelista</h2>
2025    <p>
2026        Här finns inga produkter än.    </p>
2027    
2028
2029<style>
2030i.fa.fa-pencil:before {
2031    content: "\f303";
2032}
2033a.share-facebook {
2034    background: #337ab7;
2035    color: white;
2036    padding: 9px 9px;
2037    display: inline-block;
2038    margin-bottom: 5px;
2039}
2040
2041.wishlist-sharebox h2 {
2042    font-size: 20px;
2043    font-weight: 400;
2044    margin-bottom: 20px;
2045}
2046
2047.wishlist-sharebox h4 {
2048    margin-top: 0px;
2049}
2050
2051.wishlist-sharebox {
2052    background: #fff;
2053    max-width: 400px;
2054    margin: 0 auto;
2055    padding: 21px 17px;
2056    border: 1px solid #eee;
2057}
2058.wishlist-remove {
2059    position: absolute;
2060    top: 3px;
2061    right: 17px;
2062    color: black;
2063    background: white;
2064    font-size: 12px;
2065    padding: 5px 9px;
2066    border-radius: 3px;
2067    border: 1px solid #eee;
2068    z-index: 99;
2069}
2070</style>
2071<script type="text/javascript">
2072        document.addEventListener("DOMContentLoaded", function(event) { 
2073            if(typeof jQuery !== 'undefined'){
2074                $('.product').each(function(){ $(this).prepend('<a title="Ta bort" href="?delete='+$(this).attr('data-pid')+'" class="wishlist-remove"><i class="fa fa-times"></i></a>'); });
2075            }
2076        });
2077</script>
2077
2078
2079              </div>
2080              
2081    
2082                  <!-- Kategoriöversikt start -->
2083                  <!-- Kategoriöversikt slut -->
2084                
2085            </div>
2086          </div>
2087        </div>
2088    
2089        <!-- products-->
2090        <div data-aos="fade-up" class="pt-3 clear-both" data-aos-delay="0">
2091          <section class="row">
2092              
2093              
2094              
2095              
2096              
2097              
2098          </section>
2099        </div>
2100        <!-- /Products-->
2101    
2102        <!-- Pagination -->
2103    
2104        
2105      </div>
2106    
2107    <!-- Section: Footer-->
2108    <footer class="pt-4 pb-2">
2109      <!-- Main block - menus, subscribe form-->
2110      <div class="container">
2111          
2112        <div data-qb-area="footer" data-qb-element="newsletter" class="row py-4 align-items-center footer-newsletter" style="background-color: #4b606a; color: #ffffff;">
2113          <span class="col-lg-6 mb-2 mb-lg-0 text-lg text-center text-lg-left font-weight-bold">
2114            Anmäl dig till vår nyhetsbrev
2115          </span>
2116          <form id="newsletter_form" action="/shop/newsletter"
2117            data-txt-error="Vänligen ange din e-postadress."
2118            data-txt-success="Du har nu anmält dig till vårt nyhetsbrev!" method="post" target="_blank"
2119            class="col-lg-6">
2120            <div class="newsletter-wrapper input-group shadow-sm bg-white">
2121              <input type="email" name="email" placeholder="Ange e-postadress"
2122                aria-label="Ange e-postadress" class="form-control pl-3 border-0" />
2123              <div class="input-group-append ml-0">
2124                <button type="submit" class="btn btn-underlined opacity-7 py-0 border-0">
2125                  <svg class="svg-icon w-2rem h-2rem">
2126                    <use xlink:href="#envelope-1"></use>
2127                  </svg>
2128                </button>
2129              </div>
2130            </div>
2131          </form>
2132        </div>
2133                    
2134    
2135        <div class="row py-4">
2136          
2137          
2138          
2139          
2140          
2141          
2142          
2143          
2144          
2145          
2146          
2147          
2148           
2149          <div data-qb-area="footer" data-qb-element="freetext" class="col-12 col-lg">
2150            <a data-toggle="collapse" href="#footerMenu1" aria-expanded="false" aria-controls="footerMenu1"
2151              class="d-lg-none block-toggler my-3">Om oss
2152              <span class="block-toggler-icon"></span>
2153            </a>
2154            <!-- Footer collapsible menu-->
2155            <div id="footerMenu1" class="expand-lg collapse">
2156              <h6 class="letter-spacing-1 mb-4 d-none d-lg-block">
2157                Om oss
2158              </h6>
2159              <ul class="list-unstyled text-sm pt-2 pt-lg-0">
2160                <li>Jonic Textil AB är en grossist inom sybehör och tyger. Vi erbjuder ett brett sortiment med bland annat reflexband, kardborrband, dragkedjor och andra sybehör inom textilbranschen</li>
2161              </ul>
2162            </div>
2163          </div>
2164           
2165          
2166          
2167          
2168          
2169          
2170          
2171           
2172          <div data-qb-area="footer" data-qb-element="contactinformation" class="col-12 col-lg">
2173            <a data-toggle="collapse" href="#footerMenu0" aria-expanded="false" aria-controls="footerMenu0"
2174              class="d-lg-none block-toggler my-3">Kundtjänst<span
2175                class="block-toggler-icon"></span></a>
2176            <!-- Footer collapsible menu-->
2177            <div id="footerMenu0" class="expand-lg collapse">
2178              <h6 class="letter-spacing-1 mb-4 d-none d-lg-block">
2179                Kundtjänst
2180              </h6>
2181              <ul class="list-unstyled text-sm pt-2 pt-lg-0">
2182                <li>Tveka inte att kontakta oss om du har någon fråga eller fundering. Vi svarar alltid så snabbt vi kan!</li>
2183              </ul>
2184            </div>
2185          </div>
2186           
2187          
2188          
2189          
2190          
2191          
2192          
2193          
2194          
2195          
2196          
2197          
2198          
2199           
2200          <div data-qb-area="footer" data-qb-element="footermenu" class="col-12 col-lg">
2201            <a data-toggle="collapse" href="#footerMenu2" aria-expanded="false" aria-controls="footerMenu2"
2202              class="d-lg-none block-toggler my-3">Läs mer<span class="block-toggler-icon"></span>
2203            </a>
2204            <!-- Footer collapsible menu-->
2205            <div id="footerMenu2" class="expand-lg collapse">
2206              <h6 class="letter-spacing-1 mb-4 d-none d-lg-block">
2207                Läs mer
2208              </h6>
2209              <ul class="list-unstyled text-sm pt-2 pt-lg-0">
2210                  <li class="mb-2">
2211                      <a class="opacity-hover-7 footer-textcolor"
2212                          href="/sidor/terms-and-conditions">Köpvillkor</a>
2213                  </li>
2214                  <li class="mb-2">
2215                      <a class="opacity-hover-7 footer-textcolor"
2216                          href="/contact">Kontakt</a>
2217                  </li>
2218                  <li class="mb-2">
2219                      <a class="opacity-hover-7 footer-textcolor"
2220                          href="/sidor/ordlista-tyger">Ordlista tyger</a>
2221                  </li>
2222                  <li class="mb-2">
2223                      <a class="opacity-hover-7 footer-textcolor"
2224                          href="/sidor/ordlista-sybehor">Ordlista sybehör</a>
2225                  </li>
2226                  <li class="mb-2">
2227                      <a class="opacity-hover-7 footer-textcolor"
2228                          href="/sidor/ansok-om-konto">Ansök om konto</a>
2229                  </li>
2230                  <li class="mb-2">
2231                      <a class="opacity-hover-7 footer-textcolor"
2232                          href="/sidor/lojalitetsprogram">Lojalitetsprogram</a>
2233                  </li>
2234                  <li class="mb-2">
2235                      <a class="opacity-hover-7 footer-textcolor"
2236                          href="https://jonic-textil.se/blogg">Blogg</a>
2237                  </li>
2238                  <li class="mb-2">
2239                      <a class="opacity-hover-7 footer-textcolor"
2240                          href="/sidor/privatpersoner">Privatpersoner</a>
2241                  </li>
2242                  <li class="mb-2">
2243                      <a class="opacity-hover-7 footer-textcolor"
2244                          href="/sidor/nyhetsbrev-for-foretag-inom-somnad-textil-jonic-textil">Nyhetsbrev</a>
2245                  </li>
2246              </ul>
2247            </div>
2248          </div>
2249           
2250          
2251          
2252          
2253          
2254          
2255          
2256          
2257          
2258          
2259          
2260           
2261          <div data-qb-area="footer" data-qb-element="socialicons" class="col-12 col-lg">
2262            <a data-toggle="collapse" href="#footerMenu3" aria-expanded="false" aria-controls="footerMenu3"
2263              class="d-lg-none block-toggler my-3">Sociala medier<span
2264                class="block-toggler-icon"></span></a>
2265            <!-- Footer collapsible menu-->
2266            <div id="footerMenu3" class="expand-lg collapse">
2267              <h6 class="letter-spacing-1 mb-4 d-none d-lg-block">
2268                Sociala medier
2269              </h6>
2270              <ul class="list-unstyled text-sm pt-2 pt-lg-0">
2271 
2272                <li class="mb-2">
2273                  <a href="https://www.instagram.com/jonictextil/" target="_blank"
2274                    class="opacity-hover-7 footer-textcolor"><i class="fab fa-instagram"></i> Instagram</a>
2275                </li>
2276                  
2277                <li class="mb-2">
2278                  <a href="https://www.youtube.com/channel/UC5W8Y6bO2HBGvoLq8Q5cE3w" target="_blank"
2279                    class="opacity-hover-7 footer-textcolor"><i class="fab fa-youtube"></i> YouTube</a>
2280                </li>
2281                  
2282                <li class="mb-2">
2283                  <a href="https://se.pinterest.com/jonictextil/" target="_blank"
2284                    class="opacity-hover-7 footer-textcolor"><i class="fab fa-pinterest"></i> Pinterest</a>
2285                </li>
2286              </ul>
2287            </div>
2288          </div>
2289           
2290          
2291          
2292          
2293          
2294          
2295          
2296          
2297          
2298          
2299          
2300        </div>
2301        <div class="row">
2302          
2303          <!-- Copyright section of the footer-->
2304          <div class="col-12 py-4">
2305            <div class="row align-items-center text-sm">
2306              <div class="d-lg-flex col-lg-auto order-2 order-lg-1">
2307                <p class="mb-lg-0 text-center text-lg-left mt-3 mt-lg-0">
2308                  &copy; 2026 Jonic Textil AB
2309                                </div>
2310    
2311                         
2312              <div data-qb-area="footer" data-qb-element="paymethodicons" class="col-lg-auto order-lg-2 ml-lg-auto order-1">
2313                <div class="text-center text-lg-right">
2314                  <img loading="lazy" class="icon-payment px-2 my-2 col" src="/assets/shopassets/paylogos/payment-visa-blue.svg"
2315                    alt="Payment with Visa" />
2316                  <img loading="lazy" class="icon-payment px-2 my-2 col" src="/assets/shopassets/paylogos/payment-mastercard.svg"
2317                    alt="Payment with Mastercard" />
2318                  <img loading="lazy" class="icon-payment px-2 my-2 col"
2319                    src="/assets/shopassets/paylogos/payment-paypal-color.svg" alt="Payment with Paypal" />
2320                  <img loading="lazy" class="icon-payment px-2 my-2 col" src="/assets/shopassets/paylogos/payment-swish.png" alt="Payment with Swish" />
2321                </div>
2322              </div>
2323               
2324            </div>
2325          </div>
2326        </div>
2327      </div>
2328    </footer>
2329    <!-- /Section: Footer -->  
2330
2331    
2332    <!-- Vendor script files -->
2333    
2333<script src="https://storage.quickbutik.com/templates/nova/js/assets.min.js?32114"></script>
2333
2334  
2335    <!-- Theme script --> 
2336    
2336<script src="https://storage.quickbutik.com/templates/nova/js/qs_functions.js?32114"></script>
2336
2337    
2337<script src="https://storage.quickbutik.com/templates/nova/js/theme.js?32114"></script>
2337
2338    
2339    
2340<script type="text/javascript">var qs_store_url = "https://jonic-textil.se";</script>
vendor: 1 bytes, line 2340
2340
2341<script type="text/javascript">var qs_store_apps_data = {"location":"\/shop\/wishlist","products":[],"product_id":null,"category_id":null,"category_name":null,"fetch":"fetch","order":null,"search":null,"recentPurchaseId":null}; var qs_store_apps = [];</script>
vendor: 1 bytes, line 2341
2341
2342<script>if (typeof qs_options !== "undefined") { qs_store_apps_data.variants = JSON.stringify(Array.isArray(qs_options) ? qs_options : []); }</script>
vendor: 1 bytes, line 2342
2342
2343<script type="text/javascript">$.ajax({type:"POST",url:"https://jonic-textil.se/apps/fetch",async:!1,data:qs_store_apps_data, success:function(s){qs_store_apps=s}});</script>
vendor: 1 bytes, line 2343
2343
2344<script type="text/javascript" src="/assets/qb_essentials.babel.js?v=20260819a"></script>
2344
2345    
2346    
2347    
2347<script>
2348    $('.mobile-search').click(function() {
2349      $('body').click(function(event) {
2350        var $target = $(event.target);
2351        
2352        if ($target.parents('.search-autocomplete-list').length == 0) {
2353          $('.search-autocomplete-list').hide();
2354        }
2355      });
2356    });
2357    
2358    $('#newsletter_form_startpage').submit(function(e){
2359        e.preventDefault();
2360        
2361        $.post('/shop/newsletter', $.param($(this).serializeArray()), function(data) {
2362            if(data.error) { 
2363                alert($('#newsletter_form_startpage').data('txt-error'));
2364            }else{
2365                alert($('#newsletter_form_startpage').data('txt-success'));
2366            }
2367        }, "json");
2368    });
2369    
2370    $('#newsletter_form').submit(function(e){
2371        e.preventDefault();
2372        
2373        $.post('/shop/newsletter', $.param($(this).serializeArray()), function(data) {
2374            if(data.error) { 
2375                alert($('#newsletter_form').data('txt-error'));
2376            }else{
2377                alert($('#newsletter_form').data('txt-success'));
2378            }
2379        }, "json");
2380    });
2381    </script>
2381
2382  
2382<script type="text/javascript"> var recaptchaSiteKey="6Lc-2GcUAAAAAMXG8Lz5S_MpVshTUeESW6iJqK0_"; </script>
2382<!-- STORENOTICES APP START -->
2383<script type="text/javascript">
2384$(document).ready(function()
2385{
2386    notice = qs_store_apps.storenotices;
2387    
2388	if(notice.nid)
2389	{
2390		$("head").prepend(notice.style);
2391    	$("body").prepend(notice.content);
2392    	$('#qbNotice'+notice.nid).slideDown('fast');
2393    	
2394    	if(notice.timer)
2395    	{
2396    		setTimeout(function(){
2397    			$('#qbNotice'+notice.nid).slideUp('fast');
2398    			
2399    			if(notice.frequency == '1')
2400    			{
2401    				$.post(qs_store_url + '/apps/storenotices/shown', { nid: notice.nid }, function(response) { });
2402    			}
2403    			
2404    		}, (notice.timer_seconds*1000));
2405    	}
2406    }
2407    
2408    $(document).on('click', '.qbNotice_Close', function(){
2409    	var message = $(this).closest('.qbNotice-message');
2410    	var nid = message.attr('data-nid');
2411    	
2412    	if(message.attr('data-frequency') == '1')
2413    	{
2414    		$.post(qs_store_url + '/apps/storenotices/shown', { nid: nid }, function(response) { });
2415    	}
2416    	
2417    	message.slideUp('fast');
2418    });
2419});
2420</script>
2420
2421<!-- STORENOTICES APP END -->
2421<script>
2422  (function () {
2423    Promise.all([
2424      loadScript("/assets/shopassets/modal/modal.js"),
2425      loadStylesheet("/assets/shopassets/modal/modal.css"),
2426
2427      loadScript("/assets/shopassets/language-modal/language-modal.js?v=3"),
2428    ]).then(function(){
2429      new LanguageModal(qs_store_apps).check();
2430    });
2431
2432    function loadScript(src) {
2433      if (document.querySelector(`script[src="${src}"]`)) {
2434        return Promise.resolve();
2435      }
2436
2437      return new Promise(function (resolve, reject) {
2438        const script = document.createElement("script");
2439        script.src = src;
2440        script.async = true;
2441        script.onload = resolve;
2442        script.onerror = reject;
2443        document.head.append(script);
2444      });
2445    }
2446
2447    function loadStylesheet(href) {
2448      if (document.querySelector(`link[href="${href}"]`)) {
2449        return Promise.resolve();
2450      }
2451
2452      return new Promise(function (resolve, reject) {
2453        const link = document.createElement("link");
2454        link.href = href;
2455        link.rel = "stylesheet";
2456        link.onload = resolve;
2457        link.onerror = reject;
2458        document.head.append(link);
2459      });
2460    }
2461  })();
2462</script>
vendor: 1 bytes, line 2462
2462
2463<script>
2464    qb_cookieconsent.run({
2465        current_lang: 'en',
2466        autoclear_cookies: true,
2467        cookie_expiration: 90,
2468        autoload_css: true,
2469        theme_css: '/assets/shopassets/cookieconsent/cookieconsent.css?v=231',
2470        languages: {
2471            en: {
2472                consent_modal: {
2473                    title: "Vi använder cookies",
2474                    description: 'Vi använder cookies för att anpassa det innehåll som visas för dig och för att du ska få bästa tänkbara upplevelse när du handlar hos oss.',
2475                    primary_btn: {
2476                        text: 'Godkänn alla',
2477                        role: 'accept_all'
2478                    },
2479                    secondary_btn: {
2480                        text: 'Inställningar',
2481                        role: 'settings'
2482                    }
2483                },
2484                settings_modal: {
2485                    title: 'Cookie inställningar',
2486                    save_settings_btn: "Spara",
2487                    accept_all_btn: "Godkänn alla",
2488                    cookie_table_headers: [
2489                        { col1: "Name" },
2490                        { col2: "Domain" },
2491                        { col3: "Expiration" },
2492                        { col4: "Description" }
2493                    ],
2494                    blocks: qb_cookieconsent_blocks
2495                }
2496            }
2497        },
2498        onAccept: function (cookie) {
2499            var event = new CustomEvent("QB_CookieConsentAccepted", {
2500                detail: {
2501                    cookie: cookie
2502                }
2503            });
2504
2505            document.dispatchEvent(event);
2506        },
2507        onChange: function (cookie) {
2508            var event = new CustomEvent("QB_CookieConsentAccepted", {
2509                detail: {
2510                    cookie: cookie
2511                }
2512            });
2513
2514            document.dispatchEvent(event);
2515        },
2516    });
2517
2518</script>
2518
2519
2520<style>
2521.search-autocomplete-list {
2522    position: absolute;
2523    top: 28px;
2524    left: -1px;
2525    z-index: 90;
2526    background: #FFF;
2527    width: 101%;
2528    height: 196px;
2529    border: 1px solid #eee;
2530    /* box-shadow: 1px 1px 1px #eee; */
2531    overflow-x: hidden;
2532    overflow-y: hidden;
2533    padding: 0px 6px;
2534    line-height: 22px;
2535    font-size: 12px;
2536    color: #000;
2537    height: auto;
2538    max-height: 196px;
2539}
2540
2541.search-autocomplete-list .search-result {
2542    width: 100%;
2543    height: 45px;
2544    border-bottom: 1px solid #eee;
2545}
2546
2547.search-autocomplete-list .search-result-price {
2548    float: right;
2549    font-size: 11px;
2550    padding-right: 0px;
2551    margin-top: 5px;
2552}
2553.search-autocomplete-list .search-result-image {
2554    display: inline-block;
2555    margin-right: 3px;
2556    width: 30px;
2557    height: 30px;
2558    vertical-align: middle;
2559}
2560.search-autocomplete-list .search-result-match {
2561    display: inline-block;
2562    width: 57%;
2563    line-height: 15px;
2564    vertical-align: middle;
2565    overflow: hidden;
2566    max-height: 30px;
2567}
2568.search-autocomplete-list .search-result a {
2569	display: block;
2570    padding: 7px 0px !important;
2571    color: #000 !important;
2572    text-align: left;
2573}
2574.search-autocomplete-list .search-result:last-child{
2575    border-bottom: none;
2576}
2577.search-autocomplete-list .search-result:hover,
2578.search-autocomplete-list .search-result-selected {
2579    background: #f9f9f9;
2580}
2581@media (max-width: 479px) {
2582	.search-autocomplete-form {
2583		position: fixed !important;
2584		width: 100%;
2585		top: 0;
2586		left: 0;
2587		background: #FFF;
2588	    z-index: 89;
2589	}
2590	.search-autocomplete-form .search-autocomplete-list {
2591	    padding: 0px 11px;
2592        width: 100%;
2593        left: 0px;
2594        height: 230px;
2595	}
2596	.search-autocomplete-form .search_text {
2597		width: 85%;
2598	}
2599	.search-autocomplete-form .search-wrapper {
2600		position: unset;
2601		display: block;
2602	    text-align: left;
2603	}
2604}
2605.search-result-category .search-result-match {
2606    width: 80%;
2607}
2608</style>
2609
2610<!-- START ADVANCED SEARCH: AUTOCOMPLETE APP -->
2611<script type="text/javascript">
2612(function( $ ){
2613
2614    $.fn.afterText = function(callback, timeout) {
2615        var timerId = null;
2616        timeout |= 500;
2617
2618        this.on('keyup paste', function() {
2619            clearTimeout(timerId);
2620            timerId = setTimeout($.proxy(callback, this), timeout);
2621        });
2622    };
2623
2624})( jQuery );
2625
2626$(document).ready(function()
2627{
2628    function escHtml(s) {
2629        return String(s||'').replace(/&/g,'&amp;').replace(/</g,'<').replace(/>/g,'>').replace(/"/g,'&quot;').replace(/'/g,'&#x27;');
2630    }
2631
2632    var _navIndex = -1;
2633
2634    $('input[name=s]').on('keydown', function(e) {
2635        var list = $(this).closest('form').find('.search-autocomplete-list');
2636        if (!list.is(':visible')) return;
2637
2638        var items = list.find('.search-result');
2639        if (items.length === 0) return;
2640
2641        if (e.key === 'ArrowDown') {
2642            e.preventDefault();
2643            _navIndex = _navIndex < items.length - 1 ? _navIndex + 1 : 0;
2644            items.removeClass('search-result-selected');
2645            $(items[_navIndex]).addClass('search-result-selected');
2646            items[_navIndex].scrollIntoView({ block: 'nearest' });
2647        } else if (e.key === 'ArrowUp') {
2648            e.preventDefault();
2649            _navIndex = _navIndex > 0 ? _navIndex - 1 : items.length - 1;
2650            items.removeClass('search-result-selected');
2651            $(items[_navIndex]).addClass('search-result-selected');
2652            items[_navIndex].scrollIntoView({ block: 'nearest' });
2653        } else if (e.key === 'Enter' && _navIndex >= 0) {
2654            e.preventDefault();
2655            var href = $(items[_navIndex]).find('a').attr('href');
2656            if (href && href.charAt(0) === '/' && href.charAt(1) !== '/') window.location.href = href;
2657        } else if (e.key === 'Escape') {
2658            list.hide();
2659            _navIndex = -1;
2660        }
2661    });
2662
2663	$('.dropdown-toggle-search').on('click', function() {
2664 		if(!$(this).parent().hasClass('open'))
2665 		{
2666			$(this).parent().find('.search_text').focus();
2667 		}
2668 	});
2669
2670    $(document).click(function (e) {
2671        if($('.search-autocomplete-list').is(':visible')&&!$(e.target).closest('.search-autocomplete-list').length){
2672            $('.search-autocomplete-list').hide();
2673        }
2674    });
2675 	
2676 	$('input[name=s]').on('focus', function(){
2677 		$(this).attr('autocomplete', 'off');
2678 	});
2679	$('input[name=s]').afterText(function(callback){
2680	//$('input[name=s]').on('keyup', function(callback){
2681       var searchstring = $(this).val().trim();
2682       var currentform  = $(this).closest('form');
2683       var searchwrapper = false;
2684       
2685       if(searchstring.length > 0 && currentform.hasClass('search-autocomplete-disabled') == false)
2686       {
2687       	   currentform.addClass('search-autocomplete-form');
2688       	   
2689       	   if(currentform.find('.search-wrapper').length > 0)
2690       	   {
2691       	   		searchwrapper = true;
2692       	   		currentform.find('.search-wrapper').css({'position' : 'relative'});
2693       	   }else{
2694       	   		currentform.css({'position' : 'relative'});
2695       	   }
2696       	   
2697           $.get('/shop/search', { s: searchstring, out: 'json', 'limit': 30 }, function(response){
2698                
2699               currentform.find('.search-autocomplete-list').remove();
2700               _navIndex = -1;
2701
2702               var searchaclist = '<div class="search-autocomplete-list">';
2703               var searchresults = response.searchresults;
2704               var categories = response.categories || [];
2705
2706               var highlight_words = searchstring.trim().split(/\s+/).filter(function(w) { return w.length > 0; }).map(function(w) { return w.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'); });
2707               var highlight_re = highlight_words.length > 0 ? new RegExp('(' + highlight_words.join('|') + ')', 'gi') : null;
2708
2709               if (categories.length > 0) {
2710                   searchaclist += '<div class="search-autocomplete-group">';
2711
2712                   $(categories).each(function(k, cat) {
2713                       var cat_name = escHtml(cat.name);
2714                       if (highlight_re) cat_name = cat_name.replace(highlight_re, "<b>$&</b>");
2715
2716                       searchaclist += '<div class="search-result search-result-category">';
2717                       searchaclist += '<a href="' + escHtml(cat.url) + '">';
2718                       if (cat.image) {
2719                           searchaclist += '<div class="search-result-image" style="background: url(' + escHtml(cat.image) + '?w=45&auto=format);background-position: 50% 50%;background-size: cover;background-repeat: no-repeat;"></div>';
2720                       }
2721                       searchaclist += '<div class="search-result-match">' + cat_name + '</div>';
2722                       searchaclist += '</a>';
2723                       searchaclist += '</div>';
2724                   });
2725
2726                   searchaclist += '</div>';
2727               }
2728
2729               $(searchresults).each(function(k, output){
2730
2731                   var searchbox  = '';
2732                   var match_title = escHtml(output.product.title);
2733                   if (highlight_re) match_title = match_title.replace(highlight_re, "<b>$&</b>");
2734
2735                   searchbox     += '<div class="search-result">';
2736                   searchbox     += '<a href="'+escHtml(output.product.url)+'">';
2737                   searchbox     +=      '<div class="search-result-image" style="background: url('+escHtml(output.product.firstimage)+'?w=45&auto=format);background-position: 50% 50%;background-size: cover;background-repeat: no-repeat;"></div>';
2738
2739                   searchbox     +=      '<div class="search-result-match">'+match_title+'</div>';
2740
2741                   searchbox     +=      '<div class="search-result-price">'+escHtml(output.product.price)+'</div>';
2742                   searchbox     += '</a>';
2743                   searchbox     += '</div>';
2744                   
2745                   searchaclist += searchbox;
2746               });
2747               
2748               if(response.error && categories.length === 0)
2749               {
2750               		searchaclist += '<div style="text-align: center; padding: 10px 0px;">'+escHtml(response.error)+'</div>';
2751               }
2752               
2753               searchaclist     += '</div>';
2754               
2755               if(searchwrapper)
2756               {
2757               		currentform.find('.search-wrapper').append(searchaclist);
2758               }else{
2759               		currentform.append(searchaclist);
2760               }
2761               
2762               if(searchresults.length > 3)
2763               {
2764               		currentform.find('.search-autocomplete-list').css({'overflow-y':'scroll'});
2765               }else{
2766               		currentform.find('.search-autocomplete-list').css({'overflow-y':'hidden'});
2767               }
2768               
2769           });
2770       }
2771       
2772    });
2773});
2774</script>
2774
2775<!-- END ADVANCED SEARCH: AUTOCOMPLETE APP -->
2776    
2776<script src="/assets/shopassets/misc/magicbean.js?v=3" data-shop-id="66226" data-url="https://magic-bean.services.quickbutik.com/v1/sow" data-site-section="1" data-key="c3a526948a78f98f036989f86b543dadb3d96b064eb805a591bd2b880222bfe2" data-timestamp="1790446037" defer></script>
2776<script>
2777    document.addEventListener('QB_CookieConsentAccepted', function(event) {
2778        const cookie = qbGetEvent(event).cookie;
2779
2780        const getConsentLevel = (level) => (cookie && cookie.level && cookie.level.includes(level)) ? 'granted' : 'denied';
2781
2782        gtag('consent', 'update', {
2783            'analytics_storage': getConsentLevel('analytics'),
2784            'ad_storage': getConsentLevel('marketing'),
2785            'ad_user_data': getConsentLevel('marketing'),
2786            'ad_personalization': getConsentLevel('marketing'),
2787        });
2788    });
2789
2790    document.addEventListener('QB_CartAdded', function(e) {
2791        const itemData = qbGetEvent(e).itemData;
2792
2793        // item.id is the CART-LINE key — an md5 of the line (see
2794        // Model_Shop_Basketnew), unique per product+variant+options and
2795        // meaningless outside this basket. item.raw_id is the product id,
2796        // which is what view_item sends, what <g:id> carries in the Google
2797        // Shopping feed, and what GA4 needs to join the item funnel.
2798        let eventData = {
2799            currency: 'SEK',
2800            value: parseFloat(itemData.item.price_raw),
2801            items: [{
2802                id: itemData.item.raw_id || itemData.item.id,
2803                item_id: itemData.item.raw_id || itemData.item.id,
2804                name: itemData.item.title.replaceAll('"', ''),
2805                item_name: itemData.item.title.replaceAll('"', ''),
2806                affiliation: `Jonic Textil AB`,
2807                ...(itemData.variant_name && {
2808                    name: itemData.item.title.replaceAll('"', '') + ' ' + itemData.variant_name.replaceAll('"', ''),
2809                    item_name: itemData.item.title.replaceAll('"', '') + ' ' + itemData.variant_name.replaceAll('"', ''),
2810                    variant: itemData.variant_name.replaceAll('"', ''),
2811                    item_variant: itemData.variant_name.replaceAll('"', ''),
2812                }),
2813                ...(itemData.item.item_category && {
2814                    item_category: itemData.item.item_category.replaceAll('"', ''),
2815                }),
2816                price: parseFloat(itemData.item.price_raw),
2817                quantity: itemData.qty
2818            }],
2819        };
2820        'undefined' !== typeof gtag && gtag('event', 'add_to_cart', eventData);
2821    });
2822</script>
2822<script>;(function () {
2823    if (window.parent === window) return;
2824
2825    const urlParams = new URLSearchParams(window.location.search);
2826    if (urlParams.has('_qbdev')) {
2827        try { sessionStorage.setItem('_qbdev', '1'); } catch(e) {}
2828    }
2829    try { if (!sessionStorage.getItem('_qbdev')) return; } catch(e) { return; }
2830
2831    const report = () => {
2832        try {
2833            const params = new URLSearchParams(window.location.search);
2834            params.delete('_qbdev');
2835            params.delete('_qbtid');
2836            const qs = params.toString();
2837            window.parent.postMessage(
2838                { type: 'navigation', path: window.location.pathname + (qs ? '?' + qs : '') },
2839                '*'
2840            );
2841        } catch (e) {}
2842    };
2843
2844    report();
2845
2846    const { pushState, replaceState } = history;
2847    history.pushState = function (...args) {
2848        const result = pushState.apply(this, args);
2849        report();
2850        return result;
2851    };
2852    history.replaceState = function (...args) {
2853        const result = replaceState.apply(this, args);
2854        report();
2855        return result;
2856    };
2857    window.addEventListener('popstate', report);
2858})()</script>
vendor: 1 bytes, line 2858
2858
2859<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"7a304e0c4e854d16bca3b20c50bbf8db","spa":2}' crossorigin="anonymous"></script>
2859
2860</body>
2861</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.