Chloé - Hultins Optik
'use strict' this.aNav = {"1":{"name":"K\u00f6p","link":"","level":1,"subGroups":[{"name":"Kontaktlinser","id":"prod_prod_grp-s2\/431","type":"prodgrp","link":"\/kontaktlinser","level":2,"subGroups":[{"name":"Endagslinser","id":"prod_prod_grp-s2\/440","type":"prodgrp","link":"\/kontaktlinser\/endagslinser","level":3,"subGroups":[]},{"name":"Dygnet-runtlinser","id":"prod_prod_grp-s2\/443","type":"prodgrp","link":"\/kontaktlinser\/dygnet-runtlinser","level":3,"subGroups":[]},{"name":"1-2 veckorslinser","id":"prod_prod_grp-s2\/441","type":"prodgrp","link":"\/kontaktlinser\/1-2-veckorslinser","level":3,"subGroups":[]},{"name":"M\u00e5nadslinser","id":"prod_prod_grp-s2\/442","type":"prodgrp","link":"\/kontaktlinser\/manadslinser","level":3,"subGroups":[]},{"name":"Progressiva linser","id":"prod_prod_grp-s2\/452","type":"prodgrp","link":"\/kontaktlinser\/progressiva-linser","level":3,"subGroups":[]},{"name":"Toriska linser","id":"prod_prod_grp-s2\/453","type":"prodgrp","link":"\/kontaktlinser\/toriska-linser","level":3,"subGroups":[]}]},{"name":"Glas\u00f6gon","id":"prod_prod_grp-s2\/464","type":"prodgrp","link":"\/glasogon-50.1.464.1","level":2,"subGroups":[{"name":"Dick Moby","id":"prod_prod_grp-s2\/477","type":"prodgrp","link":"\/glasogon\/dick-moby","level":3,"subGroups":[]},{"name":"Moscot","id":"prod_prod_grp-s2\/478","type":"prodgrp","link":"\/glasogon\/moscot","level":3,"subGroups":[]},{"name":"Oscar Magnusson","id":"prod_prod_grp-s2\/479","type":"prodgrp","link":"\/glasogon\/oscar-magnusson","level":3,"subGroups":[]},{"name":"Vasuma","id":"prod_prod_grp-s2\/480","type":"prodgrp","link":"\/glasogon\/vasuma","level":3,"subGroups":[]},{"name":"Chlo\u00e9","id":"prod_prod_grp-s2\/485","type":"prodgrp","link":"\/glasogon\/chloe","level":3,"subGroups":[]},{"name":"Mykita","id":"prod_prod_grp-s2\/483","type":"prodgrp","link":"\/glasogon\/mykita","level":3,"subGroups":[]},{"name":"C\u00e9line","id":"prod_prod_grp-s2\/487","type":"prodgrp","link":"\/glasogon\/celine","level":3,"subGroups":[]}]},{"name":"Solglas\u00f6gon","id":"prod_prod_grp-s2\/433","type":"prodgrp","link":"\/solglasogon","level":2,"subGroups":[{"name":"Tom Ford","id":"prod_prod_grp-s2\/476","type":"prodgrp","link":"\/solglasogon\/tom-ford","level":3,"subGroups":[]},{"name":"Chlo\u00e9","id":"prod_prod_grp-s2\/486","type":"prodgrp","link":"\/solglasogon\/chloe","level":3,"subGroups":[]},{"name":"Saint Laurent","id":"prod_prod_grp-s2\/475","type":"prodgrp","link":"\/solglasogon\/saint-laurent","level":3,"subGroups":[]},{"name":"Moscot","id":"prod_prod_grp-s2\/474","type":"prodgrp","link":"\/solglasogon\/moscot","level":3,"subGroups":[]},{"name":"Dior","id":"prod_prod_grp-s2\/473","type":"prodgrp","link":"\/solglasogon\/dior","level":3,"subGroups":[]},{"name":"C\u00e9line","id":"prod_prod_grp-s2\/472","type":"prodgrp","link":"\/solglasogon\/celine","level":3,"subGroups":[]}]},{"name":"Moscot","id":"prod_prod_grp-s2\/489","type":"prodgrp","link":"\/moscot-50.1.489.1","level":2,"subGroups":[]}]},"2":{"name":"Inspiration & information","link":"","level":1,"subGroups":[{"name":"BOKA TID","id":"web_page-s2\/195","type":"page","level":"2","target":null,"link":"\/boka-tid","subGroups":[{"name":"\u00d6GONH\u00c4LSA","id":"web_page-s2\/196","type":"page","level":3,"target":null,"link":"\/ogonhalsa","subGroups":[]},{"name":"TORRA \u00d6GON","id":"web_page-s2\/197","type":"page","level":3,"target":null,"link":"\/torra-ogon","subGroups":[]},{"name":"BARNS \u00d6GON","id":"web_page-s2\/198","type":"page","level":3,"target":null,"link":"\/barns-ogon","subGroups":[]},{"name":"BIDRAG F\u00d6R GLAS\u00d6GON OCH LINSER","id":"web_page-s2\/210","type":"page","level":3,"target":"_self","link":"\/bidrag-for-glasogon-och-linser","subGroups":[]},{"name":"SYNUNDERS\u00d6KNING","id":"web_page-s2\/176","type":"page","level":3,"target":"_self","link":"\/synundersokning","subGroups":[]}]},{"name":"SOLGLAS\u00d6GON","id":"web_page-s2\/174","type":"page","level":"2","target":"_self","link":"\/solglasogon-1.0.174.1","subGroups":[{"name":"TRENDER","id":"web_page-s2\/188","type":"page","level":3,"target":null,"link":"\/trender-1.0.188.1","subGroups":[]},{"name":"UV-SKYDD","id":"web_page-s2\/189","type":"page","level":3,"target":null,"link":"\/uv-skydd","subGroups":[]},{"name":"SLIPADE SOLGLAS\u00d6GON","id":"web_page-s2\/190","type":"page","level":3,"target":null,"link":"\/slipade-solglasogon","subGroups":[]},{"name":"HULTINS FAVORITER","id":"web_page-s2\/187","type":"page","level":3,"target":null,"link":"\/hultins-favoriter","subGroups":[]}]},{"name":"GLAS\u00d6GON","id":"web_page-s2\/173","type":"page","level":"2","target":"_self","link":"\/glasogon","subGroups":[{"name":"B\u00c5GAR","id":"web_page-s2\/179","type":"page","level":3,"target":null,"link":"\/bagar","subGroups":[]},{"name":"TOPPLISTA","id":"web_page-s2\/180","type":"page","level":3,"target":null,"link":"\/topplista","subGroups":[]},{"name":"TRENDER","id":"web_page-s2\/181","type":"page","level":3,"target":null,"link":"\/trender","subGroups":[]},{"name":"GARANTI","id":"web_page-s2\/184","type":"page","level":3,"target":null,"link":"\/garanti","subGroups":[]},{"name":"ARBETSGLAS\u00d6GON","id":"web_page-s2\/185","type":"page","level":3,"target":null,"link":"\/arbetsglasogon","subGroups":[]},{"name":"VERKSTADEN","id":"web_page-s2\/186","type":"page","level":3,"target":null,"link":"\/verkstaden","subGroups":[]}]},{"name":"KONTAKTLINSER","id":"web_page-s2\/175","type":"page","level":"2","target":"_self","link":"\/kontaktlinser-1.0.175.1","subGroups":[{"name":"SK\u00d6TSELR\u00c5D","id":"web_page-s2\/192","type":"page","level":3,"target":null,"link":"\/skotselrad","subGroups":[]},{"name":"LINSABONNEMANG","id":"web_page-s2\/194","type":"page","level":3,"target":null,"link":"\/linsabonnemang","subGroups":[]}]},{"name":"GLAS","id":"web_page-s2\/182","type":"page","level":"2","target":null,"link":"\/glas","subGroups":[{"name":"PROGRESSIVA GLAS","id":"web_page-s2\/183","type":"page","level":3,"target":null,"link":"\/progressiva-glas","subGroups":[]}]},{"name":"BLI VIP-KUND","id":"web_page-s2\/228","type":"page","level":"2","target":null,"link":"\/bli-vip-kund","subGroups":[]},{"name":"KONTAKT","id":"web_page-s2\/178","type":"page","level":"2","target":"_self","link":"\/kontakt","subGroups":[{"name":"OM OSS","id":"web_page-s2\/177","type":"page","level":3,"target":"_self","link":"\/om-oss","subGroups":[{"name":"BILDER FR\u00c5N BUTIKEN","id":"web_page-s2\/207","type":"page","level":4,"target":"_self","link":"\/bilder-fran-butiken","subGroups":[]},{"name":"MEDARBETARE","id":"web_page-s2\/209","type":"page","level":4,"target":"_self","link":"\/medarbetare","subGroups":[]}]},{"name":"K\u00d6P- & LEVERANSVILLKOR","id":"web_page-s2\/206","type":"page","level":3,"target":"_self","link":"\/kop-leveransvillkor","subGroups":[]},{"name":"ANV\u00c4NDAR- OCH INTEGRITETSPOLICY","id":"web_page-s2\/227","type":"page","level":3,"target":"_self","link":"\/gdpr","subGroups":[]}]}]},"3":{"name":"V\u00e5ra varum\u00e4rken","link":"","level":1,"subGroups":[{"name":"Vasuma","id":"prod_brd-s2\/1513","type":"brand","link":"\/vasuma","image1Src":null},{"name":"Oscar Magnuson","id":"prod_brd-s2\/1514","type":"brand","link":"\/oscar-magnuson","image1Src":"https:\/\/hultinsoptik.svenskaoptiker.se\/20.0.0.3\/38936\/cache\/38936_b685acad00de9135be716fe1c54ccf19.jpg"},{"name":"Frency & Mercury","id":"prod_brd-s2\/1517","type":"brand","link":"\/frency-mercury","image1Src":null},{"name":"Mykita","id":"prod_brd-s2\/1518","type":"brand","link":"\/mykita","image1Src":null},{"name":"Moscot","id":"prod_brd-s2\/1520","type":"brand","link":"\/moscot","image1Src":null},{"name":"Dick Moby","id":"prod_brd-s2\/1521","type":"brand","link":"\/dick-moby","image1Src":null},{"name":"Gucci","id":"prod_brd-s2\/1522","type":"brand","link":"\/gucci","image1Src":null},{"name":"Dior","id":"prod_brd-s2\/1523","type":"brand","link":"\/dior-54.0.1523.1","image1Src":null},{"name":"C\u00e9line","id":"prod_brd-s2\/1524","type":"brand","link":"\/celine","image1Src":"https:\/\/hultinsoptik.svenskaoptiker.se\/20.0.0.3\/36249\/cache\/36249_e38ce6b21e0cb4c5ee70d871218c5773.jpg"},{"name":"RayBan","id":"prod_brd-s2\/1525","type":"brand","link":"\/rayban","image1Src":null},{"name":"Hackett","id":"prod_brd-s2\/1526","type":"brand","link":"\/hackett","image1Src":null},{"name":"Lindberg","id":"prod_brd-s2\/1527","type":"brand","link":"\/lindberg","image1Src":"https:\/\/hultinsoptik.svenskaoptiker.se\/20.0.0.4\/40809\/cache\/40809_2bd0fc0fc7e0d229fb244e26ecc2b27c.jpg"},{"name":"Paul & Joe","id":"prod_brd-s2\/1528","type":"brand","link":"\/paul-joe","image1Src":null},{"name":"Thorberg Design","id":"prod_brd-s2\/1529","type":"brand","link":"\/thorberg-design","image1Src":null},{"name":"Savile Row","id":"prod_brd-s2\/1531","type":"brand","link":"\/savile-row","image1Src":null},{"name":"Sightsavers","id":"prod_brd-s2\/1532","type":"brand","link":"\/sightsavers","image1Src":"https:\/\/hultinsoptik.svenskaoptiker.se\/20.0.0.4\/41012\/cache\/41012_dc62edbde98c3199059d65a61fe38d93.jpg"},{"name":"Chlo\u00e9","id":"prod_brd-s2\/1533","type":"brand","link":"\/chloe","image1Src":null},{"name":"Moscot Sol","id":"prod_brd-s2\/82","type":"brand","link":"\/moscot-sol","image1Src":"https:\/\/hultinsoptik.svenskaoptiker.se\/20.0.0.3\/36247\/cache\/36247_c71fad62a619c1db0af35b1bb1b71d63.jpg"},{"name":"Tom Ford","id":"prod_brd-s2\/87","type":"brand","link":"\/tom-ford","image1Src":"https:\/\/hultinsoptik.svenskaoptiker.se\/20.0.0.3\/36251\/cache\/36251_c4b11460ae276e70386a8d032aaa52ca.jpg"},{"name":"Saint Laurent","id":"prod_brd-s2\/97","type":"brand","link":"\/saint-laurent","image1Src":null},{"name":"Alcon","id":"prod_brd-s2\/1510","type":"brand","link":"\/alcon","image1Src":null},{"name":"CooperVision","id":"prod_brd-s2\/1509","type":"brand","link":"\/coopervision","image1Src":null},{"name":"Johnson & Johnson","id":"prod_brd-s2\/1512","type":"brand","link":"\/johnson-johnson","image1Src":null},{"name":"Bausch + Lomb","id":"prod_brd-s2\/1511","type":"brand","link":"\/bausch-lomb-54.0.1511.1","image1Src":null},{"name":"Daysoft Limited","id":"prod_brd-s2\/95","type":"brand","link":"\/daysoft-limited","image1Src":null}]}}; this.isLoggedIn = false var self = this, $menu = $(this.root), $modalArea = $('.modal-area') openLogin(e) { e.stopPropagation() $modalArea.append('
'use strict' // Data this.aNav = [{"name":"Handla","id":"","type":"anchor","link":"#","level":0,"target":"_self","subGroups":[{"name":"Kontaktlinser","id":"prod_prod_grp-s2\/431","type":"prodgrp","link":"\/kontaktlinser","level":1,"target":"_self","subGroups":[{"name":"Endagslinser","id":"prod_prod_grp-s2\/440","type":"prodgrp","link":"\/kontaktlinser\/endagslinser","level":2,"target":"_self","subGroups":[]},{"name":"Dygnet-runtlinser","id":"prod_prod_grp-s2\/443","type":"prodgrp","link":"\/kontaktlinser\/dygnet-runtlinser","level":2,"target":"_self","subGroups":[]},{"name":"1-2 veckorslinser","id":"prod_prod_grp-s2\/441","type":"prodgrp","link":"\/kontaktlinser\/1-2-veckorslinser","level":2,"target":"_self","subGroups":[]},{"name":"M\u00e5nadslinser","id":"prod_prod_grp-s2\/442","type":"prodgrp","link":"\/kontaktlinser\/manadslinser","level":2,"target":"_self","subGroups":[]},{"name":"Progressiva linser","id":"prod_prod_grp-s2\/452","type":"prodgrp","link":"\/kontaktlinser\/progressiva-linser","level":2,"target":"_self","subGroups":[]},{"name":"Toriska linser","id":"prod_prod_grp-s2\/453","type":"prodgrp","link":"\/kontaktlinser\/toriska-linser","level":2,"target":"_self","subGroups":[]}]},{"name":"Glas\u00f6gon","id":"prod_prod_grp-s2\/464","type":"prodgrp","link":"\/glasogon-50.1.464.1","level":1,"target":"_self","subGroups":[{"name":"Dick Moby","id":"prod_prod_grp-s2\/477","type":"prodgrp","link":"\/glasogon\/dick-moby","level":2,"target":"_self","subGroups":[]},{"name":"Moscot","id":"prod_prod_grp-s2\/478","type":"prodgrp","link":"\/glasogon\/moscot","level":2,"target":"_self","subGroups":[]},{"name":"Oscar Magnusson","id":"prod_prod_grp-s2\/479","type":"prodgrp","link":"\/glasogon\/oscar-magnusson","level":2,"target":"_self","subGroups":[]},{"name":"Vasuma","id":"prod_prod_grp-s2\/480","type":"prodgrp","link":"\/glasogon\/vasuma","level":2,"target":"_self","subGroups":[]},{"name":"Chlo\u00e9","id":"prod_prod_grp-s2\/485","type":"prodgrp","link":"\/glasogon\/chloe","level":2,"target":"_self","subGroups":[]},{"name":"Mykita","id":"prod_prod_grp-s2\/483","type":"prodgrp","link":"\/glasogon\/mykita","level":2,"target":"_self","subGroups":[]},{"name":"C\u00e9line","id":"prod_prod_grp-s2\/487","type":"prodgrp","link":"\/glasogon\/celine","level":2,"target":"_self","subGroups":[]}]},{"name":"Solglas\u00f6gon","id":"prod_prod_grp-s2\/433","type":"prodgrp","link":"\/solglasogon","level":1,"target":"_self","subGroups":[{"name":"Tom Ford","id":"prod_prod_grp-s2\/476","type":"prodgrp","link":"\/solglasogon\/tom-ford","level":2,"target":"_self","subGroups":[]},{"name":"Chlo\u00e9","id":"prod_prod_grp-s2\/486","type":"prodgrp","link":"\/solglasogon\/chloe","level":2,"target":"_self","subGroups":[]},{"name":"Saint Laurent","id":"prod_prod_grp-s2\/475","type":"prodgrp","link":"\/solglasogon\/saint-laurent","level":2,"target":"_self","subGroups":[]},{"name":"Moscot","id":"prod_prod_grp-s2\/474","type":"prodgrp","link":"\/solglasogon\/moscot","level":2,"target":"_self","subGroups":[]},{"name":"Dior","id":"prod_prod_grp-s2\/473","type":"prodgrp","link":"\/solglasogon\/dior","level":2,"target":"_self","subGroups":[]},{"name":"C\u00e9line","id":"prod_prod_grp-s2\/472","type":"prodgrp","link":"\/solglasogon\/celine","level":2,"target":"_self","subGroups":[]}]},{"name":"Moscot","id":"prod_prod_grp-s2\/489","type":"prodgrp","link":"\/moscot-50.1.489.1","level":1,"target":"_self","subGroups":[]}]},{"name":"V\u00e5ra Varum\u00e4rken","id":"web_page-s2\/148","type":"page","link":"\/vara-varumarken","level":1,"subGroups":[]},{"name":"BOKA TID","id":"web_page-s2\/195","type":"page","level":1,"target":null,"link":"\/boka-tid"},{"name":"SOLGLAS\u00d6GON","id":"web_page-s2\/174","type":"page","level":1,"target":"_self","link":"\/solglasogon-1.0.174.1"},{"name":"GLAS\u00d6GON","id":"web_page-s2\/173","type":"page","level":1,"target":"_self","link":"\/glasogon"},{"name":"KONTAKTLINSER","id":"web_page-s2\/175","type":"page","level":1,"target":"_self","link":"\/kontaktlinser-1.0.175.1"},{"name":"GLAS","id":"web_page-s2\/182","type":"page","level":1,"target":null,"link":"\/glas"},{"name":"BLI VIP-KUND","id":"web_page-s2\/228","type":"page","level":1,"target":null,"link":"\/bli-vip-kund"},{"name":"KONTAKT","id":"web_page-s2\/178","type":"page","level":1,"target":"_self","link":"\/kontakt"}]; //console.log('aNav', this.aNav) // State this.curr = { activeIndex: false, level1: this.id } // Current activeIndex of level 1 this.prev = { activeIndex: false } // Previous activeIndex of level 1 var self = this, $body = $('body'), $level1, $aItems, $indicator, $navSurface riot.storage.navbar = { state: { activeIndex: this.curr.activeIndex } } // Toggles nav-dropdown (vertical slide) or follows link click(e) { e.stopPropagation() //if (responsiveMode.current == 'xs' || (responsiveMode.current == 'sm' && riot.storage.mouse !== true)) { if (responsiveMode.current == 'xs' || responsiveMode.current == 'sm') { this.curr.activeIndex = this.curr.activeIndex === e.item.i ? false : e.item.i riot.storage.navbar.state.activeIndex = this.curr.activeIndex } else { e.preventUpdate = true return true } } // mouseEnter and mouseLeave toggles nav-megamenu on or off with a delay mouseEnter(e) { e.stopPropagation() e.preventUpdate = true if (responsiveMode.current == 'xs' || responsiveMode.current == 'sm') return if (this.curr.activeIndex !== false || e.target.tagName == 'NAV-MEGAMENU') { timeout.clear('leave') this.curr.activeIndex = e.item.i riot.storage.navbar.state.activeIndex = this.curr.activeIndex self.update() } else { timeout.call(function() { self.curr.activeIndex = e.item.i riot.storage.navbar.state.activeIndex = self.curr.activeIndex self.update() }, 350, 'enter') } } mouseLeave(e) { e.stopPropagation() e.preventUpdate = true if (responsiveMode.current == 'xs' || responsiveMode.current == 'sm') return timeout.clear('enter') timeout.call(function() { self.curr.activeIndex = false riot.storage.navbar.state.activeIndex = self.curr.activeIndex self.update() }, 350, 'leave') } hideIndicator() { if (!this.isMounted) return $indicator.css({ 'display': 'none' }) } showIndicator(index) { if (!this.isMounted) return var level1Width = $level1.width(), margin = (responsiveMode.width - parseInt($navSurface.css('width'))) / 2, left = 0, right = 0, tmp = 0 for (var i = 0; i <= index; i++) { var $item = $($aItems[i]) var itemWidth = parseInt($item.css('width')) tmp += itemWidth if (tmp <= level1Width || i == $aItems.length - 2) { right += itemWidth } } left = right - parseInt($($aItems[index]).css('width')) $indicator .css({ 'display': 'block' }) .velocity({ 'left': (left+margin+10)+'px', 'right': (responsiveMode.width-(right+margin)+16)+'px' }, { queue: false }) if (right>left) { $('.Cda07a2d0 .level2-mm.active').css('left', left+'px'); } else { $('.Cda07a2d0 .level2-mm.active').css('right', right+'px'); } } this.on('updated', function() { ////console.log(self.aNav) if (self.curr.activeIndex !== false) { if (responsiveMode.current === 'xs' && self.prev.activeIndex === false) { ////console.log('nav-bar updated - mainScroll.disable') mainScroll.disable() } self.showIndicator(self.curr.activeIndex) } else { if (responsiveMode.current === 'xs' && self.prev.activeIndex !== false) { /////console.log('nav-bar updated - mainScroll.enable') mainScroll.enable() } self.hideIndicator() } self.prev.activeIndex = self.curr.activeIndex }) this.one('mount', function() { $level1 = $('.level1') $aItems = $level1.children('li') $indicator = $($aItems[$aItems.length - 1]) $navSurface = $('.nav .container > div') // Hide empty dropdownds $('.Cda07a2d0').find('.level2-mm:not(:has(div))').remove(); }) // Clicked outside? Close any open menu topEvent.on('click', function(e) { if (self.curr.activeIndex !== false) { self.curr.activeIndex = false riot.storage.navbar.state.activeIndex = self.curr.activeIndex self.update() } }) // Window width changed? Close any open menu responsiveMode.on('changedWidth', function() { if (self.curr.activeIndex !== false) { self.curr.activeIndex = false riot.storage.navbar.state.activeIndex = self.curr.activeIndex } self.update() })
Start Våra Varumärken Chloé