Bromsljuskontakt fram-, Aprilia, Derbi, Rieju, Peugeot, Motorhispania, Yamaha, mfl.

Passar även till modellbeteckning: (jämför ev. mått)
Aprilia Aprilia RX
Aprilia SX 50
Bultaco Astro
Bultaco Lobito
CH Racing CH Racing WSM, WXE 50 04-
Derbi Atlantis 100 AIR 2T '01-'02
Derbi Atlantis 50 AIR 4T '04-'06
Derbi Atlantis Bullet 50 AIR 2T '03-'09
Derbi Atlantis Bullet 50 AIR 2T '10
Derbi Atlantis City 50 AIR 2T '06/02-'03
Derbi Atlantis City 50 AIR 4T '07
Derbi Boulevard 125 AIR 4T '02-'07
Derbi Boulevard 150 AIR 4T '02-'07
Derbi Cross City 125 AIR 4T '07->
Derbi GP-Max 125 H2O 4T '06
Derbi GP-Max 125i H2O 4T '07->
Derbi GP-Max 250 H2O 4T '06
Derbi GP1 50 H2O 2T '02-'03
Derbi GP1 Open 50 H2O 2T '06-'09
Derbi GP1 Race 50 H2O 2T '05-'07 (chain)
Derbi GPR125 H2O 4T '09->
Derbi GPR125 Nude H2O 2T '04-'06
Derbi GPR125 Racing H2O 2T '04-'06
Derbi GPR50 Nude H2O 2T '04-'05 (EBS050)
Derbi GPR50 Nude H2O 2T '06-'08 (D50B0)
Derbi GPR50 Racing H2O 2T '04-'05 (EBS050)
Derbi GPR50 Racing H2O 2T '06-'09 (D50B0)
Derbi GPR50 Racing H2O 2T '09-> (D50B0)
Derbi Hunter 50 AIR 2T '95-'97
Derbi Mulhacén 125 H2O 4T '07->
Derbi Paddock 50 AIR 2T '97
Derbi Paddock 50 H2O 2T '97
Derbi Predator 50 H2O 2T '98-'01
Derbi Senda R 125 AIR 4T '04-'07
Derbi Senda R 50 H2O 2T '00-'01 (EBE050)
Derbi Senda R Baja 125 AIR 4T '06
Derbi Senda R Baja 125 AIR 4T '07->
Derbi Senda R DRD 125 H2O 4T '09->
Derbi Senda R DRD Pro 50 H2O 2T '05-'11 (D50B0)
Derbi Senda R DRD Racing 50 H2O 2T '04-'05 (EBE050)
Derbi Senda R DRD Racing 50 H2O 2T '06-'09 (D50B0)
Derbi Senda R DRD Racing 50 H2O 2T '10-> (D50B0)
Derbi Senda R DRD X-Treme 50 H2O 2T '10-> (D50B0)
Derbi Senda R Racer 50 H2O 2T '03 (EBE050)
Derbi Senda R X-Race 50 H2O 2T '04-'05 (EBE050)
Derbi Senda R X-Race 50 H2O 2T '06-'09 (D50B0)
Derbi Senda R X-Treme 50 H2O 2T '04-'05 (EBE050)
Derbi Senda R X-Treme 50 H2O 2T '06-'09 (D50B0)
Derbi Senda SM 125 AIR 4T '04-'07
Derbi Senda SM 50 H2O 2T '00-'01 (EBE050)
Derbi Senda SM Baja 125 AIR 4T '06
Derbi Senda SM Baja 125 AIR 4T '07->
Derbi Senda SM Racer 50 H2O 2T '02-'03 (EBE050)
Derbi Senda SM X-Race 50 H2O 2T '04-'05 (EBE050)
Derbi Senda SM X-Race 50 H2O 2T 06- (D50B0)
Derbi Senda SM X-Treme 50 H2O 2T '04-'05 (EBE050)
Derbi Senda SM X-Treme 50 H2O 2T 06- (D50B0)
Derbi Terra 125 H2O 4T '07->
Derbi Terra Adventure 125 H2O 4T '08->
Derbi Variant Courier 50 AIR 2T '03-'06
Derbi Variant Courier 50 AIR 2T '07->
Derbi Variant Revolution 50 AIR 2T '04->
Derbi Variant Revolution 50 AIR 2T '98-'03
Derbi Variant Start Sport 50 AIR 2T '98-'03
Gilera RCR/SMT 2003-2005
Gilera RCR/SMT 2006 ->
Gilera Runner -> 2003
Gilera Runner 2004 ->
Gilera Stalker
Gilera Typhoon/Storm -> 2006
Honda SFX
Honda X8R
Kymco Super 9 (Luftkyld
Kymco Super 9 (Vattenkyld)
Kymco Vitality (4-takt)
Kymco Agility (4-takt)
Kymco People (2-takt)
Motorhispania Furia
Motorhispania RYZ
Peugeot Buxy 50 AIR 2T '94-'98
Peugeot Buxy RS 50 AIR 2T '95-'98
Peugeot Citystar 125i H2O 4T '11->
Peugeot Citystar 200i H2O 4T '11->
Peugeot Elyseo 100 AIR 2T '09/99-'02
Peugeot Elyseo 100 AIR 2T '98-'08/99
Peugeot Elyseo 125 H2O 4T '98-'02
Peugeot Elyseo 150 H2O 4T '01-'02
Peugeot Elyseo 50 AIR 2T '02-'03
Peugeot Elyseo 50 AIR 2T '04-'07
Peugeot Elyseo 50 AIR 2T '98-'02
Peugeot Elyseo 50i AIR 2T '02-'07
Peugeot Elystar 125i H2O 4T '02-'06
Peugeot Elystar 150i H2O 4T '02-'03
Peugeot Elystar 50 AIR 2T '08-'10
Peugeot Elystar 50i AIR 2T '08->
Peugeot Elystar Advantage 50 AIR 2T '11->
Peugeot Fox 50 AIR 2T '92-'01
Peugeot Geopolis 125i H2O 4T '06-'13
Peugeot Jet 50 H2O 2T '11->
Peugeot Jet Force 125i H2O 4T '03-'06
Peugeot Jet Force 50 H2O 2T '03-'10
Peugeot Jet Force 50i H2O 2T '05-'10
Peugeot Jet H2i 50i H2O 2T '11->
Peugeot Looxor 50 AIR 2T '01-'03
Peugeot Looxor 50 AIR 2T '04-'06
Peugeot Looxor 50i AIR 2T '02-'06
Peugeot Ludix Blaster 50 H2O 2T '05-'14
Peugeot Ludix Blaster Furious 50 H2O 2T '11-'14
Peugeot Ludix Blaster RS12 50 H2O 2T '05-'14
Peugeot Ludix Elegance 50 AIR 2T '04-'14
Peugeot Ludix One 25km/h AIR 2T '04-'14
Peugeot Ludix One 50 AIR 2T '04-'14
Peugeot Ludix Pro 50 AIR 2T '04-'14
Peugeot Ludix Snake 50 AIR 2T '04-'14
Peugeot Ludix Snake Furious 50 AIR 2T '07-'09
Peugeot Ludix Snake Furious R12 50 AIR 2T '07-'09
Peugeot Ludix Snake Naked 50 AIR 2T '10-'14
Peugeot Ludix Trend 50 AIR 2T '04-'14
Peugeot Metal-X 50 AIR 2T '03
Peugeot Metal-X 50 AIR 2T '04-'05
Peugeot Rapido 50 AIR 2T '92-'94
Peugeot Satelis 125i H2O 4T '06-'07
Peugeot Satelis 125i H2O 4T '08-'11
Peugeot Satelis II ABS 125i H2O 4T '12->
Peugeot Satelis II ABS 300i H2O 4T '13->
Peugeot Satelis II ABS/SBS 400i H2O 4T '14->
Peugeot Speedake 50 AIR 2T '94-'97
Peugeot Speedfight 100 AIR 2T '09/99-'02
Peugeot Speedfight 100 AIR 2T '97-'08/99
Peugeot Speedfight 2 50 AIR 2T '00-'03
Peugeot Speedfight 2 50 AIR 2T '04-'08
Peugeot Speedfight 2 50 H2O 2T '00-'03
Peugeot Speedfight 2 50 H2O 2T '04-'08
Peugeot Speedfight 50 AIR 2T '96-'99
Peugeot Speedfight 50 H2O 2T '96-'99
Peugeot Squab 50 AIR 2T '95-'97
Peugeot SV 125 AIR 2T '93-'98
Peugeot TKR Furious R10 50 AIR 2T '06-'09
Peugeot TKR Furious R12 50 AIR 2T '07-'11
Peugeot TKR R10 50 AIR 2T '06-'09
Peugeot TKR R12 50 AIR 2T '09-'11
Peugeot Trekker Off-Road 50 AIR 2T '97-'02
Peugeot Trekker Road 50 AIR 2T '97-'02
Peugeot Vivacity 100 AIR 2T '09/99-'02
Peugeot Vivacity 100 AIR 2T <-'08/99
Peugeot Vivacity 25km/h AIR 2T '05-'07
Peugeot Vivacity 50 AIR 2T '04-'07
Peugeot Vivacity 50 AIR 2T '99-'03
Peugeot X-Fight 100 AIR 2T '01-'02
Peugeot X-Fight 50 AIR 2T '00-'03
Peugeot X-Fight 50 H2O 2T '00-'03
Peugeot XP6 Enduro 50 H2O 2T '97-'04 (AM6)
Peugeot XP6 SM 50 H2O 2T '97-'04 (AM6)
Peugeot XP6 Top Road SM 50 H2O 2T '05-'10 (AM6)
Peugeot XP6 Track Enduro 50 H2O 2T '05-'10 (AM6)
Peugeot XPS Enduro 50 H2O 2T '02-'04 (AM6)
Peugeot XPS SM 50 H2O 2T '02-'04 (AM6)
Peugeot XPS Street 50 H2O 2T '03-'04 (AM6)
Peugeot XPS Street EVO3 50 H2O 2T '07-'10 (AM6)
Peugeot XPS Top Road SM 50 H2O 2T '05-'10 (AM6)
Peugeot XPS Track Enduro 50 H2O 2T '05-'10 (AM6)
Peugeot Zenith 50 AIR 2T '95-'99
Piaggio Ciao
Piaggio Bravo
Piaggio NRG
Piaggio Super Bravo
Piaggio Typhoon
Piaggio ZIP
Rieju Drac L/C 1998-1999
Rieju Drac 1999-2000
Rieju Drac 2001-2002
Rieju Drac 2003-2004
Rieju Drac 2005
Rieju MRX 2002-2004
Rieju MRX 2005 ->
Rieju MRX Racing 2006 ->
Rieju RRX Sport 2006SMX 2005 ->
Rieju MRT 2009 ->
Yamaha Aerox 100 AIR 2T '00-'02
Yamaha Aerox 50 H2O 2T '02-'12
Yamaha Aerox 50 H2O 2T '97-'98
Yamaha Aerox 50 H2O 2T '99-'01
Yamaha Aerox II 50 H2O 2T '13->
Yamaha Aerox II 50i H2O 4T '14->
Yamaha Aerox Naked II 50 H2O 2T '13->
Yamaha Bw's Easy 50 AIR 2T '13->
Yamaha Bw's Naked 50 AIR 2T '03
Yamaha Bw's Naked 50 AIR 2T '05->
Yamaha Bw's NG II 50 AIR 2T '03-'09
Yamaha Bw's NG II 50 AIR 2T '99-'02
Yamaha Bw's Original 50 AIR 2T '04->
Yamaha Bw's Original 50 AIR 2T '99-'03
Yamaha Bw's Original R12 50 AIR 2T '01-'02
Yamaha Bw's Original R12 50 AIR 2T '03
Yamaha Bw's R12 50 AIR 2T '04->
Yamaha Bw's SPY 50 AIR 2T '03-'06
Yamaha JOG/JOG RR
Yamaha DT50R 1997-2000 (AM5
Yamaha D50R 2001-2003 (AM6
Yamaha DT50R 2004-2005 (AM6
Yamaha DT50R/DT50X 2006 -> (AM6)
Yamaha Maxter 125 H2O 4T '01-'04
Yamaha Maxter 150 H2O 4T '01-'04
Yamaha Neo's 100 AIR 2T '00-'02
Yamaha Neo's 25km/h AIR 2T '03-'06
Yamaha Neo's 50 AIR 2T '03-'06
Yamaha Neo's 50 AIR 2T '96-'02
Yamaha Neo's Easy 50 AIR 2T '13->
Yamaha Neo's II 25km/h AIR 2T '07->
Yamaha Neo's II 50 AIR 2T '07->
Yamaha Slider 50 AIR 2T '00-'02
Yamaha Slider Naked 50 AIR 2T '03-'10
Yamaha Slider Naked R12 50 AIR 2T '11-'13
Yamaha Slider Naked R12 50 AIR 2T '14->
Yamaha Teo's 125 H2O 4T '00-'04
Yamaha Teo's 150 H2O 4T '00-'04
Yamaha Why 50 AIR 2T '99-'03
Yamaha Why Light 50 AIR 2T '04->

Passar även till modellbeteckning: (jämför ev. mått)
Aprilia AF1 125 H2O 2T 90-92 <br /> Aprilia Amico 50 AIR 2T 96-98<br /> Aprilia Amico GL 50 AIR 2T 94-95<br /> Aprilia Amico LX- Sport 50 AIR 2T 92-93<br /> Aprilia Area 51 50 H2O 2T E1 98-00<br /> Aprilia Atlantic 125 H2O 4T E3 10-12<br /> Aprilia Atlantic 300i H2O 4T E3 10-12<br /> Aprilia Classic 125 H2O 2T 95-99 <br /> Aprilia Gulliver 50 AIR 2T 95-98<br /> Aprilia Gulliver 50 H2O 2T 96-98<br /> Aprilia Habana Custom 50 AIR 2T E1 99-04 <br /> Aprilia Habana Retro 50 AIR 2T E1 99-03 <br /> Aprilia Leonardo 125 H2O 4T 96-98 <br /> Aprilia Leonardo 125 H2O 4T E1 99-01 <br /> Aprilia Leonardo 150 H2O 4T 96-98 <br /> Aprilia Leonardo 150 H2O 4T E1 99-01 <br /> Aprilia Leonardo 250 H2O 4T 99-01 <br /> Aprilia Leonardo 250 H2O 4T E1 02-04 )<br /> Aprilia Leonardo 300 H2O 4T E1 02-04 )<br /> Aprilia Leonardo ST 125 H2O 4T E1 01 <br /> Aprilia Leonardo ST 125 H2O 4T E2 03-04 <br /> Aprilia Leonardo ST 150 H2O 4T E1 01 <br /> Aprilia Leonardo ST 150 H2O 4T E2 03-04 <br /> Aprilia Leonardo ST 250 H2O 4T E1 01 )<br /> Aprilia Mojito 125 AIR 4T E1 99-01 <br /> Aprilia Mojito 125 AIR 4T E2 03-07 <br /> Aprilia Mojito 125 AIR 4T E3 08 <br /> Aprilia Mojito 150 AIR 4T E2 03-07 <br /> Aprilia Mojito Custom 50 AIR 2T E1 99-04 <br /> Aprilia Mojito Retro 50 AIR 2T E1 99-03 <br /> Aprilia Rally 50 AIR 2T 95-04<br /> Aprilia Rally 50 H2O 2T 96-99<br /> Aprilia RS125 Extrema H2O 2T 95 <br /> Aprilia RS125 Extrema H2O 2T 96-98 <br /> Aprilia RS125 Replica H2O 2T E1 99-02 <br /> Aprilia RS125 Replica H2O 2T E2 03-05 <br /> Aprilia Scarabeo 100 AIR 2T E1 00 )<br /> Aprilia Scarabeo 100 AIR 4T E2 01-05 <br /> Aprilia Scarabeo 50 AIR 2T 93-97 )<br /> Aprilia Scarabeo 50 AIR 2T E1 98-99 )<br /> Aprilia Scarabeo GT 125 H2O 4T E1 99-04 <br /> Aprilia Scarabeo GT 125 H2O 4T E2 03-06 <br /> Aprilia Scarabeo GT 150 H2O 4T E1 99-04 <br /> Aprilia Scarabeo GT 200 H2O 4T E1 99-04 <br /> Aprilia Scarabeo GT 200 H2O 4T E2 03-06 <br /> Aprilia Scarabeo NET 100 AIR 4T E3 09-10 <br /> Aprilia Sonic 50 H2O 2T E1 98-03<br /> Aprilia Sonic 50 H2O 2T E2 04-08<br /> Aprilia Sport City Cube 125 H2O 4T E3 08-10<br /> Aprilia Sport City Cube 200 H2O 4T E3 08-10<br /> Aprilia Sport City Cube 250i H2O 4T E3 08-12<br /> Aprilia Sport City Cube 300i H2O 4T E3 08-12<br /> Aprilia Sport City One 125 AIR 4T E3 08-11<br /> Aprilia Sport City One 50 AIR 4T 2V E2 08-10<br /> Aprilia Sport City One 50 AIR 4T 4V E2 11<br /> Aprilia SR Motard 125 AIR 4T E3 12-14<br /> Aprilia SR Motard 50 AIR 2T E3 12-17<br /> Aprilia SR Motard 50 AIR 2T E4 18-><br /> Aprilia SR125 AIR 2T E1 99-01 <br /> Aprilia SR150 AIR 2T E3 99-01 <br /> Aprilia SR50 Ditech H2O 2T E1 00-06/2003 <br /> Aprilia SR50 Ditech I.E H2O 2T E2 02-06/2003 <br /> Aprilia SR50 Netscaper AIR 2T 97-01 )<br /> Aprilia SR50 Racing H2O 2T 97-00 )<br /> Aprilia SR50 Racing H2O 2T E1 00-06/2003 <br /> Aprilia SR50 Replica AIR 2T 93-96 <br /> Aprilia SR50 Replica AIR 2T 94-96 <br /> Aprilia SR50 Replica H2O 2T 94-96 <br /> Aprilia SR50 Sport H2O 2T E1 00-06/2003 <br /> Aprilia SR50 Stealth H2O 2T 97-00 <br /> Aprilia SR50 WWW AIR 2T 97-01 <br /> Aprilia SR50 WWW H2O 2T 97-00 <br /> Derbi Variant Sport 125 AIR 4T E3 12<br /> Derbi Variant Sport 50 AIR 2T E2 12 <br /> Gilera DNA 125 H2O 4T E1 02-05<br /> Gilera DNA 180 H2O 4T E1 02-05<br /> Gilera DNA 50 H2O 2T E1 00-01<br /> Gilera DNA 50 H2O 2T E1 02-04<br /> Gilera DNA RST 50 H2O 2T E2 05-06<br /> Gilera Eaglet 50 AIR 2T 95-98 <br /> Gilera Easy Moving 50 AIR 2T 95-99<br /> Gilera GSM 50 H2O 2T 01 (EBE050)<br /> Gilera GSM 50 H2O 2T 99-00 <br /> Gilera H@K 50 H2O 2T 01 (EBE050)<br /> Gilera H@K 50 H2O 2T 99-00 <br /> Gilera ICE 50 AIR 2T 00-05<br /> Gilera RK 50 H2O 2T 96-98<br /> Gilera Runner DD 50 H2O 2T 98-01<br /> Gilera Runner DT 50 H2O 2T 98-01<br /> Gilera Runner FL 50 H2O 2T 02-04<br /> Gilera Runner FX 125 H2O 2T 98-02<br /> Gilera Runner FXR 180 H2O 2T 98-02<br /> Gilera Runner Pure Jet 50i H2O 2T 04<br /> Gilera Runner Pure Jet 50i H2O 2T 10-11<br /> Gilera Runner Pure Jet RST 50i H2O 2T 05-06<br /> Gilera Runner Pure Jet ST 50i H2O 2T 08<br /> Gilera Runner SP 50 H2O 2T 02-04<br /> Gilera Runner VX 125 H2O 4T E1 99-02<br /> Gilera Runner VX 125 H2O 4T E2 03-04<br /> Gilera Runner VXR 180 H2O 4T E1 02-04<br /> Gilera Runner VXR 200 H2O 4T E1 02-04<br /> Gilera Stalker 50 AIR 2T 97<br /> Gilera Stalker 50 AIR 2T E1 98-02<br /> Gilera Stalker 50 AIR 2T E2 03-04<br /> Gilera Stalker 50 AIR 2T E2 05-11<br /> Gilera Stalker Naked 50 AIR 2T E2 08<br /> Gilera Storm 50 AIR 2T 94-96<br /> Gilera Storm 50 AIR 2T E2 07<br /> Gilera Zulù 50 H2O 2T 00-02 (EBE050)<br /> Piaggio Beverly Cruiser 250i H2O 4T E3 07-09<br /> Piaggio Beverly Cruiser 500i H2O 4T E3 07-12<br /> Piaggio Beverly Sport 125 H2O 4T E1 01-03<br /> Piaggio Beverly Sport 200 H2O 4T E1 01-03<br /> Piaggio Beverly Sport 200 H2O 4T E2 05<br /> Piaggio Ciao 50 AIR 2T E1 96-01<br /> Piaggio Ciao 50 AIR 2T E2 02-05<br /> Piaggio Ciao PX 50 AIR 2T 85-96<br /> Piaggio Fly 125 AIR 4T 2V E3 07-11<br /> Piaggio Fly 150 AIR 4T 2V E3 07-12<br /> Piaggio Free 100 FL AIR 4T 2V E1 02-05<br /> Piaggio Free 50 AIR 2T 92-94<br /> Piaggio Free 50 FL AIR 2T 95-98<br /> Piaggio Free 50 FL AIR 2T E1 99-02<br /> Piaggio Hexagon 125 H2O 2T 94-97<br /> Piaggio Hexagon 150 H2O 2T 95-97<br /> Piaggio Hexagon GT 250 H2O 4T 98-99 <br /> Piaggio Hexagon LX 125 H2O 2T E1 98-99<br /> Piaggio Hexagon LX4 125 AIR 4T 98-00<br /> Piaggio Hexagon LXT 180 H2O 2T E1 99-00<br /> Piaggio Liberty 125 AIR 4T 2V E1 02-03 <br /> Piaggio Liberty 125 AIR 4T 2V E1 98-01<br /> Piaggio Liberty 150 AIR 4T 2V E1 02-03 <br /> Piaggio Liberty 50 AIR 2T E1 98-03<br /> Piaggio Liberty 50 AIR 4T 2V E1 02-03<br /> Piaggio Liberty RST 125 AIR 4T 2V E2 04-07<br /> Piaggio Liberty RST 150 AIR 4T 2V E3 08<br /> Piaggio NRG 50 H2O 2T 94-96<br /> Piaggio NRG MC2 50 H2O 2T 97<br /> Piaggio NRG MC2 DD 50 H2O 2T 98<br /> Piaggio NRG MC2 DT 50 H2O 2T 98<br /> Piaggio NRG MC2 Extreme 50 AIR 2T E1 99-00<br /> Piaggio NRG MC2 Extreme 50 H2O 2T E1 99-00<br /> Piaggio NRG MC3 DD 50 H2O 2T E1 01-04<br /> Piaggio NRG MC3 DT 50 AIR 2T E1 01-04<br /> Piaggio NRG MC3 Pure Jet 50i H2O 2T E1 01-04<br /> Piaggio NTT 50 H2O 2T 94-96<br /> Piaggio Sfera RST 125 AIR 4T 95-98<br /> Piaggio Sfera RST 50 AIR 2T 95-98<br /> Piaggio Sfera RST 80 AIR 2T 95-98<br /> Piaggio Si Mix 50 AIR 2T 99-01<br /> Piaggio Skipper 125 AIR 2T 94-97<br /> Piaggio Skipper 150 AIR 2T 94-97<br /> Piaggio Skipper 80 AIR 2T 95-97<br /> Piaggio Skipper LX 125 AIR 2T E1 98-99<br /> Piaggio Skipper LX 150 AIR 2T E1 98-99<br /> Piaggio Skipper ST4 125 AIR 4T E1 00-02<br /> Piaggio Skipper ST4 150 AIR 4T E1 00-02<br /> Piaggio Super Hexagon GTX 125 H2O 4T 00-01<br /> Piaggio Super Hexagon GTX 180 H2O 4T 00-01<br /> Piaggio Typhoon 125 AIR 2T 95-97<br /> Piaggio Typhoon 50 AIR 2T 93-97<br /> Piaggio Typhoon 50 AIR 2T E2 04-05<br /> Piaggio Typhoon 50 AIR 2T E2 06-11<br /> Piaggio Typhoon 80 AIR 2T 95-97<br /> Piaggio Typhoon II 125 AIR 4T 2V E3 10-17<br /> Piaggio Typhoon II 50 AIR 2T E2 10-16<br /> Piaggio Typhoon II 50 AIR 2T E4 18-><br /> Piaggio Typhoon X 125 AIR 2T E1 98-00<br /> Piaggio Typhoon X 50 AIR 2T 98-00<br /> Piaggio Typhoon XR 125 AIR 2T E1 01<br /> Piaggio Typhoon XR 50 AIR 2T E1 01-03<br /> Piaggio Velofax 50 AIR 2T 95-98<br /> Piaggio X7 250i H2O 4T E3 08<br /> Piaggio X9 125 H2O 4T E1 00-02<br /> Piaggio X9 150 H2O 4T 00-02<br /> Piaggio X9 180 H2O 4T E1 00-02<br /> Piaggio X9 200 H2O 4T E1 00-02<br /> Piaggio X9 250 H2O 4T E1 00-03 <br /> Piaggio X9 500i H2O 4T E1 01-03/04<br /> Piaggio X9 SL 125 H2O 4T E1 02-04<br /> Piaggio XEvo 250i H2O 4T E3 07-16<br /> Piaggio Zip 100 AIR 4T 2V E2 06-10<br /> Piaggio Zip 100 AIR 4T 2V E3 10-18<br /> Piaggio Zip 125 AIR 4T 2V E1 00-03<br /> Piaggio Zip Base 50 AIR 2T 91-94<br /> Piaggio Zip Base 50 AIR 2T 95<br /> Piaggio Zip Fast Rider 50 AIR 2T 96-99<br /> Piaggio Zip II 25km/h AIR 4T 2V E2 06-16<br /> Piaggio Zip II 25km/h IGET AIR 4T 3V E4 18-><br /> Piaggio Zip II 50 AIR 2T E1 00-05<br /> Piaggio Zip II 50 AIR 2T E2 09-15<br /> Piaggio Zip II 50 AIR 4T 2V E1 00-05<br /> Piaggio Zip II 50 AIR 4T 2V E2 06-17<br /> Piaggio Zip II 50i IGET AIR 4T 3V E4 18-><br /> Piaggio Zip RST 50 AIR 2T 96-98<br /> Piaggio Zip SP 50 H2O 2T 96-00<br /> Piaggio Zip SP2 50 H2O 2T E1 01-05<br /> Piaggio Zip SP2 50 H2O 2T E2 06-13<br /> Vespa ET2 50 AIR 2T CAT 96-99<br /> Vespa ET2 50 AIR 2T E1 00-01<br /> Vespa ET2 50 AIR 2T E2 02-04<br /> Vespa ET2 Iniezione 50 AIR 2T E1 00-04<br /> Vespa ET4 125 AIR 4T CAT 96-99<br /> Vespa ET4 125 AIR 4T E1 00-04 <br /> Vespa ET4 150 AIR 4T E1 00-04 <br /> Vespa ET4 50 AIR 4T E1 00-04<br /> Vespa GT60 250i H2O 4T E3 06-07<br /> Vespa GTV 125 H2O 4T E3 06-08<br /> Vespa GTV 250i H2O 4T E3 06-09<br /> Vespa GTV 300i H2O 4T E3 09-13<br /> Vespa LXV 125 AIR 4T 2V E3 06-09<br /> Vespa LXV 50 AIR 2T E3 06-09<br /> Vespa PX 125E AIR 2T 82-00<br /> Vespa PX 125E AIR 2T E1 01-03<br /> Vespa PX 125E AIR 2T E2 04-10<br /> Vespa PX 150E AIR 2T 82-00<br /> Vespa PX 150E AIR 2T E1 01-03<br /> Vespa PX 150E AIR 2T E2 04-07<br /> Vespa PX 200E AIR 2T 82-00</p><br /> <br /> <p><br /> </p><br /> </div> </div> </div> <!-- Tab Content for larger screens --> <div class="tab-content hidden lg:block"> <div x-show="activeTab === 2" class="p-4"> <div class="prose"> <div class="wysiwyg-bulletpoint-list">Bromsljuskontakt Debi Senda DRD se artikelnr: 5613</div></div> </div> <div x-show="activeTab === 4" class="p-4"> <div style="display: none !important;">Q&A</div> <div id="lipscore-question-post" data-ls-product-name="Bromsljuskontakt fram-, Aprilia, Derbi, Rieju, Peugeot, Motorhispania, Yamaha, mfl." data-ls-brand="" data-ls-sku="16-1968" data-ls-product-id="2230000214239" data-ls-image-url="https://dinhoj.se/media/catalog/product/cache/2621ec0a0df54d0c66bd68f255a5f924/a/-/a-derbi-rieju-peugeot-motorhispania-yamaha-mfl-383482605_1.jpg" data-ls-price="69" data-ls-price-currency="SEK" data-ls-category="Bromscylinder/Bromshandtag" data-ls-description="Mått: se måttbild, ersatt av artikelnr. 5613" data-ls-availability="1" data-ls-gtin="16-1968"></div> <div id="lipscore-question-list" data-ls-product-name="Bromsljuskontakt fram-, Aprilia, Derbi, Rieju, Peugeot, Motorhispania, Yamaha, mfl." data-ls-brand="" data-ls-sku="16-1968" data-ls-product-id="2230000214239" data-ls-image-url="https://dinhoj.se/media/catalog/product/cache/2621ec0a0df54d0c66bd68f255a5f924/a/-/a-derbi-rieju-peugeot-motorhispania-yamaha-mfl-383482605_1.jpg" data-ls-price="69" data-ls-price-currency="SEK" data-ls-category="Bromscylinder/Bromshandtag" data-ls-description="Mått: se måttbild, ersatt av artikelnr. 5613" data-ls-availability="1" data-ls-gtin="16-1968"></div> </div> <div x-show="activeTab === 6" class="p-4"> <div style="display: none !important;">Recensioner</div> <div id="lipscore-review-post" data-ls-product-name="Bromsljuskontakt fram-, Aprilia, Derbi, Rieju, Peugeot, Motorhispania, Yamaha, mfl." data-ls-brand="" data-ls-sku="16-1968" data-ls-product-id="2230000214239" data-ls-image-url="https://dinhoj.se/media/catalog/product/cache/2621ec0a0df54d0c66bd68f255a5f924/a/-/a-derbi-rieju-peugeot-motorhispania-yamaha-mfl-383482605_1.jpg" data-ls-price="69" data-ls-price-currency="SEK" data-ls-category="Bromscylinder/Bromshandtag" data-ls-description="Mått: se måttbild, ersatt av artikelnr. 5613" data-ls-availability="1" data-ls-gtin="16-1968"></div> <div id="lipscore-review-list" data-ls-product-name="Bromsljuskontakt fram-, Aprilia, Derbi, Rieju, Peugeot, Motorhispania, Yamaha, mfl." data-ls-brand="" data-ls-sku="16-1968" data-ls-product-id="2230000214239" data-ls-image-url="https://dinhoj.se/media/catalog/product/cache/2621ec0a0df54d0c66bd68f255a5f924/a/-/a-derbi-rieju-peugeot-motorhispania-yamaha-mfl-383482605_1.jpg" data-ls-price="69" data-ls-price-currency="SEK" data-ls-category="Bromscylinder/Bromshandtag" data-ls-description="Mått: se måttbild, ersatt av artikelnr. 5613" data-ls-availability="1" data-ls-gtin="16-1968"></div> </div> <div x-show="activeTab === 12" class="p-4"> <strong class="extra-fits-on-title">Passar även:</strong> <div class="extra-fits-on border p-2 my-2" id="extra_fits_on"> Passar även till modellbeteckning: (jämför ev. mått)<br /> Aprilia Aprilia RX<br /> Aprilia SX 50<br /> Bultaco Astro<br /> Bultaco Lobito<br /> CH Racing CH Racing WSM, WXE 50 04-<br /> Derbi Atlantis 100 AIR 2T '01-'02<br /> Derbi Atlantis 50 AIR 4T '04-'06<br /> Derbi Atlantis Bullet 50 AIR 2T '03-'09<br /> Derbi Atlantis Bullet 50 AIR 2T '10<br /> Derbi Atlantis City 50 AIR 2T '06/02-'03<br /> Derbi Atlantis City 50 AIR 4T '07<br /> Derbi Boulevard 125 AIR 4T '02-'07<br /> Derbi Boulevard 150 AIR 4T '02-'07<br /> Derbi Cross City 125 AIR 4T '07-><br /> Derbi GP-Max 125 H2O 4T '06<br /> Derbi GP-Max 125i H2O 4T '07-><br /> Derbi GP-Max 250 H2O 4T '06<br /> Derbi GP1 50 H2O 2T '02-'03<br /> Derbi GP1 Open 50 H2O 2T '06-'09<br /> Derbi GP1 Race 50 H2O 2T '05-'07 (chain)<br /> Derbi GPR125 H2O 4T '09-><br /> Derbi GPR125 Nude H2O 2T '04-'06<br /> Derbi GPR125 Racing H2O 2T '04-'06<br /> Derbi GPR50 Nude H2O 2T '04-'05 (EBS050)<br /> Derbi GPR50 Nude H2O 2T '06-'08 (D50B0)<br /> Derbi GPR50 Racing H2O 2T '04-'05 (EBS050)<br /> Derbi GPR50 Racing H2O 2T '06-'09 (D50B0)<br /> Derbi GPR50 Racing H2O 2T '09-> (D50B0)<br /> Derbi Hunter 50 AIR 2T '95-'97<br /> Derbi Mulhacén 125 H2O 4T '07-><br /> Derbi Paddock 50 AIR 2T '97<br /> Derbi Paddock 50 H2O 2T '97<br /> Derbi Predator 50 H2O 2T '98-'01<br /> Derbi Senda R 125 AIR 4T '04-'07<br /> Derbi Senda R 50 H2O 2T '00-'01 (EBE050)<br /> Derbi Senda R Baja 125 AIR 4T '06<br /> Derbi Senda R Baja 125 AIR 4T '07-><br /> Derbi Senda R DRD 125 H2O 4T '09-><br /> Derbi Senda R DRD Pro 50 H2O 2T '05-'11 (D50B0)<br /> Derbi Senda R DRD Racing 50 H2O 2T '04-'05 (EBE050)<br /> Derbi Senda R DRD Racing 50 H2O 2T '06-'09 (D50B0)<br /> Derbi Senda R DRD Racing 50 H2O 2T '10-> (D50B0)<br /> Derbi Senda R DRD X-Treme 50 H2O 2T '10-> (D50B0)<br /> Derbi Senda R Racer 50 H2O 2T '03 (EBE050)<br /> Derbi Senda R X-Race 50 H2O 2T '04-'05 (EBE050)<br /> Derbi Senda R X-Race 50 H2O 2T '06-'09 (D50B0)<br /> Derbi Senda R X-Treme 50 H2O 2T '04-'05 (EBE050)<br /> Derbi Senda R X-Treme 50 H2O 2T '06-'09 (D50B0)<br /> Derbi Senda SM 125 AIR 4T '04-'07<br /> Derbi Senda SM 50 H2O 2T '00-'01 (EBE050)<br /> Derbi Senda SM Baja 125 AIR 4T '06<br /> Derbi Senda SM Baja 125 AIR 4T '07-><br /> Derbi Senda SM Racer 50 H2O 2T '02-'03 (EBE050)<br /> Derbi Senda SM X-Race 50 H2O 2T '04-'05 (EBE050)<br /> Derbi Senda SM X-Race 50 H2O 2T 06- (D50B0)<br /> Derbi Senda SM X-Treme 50 H2O 2T '04-'05 (EBE050)<br /> Derbi Senda SM X-Treme 50 H2O 2T 06- (D50B0)<br /> Derbi Terra 125 H2O 4T '07-><br /> Derbi Terra Adventure 125 H2O 4T '08-><br /> Derbi Variant Courier 50 AIR 2T '03-'06<br /> Derbi Variant Courier 50 AIR 2T '07-><br /> Derbi Variant Revolution 50 AIR 2T '04-><br /> Derbi Variant Revolution 50 AIR 2T '98-'03<br /> Derbi Variant Start Sport 50 AIR 2T '98-'03<br /> Gilera RCR/SMT 2003-2005<br /> Gilera RCR/SMT 2006 -><br /> Gilera Runner -> 2003<br /> Gilera Runner 2004 -><br /> Gilera Stalker<br /> Gilera Typhoon/Storm -> 2006<br /> Honda SFX<br /> Honda X8R<br /> Kymco Super 9 (Luftkyld<br /> Kymco Super 9 (Vattenkyld)<br /> Kymco Vitality (4-takt)<br /> Kymco Agility (4-takt)<br /> Kymco People (2-takt)<br /> Motorhispania Furia <br /> Motorhispania RYZ<br /> Peugeot Buxy 50 AIR 2T '94-'98<br /> Peugeot Buxy RS 50 AIR 2T '95-'98<br /> Peugeot Citystar 125i H2O 4T '11-><br /> Peugeot Citystar 200i H2O 4T '11-><br /> Peugeot Elyseo 100 AIR 2T '09/99-'02<br /> Peugeot Elyseo 100 AIR 2T '98-'08/99<br /> Peugeot Elyseo 125 H2O 4T '98-'02<br /> Peugeot Elyseo 150 H2O 4T '01-'02<br /> Peugeot Elyseo 50 AIR 2T '02-'03<br /> Peugeot Elyseo 50 AIR 2T '04-'07<br /> Peugeot Elyseo 50 AIR 2T '98-'02<br /> Peugeot Elyseo 50i AIR 2T '02-'07<br /> Peugeot Elystar 125i H2O 4T '02-'06<br /> Peugeot Elystar 150i H2O 4T '02-'03<br /> Peugeot Elystar 50 AIR 2T '08-'10<br /> Peugeot Elystar 50i AIR 2T '08-><br /> Peugeot Elystar Advantage 50 AIR 2T '11-><br /> Peugeot Fox 50 AIR 2T '92-'01<br /> Peugeot Geopolis 125i H2O 4T '06-'13<br /> Peugeot Jet 50 H2O 2T '11-><br /> Peugeot Jet Force 125i H2O 4T '03-'06<br /> Peugeot Jet Force 50 H2O 2T '03-'10<br /> Peugeot Jet Force 50i H2O 2T '05-'10<br /> Peugeot Jet H2i 50i H2O 2T '11-><br /> Peugeot Looxor 50 AIR 2T '01-'03<br /> Peugeot Looxor 50 AIR 2T '04-'06<br /> Peugeot Looxor 50i AIR 2T '02-'06<br /> Peugeot Ludix Blaster 50 H2O 2T '05-'14<br /> Peugeot Ludix Blaster Furious 50 H2O 2T '11-'14<br /> Peugeot Ludix Blaster RS12 50 H2O 2T '05-'14<br /> Peugeot Ludix Elegance 50 AIR 2T '04-'14<br /> Peugeot Ludix One 25km/h AIR 2T '04-'14<br /> Peugeot Ludix One 50 AIR 2T '04-'14<br /> Peugeot Ludix Pro 50 AIR 2T '04-'14<br /> Peugeot Ludix Snake 50 AIR 2T '04-'14<br /> Peugeot Ludix Snake Furious 50 AIR 2T '07-'09<br /> Peugeot Ludix Snake Furious R12 50 AIR 2T '07-'09<br /> Peugeot Ludix Snake Naked 50 AIR 2T '10-'14<br /> Peugeot Ludix Trend 50 AIR 2T '04-'14<br /> Peugeot Metal-X 50 AIR 2T '03<br /> Peugeot Metal-X 50 AIR 2T '04-'05<br /> Peugeot Rapido 50 AIR 2T '92-'94<br /> Peugeot Satelis 125i H2O 4T '06-'07<br /> Peugeot Satelis 125i H2O 4T '08-'11<br /> Peugeot Satelis II ABS 125i H2O 4T '12-><br /> Peugeot Satelis II ABS 300i H2O 4T '13-><br /> Peugeot Satelis II ABS/SBS 400i H2O 4T '14-><br /> Peugeot Speedake 50 AIR 2T '94-'97<br /> Peugeot Speedfight 100 AIR 2T '09/99-'02<br /> Peugeot Speedfight 100 AIR 2T '97-'08/99<br /> Peugeot Speedfight 2 50 AIR 2T '00-'03<br /> Peugeot Speedfight 2 50 AIR 2T '04-'08<br /> Peugeot Speedfight 2 50 H2O 2T '00-'03<br /> Peugeot Speedfight 2 50 H2O 2T '04-'08<br /> Peugeot Speedfight 50 AIR 2T '96-'99<br /> Peugeot Speedfight 50 H2O 2T '96-'99<br /> Peugeot Squab 50 AIR 2T '95-'97<br /> Peugeot SV 125 AIR 2T '93-'98<br /> Peugeot TKR Furious R10 50 AIR 2T '06-'09<br /> Peugeot TKR Furious R12 50 AIR 2T '07-'11<br /> Peugeot TKR R10 50 AIR 2T '06-'09<br /> Peugeot TKR R12 50 AIR 2T '09-'11<br /> Peugeot Trekker Off-Road 50 AIR 2T '97-'02<br /> Peugeot Trekker Road 50 AIR 2T '97-'02<br /> Peugeot Vivacity 100 AIR 2T '09/99-'02<br /> Peugeot Vivacity 100 AIR 2T <-'08/99<br /> Peugeot Vivacity 25km/h AIR 2T '05-'07<br /> Peugeot Vivacity 50 AIR 2T '04-'07<br /> Peugeot Vivacity 50 AIR 2T '99-'03<br /> Peugeot X-Fight 100 AIR 2T '01-'02<br /> Peugeot X-Fight 50 AIR 2T '00-'03<br /> Peugeot X-Fight 50 H2O 2T '00-'03<br /> Peugeot XP6 Enduro 50 H2O 2T '97-'04 (AM6)<br /> Peugeot XP6 SM 50 H2O 2T '97-'04 (AM6)<br /> Peugeot XP6 Top Road SM 50 H2O 2T '05-'10 (AM6)<br /> Peugeot XP6 Track Enduro 50 H2O 2T '05-'10 (AM6)<br /> Peugeot XPS Enduro 50 H2O 2T '02-'04 (AM6)<br /> Peugeot XPS SM 50 H2O 2T '02-'04 (AM6)<br /> Peugeot XPS Street 50 H2O 2T '03-'04 (AM6)<br /> Peugeot XPS Street EVO3 50 H2O 2T '07-'10 (AM6)<br /> Peugeot XPS Top Road SM 50 H2O 2T '05-'10 (AM6)<br /> Peugeot XPS Track Enduro 50 H2O 2T '05-'10 (AM6)<br /> Peugeot Zenith 50 AIR 2T '95-'99<br /> Piaggio Ciao<br /> Piaggio Bravo<br /> Piaggio NRG<br /> Piaggio Super Bravo<br /> Piaggio Typhoon<br /> Piaggio ZIP<br /> Rieju Drac L/C 1998-1999<br /> Rieju Drac 1999-2000<br /> Rieju Drac 2001-2002<br /> Rieju Drac 2003-2004<br /> Rieju Drac 2005<br /> Rieju MRX 2002-2004<br /> Rieju MRX 2005 -><br /> Rieju MRX Racing 2006 -><br /> Rieju RRX Sport 2006SMX 2005 -><br /> Rieju MRT 2009 -><br /> Yamaha Aerox 100 AIR 2T '00-'02<br /> Yamaha Aerox 50 H2O 2T '02-'12<br /> Yamaha Aerox 50 H2O 2T '97-'98<br /> Yamaha Aerox 50 H2O 2T '99-'01<br /> Yamaha Aerox II 50 H2O 2T '13-><br /> Yamaha Aerox II 50i H2O 4T '14-><br /> Yamaha Aerox Naked II 50 H2O 2T '13-><br /> Yamaha Bw's Easy 50 AIR 2T '13-><br /> Yamaha Bw's Naked 50 AIR 2T '03<br /> Yamaha Bw's Naked 50 AIR 2T '05-><br /> Yamaha Bw's NG II 50 AIR 2T '03-'09<br /> Yamaha Bw's NG II 50 AIR 2T '99-'02<br /> Yamaha Bw's Original 50 AIR 2T '04-><br /> Yamaha Bw's Original 50 AIR 2T '99-'03<br /> Yamaha Bw's Original R12 50 AIR 2T '01-'02<br /> Yamaha Bw's Original R12 50 AIR 2T '03<br /> Yamaha Bw's R12 50 AIR 2T '04-><br /> Yamaha Bw's SPY 50 AIR 2T '03-'06<br /> Yamaha JOG/JOG RR<br /> Yamaha DT50R 1997-2000 (AM5<br /> Yamaha D50R 2001-2003 (AM6<br /> Yamaha DT50R 2004-2005 (AM6<br /> Yamaha DT50R/DT50X 2006 -> (AM6)<br /> Yamaha Maxter 125 H2O 4T '01-'04<br /> Yamaha Maxter 150 H2O 4T '01-'04<br /> Yamaha Neo's 100 AIR 2T '00-'02<br /> Yamaha Neo's 25km/h AIR 2T '03-'06<br /> Yamaha Neo's 50 AIR 2T '03-'06<br /> Yamaha Neo's 50 AIR 2T '96-'02<br /> Yamaha Neo's Easy 50 AIR 2T '13-><br /> Yamaha Neo's II 25km/h AIR 2T '07-><br /> Yamaha Neo's II 50 AIR 2T '07-><br /> Yamaha Slider 50 AIR 2T '00-'02<br /> Yamaha Slider Naked 50 AIR 2T '03-'10<br /> Yamaha Slider Naked R12 50 AIR 2T '11-'13<br /> Yamaha Slider Naked R12 50 AIR 2T '14-><br /> Yamaha Teo's 125 H2O 4T '00-'04<br /> Yamaha Teo's 150 H2O 4T '00-'04<br /> Yamaha Why 50 AIR 2T '99-'03<br /> Yamaha Why Light 50 AIR 2T '04-><br /> <p><br /> Passar även till modellbeteckning: (jämför ev. mått)<br /> <textarea cols="1" name="suppliers" style="margin: 0px; width: 400px; height: 108px;">Aprilia AF1 125 H2O 2T 90-92 <br /> Aprilia Amico 50 AIR 2T 96-98<br /> Aprilia Amico GL 50 AIR 2T 94-95<br /> Aprilia Amico LX- Sport 50 AIR 2T 92-93<br /> Aprilia Area 51 50 H2O 2T E1 98-00<br /> Aprilia Atlantic 125 H2O 4T E3 10-12<br /> Aprilia Atlantic 300i H2O 4T E3 10-12<br /> Aprilia Classic 125 H2O 2T 95-99 <br /> Aprilia Gulliver 50 AIR 2T 95-98<br /> Aprilia Gulliver 50 H2O 2T 96-98<br /> Aprilia Habana Custom 50 AIR 2T E1 99-04 <br /> Aprilia Habana Retro 50 AIR 2T E1 99-03 <br /> Aprilia Leonardo 125 H2O 4T 96-98 <br /> Aprilia Leonardo 125 H2O 4T E1 99-01 <br /> Aprilia Leonardo 150 H2O 4T 96-98 <br /> Aprilia Leonardo 150 H2O 4T E1 99-01 <br /> Aprilia Leonardo 250 H2O 4T 99-01 <br /> Aprilia Leonardo 250 H2O 4T E1 02-04 )<br /> Aprilia Leonardo 300 H2O 4T E1 02-04 )<br /> Aprilia Leonardo ST 125 H2O 4T E1 01 <br /> Aprilia Leonardo ST 125 H2O 4T E2 03-04 <br /> Aprilia Leonardo ST 150 H2O 4T E1 01 <br /> Aprilia Leonardo ST 150 H2O 4T E2 03-04 <br /> Aprilia Leonardo ST 250 H2O 4T E1 01 )<br /> Aprilia Mojito 125 AIR 4T E1 99-01 <br /> Aprilia Mojito 125 AIR 4T E2 03-07 <br /> Aprilia Mojito 125 AIR 4T E3 08 <br /> Aprilia Mojito 150 AIR 4T E2 03-07 <br /> Aprilia Mojito Custom 50 AIR 2T E1 99-04 <br /> Aprilia Mojito Retro 50 AIR 2T E1 99-03 <br /> Aprilia Rally 50 AIR 2T 95-04<br /> Aprilia Rally 50 H2O 2T 96-99<br /> Aprilia RS125 Extrema H2O 2T 95 <br /> Aprilia RS125 Extrema H2O 2T 96-98 <br /> Aprilia RS125 Replica H2O 2T E1 99-02 <br /> Aprilia RS125 Replica H2O 2T E2 03-05 <br /> Aprilia Scarabeo 100 AIR 2T E1 00 )<br /> Aprilia Scarabeo 100 AIR 4T E2 01-05 <br /> Aprilia Scarabeo 50 AIR 2T 93-97 )<br /> Aprilia Scarabeo 50 AIR 2T E1 98-99 )<br /> Aprilia Scarabeo GT 125 H2O 4T E1 99-04 <br /> Aprilia Scarabeo GT 125 H2O 4T E2 03-06 <br /> Aprilia Scarabeo GT 150 H2O 4T E1 99-04 <br /> Aprilia Scarabeo GT 200 H2O 4T E1 99-04 <br /> Aprilia Scarabeo GT 200 H2O 4T E2 03-06 <br /> Aprilia Scarabeo NET 100 AIR 4T E3 09-10 <br /> Aprilia Sonic 50 H2O 2T E1 98-03<br /> Aprilia Sonic 50 H2O 2T E2 04-08<br /> Aprilia Sport City Cube 125 H2O 4T E3 08-10<br /> Aprilia Sport City Cube 200 H2O 4T E3 08-10<br /> Aprilia Sport City Cube 250i H2O 4T E3 08-12<br /> Aprilia Sport City Cube 300i H2O 4T E3 08-12<br /> Aprilia Sport City One 125 AIR 4T E3 08-11<br /> Aprilia Sport City One 50 AIR 4T 2V E2 08-10<br /> Aprilia Sport City One 50 AIR 4T 4V E2 11<br /> Aprilia SR Motard 125 AIR 4T E3 12-14<br /> Aprilia SR Motard 50 AIR 2T E3 12-17<br /> Aprilia SR Motard 50 AIR 2T E4 18-><br /> Aprilia SR125 AIR 2T E1 99-01 <br /> Aprilia SR150 AIR 2T E3 99-01 <br /> Aprilia SR50 Ditech H2O 2T E1 00-06/2003 <br /> Aprilia SR50 Ditech I.E H2O 2T E2 02-06/2003 <br /> Aprilia SR50 Netscaper AIR 2T 97-01 )<br /> Aprilia SR50 Racing H2O 2T 97-00 )<br /> Aprilia SR50 Racing H2O 2T E1 00-06/2003 <br /> Aprilia SR50 Replica AIR 2T 93-96 <br /> Aprilia SR50 Replica AIR 2T 94-96 <br /> Aprilia SR50 Replica H2O 2T 94-96 <br /> Aprilia SR50 Sport H2O 2T E1 00-06/2003 <br /> Aprilia SR50 Stealth H2O 2T 97-00 <br /> Aprilia SR50 WWW AIR 2T 97-01 <br /> Aprilia SR50 WWW H2O 2T 97-00 <br /> Derbi Variant Sport 125 AIR 4T E3 12<br /> Derbi Variant Sport 50 AIR 2T E2 12 <br /> Gilera DNA 125 H2O 4T E1 02-05<br /> Gilera DNA 180 H2O 4T E1 02-05<br /> Gilera DNA 50 H2O 2T E1 00-01<br /> Gilera DNA 50 H2O 2T E1 02-04<br /> Gilera DNA RST 50 H2O 2T E2 05-06<br /> Gilera Eaglet 50 AIR 2T 95-98 <br /> Gilera Easy Moving 50 AIR 2T 95-99<br /> Gilera GSM 50 H2O 2T 01 (EBE050)<br /> Gilera GSM 50 H2O 2T 99-00 <br /> Gilera H@K 50 H2O 2T 01 (EBE050)<br /> Gilera H@K 50 H2O 2T 99-00 <br /> Gilera ICE 50 AIR 2T 00-05<br /> Gilera RK 50 H2O 2T 96-98<br /> Gilera Runner DD 50 H2O 2T 98-01<br /> Gilera Runner DT 50 H2O 2T 98-01<br /> Gilera Runner FL 50 H2O 2T 02-04<br /> Gilera Runner FX 125 H2O 2T 98-02<br /> Gilera Runner FXR 180 H2O 2T 98-02<br /> Gilera Runner Pure Jet 50i H2O 2T 04<br /> Gilera Runner Pure Jet 50i H2O 2T 10-11<br /> Gilera Runner Pure Jet RST 50i H2O 2T 05-06<br /> Gilera Runner Pure Jet ST 50i H2O 2T 08<br /> Gilera Runner SP 50 H2O 2T 02-04<br /> Gilera Runner VX 125 H2O 4T E1 99-02<br /> Gilera Runner VX 125 H2O 4T E2 03-04<br /> Gilera Runner VXR 180 H2O 4T E1 02-04<br /> Gilera Runner VXR 200 H2O 4T E1 02-04<br /> Gilera Stalker 50 AIR 2T 97<br /> Gilera Stalker 50 AIR 2T E1 98-02<br /> Gilera Stalker 50 AIR 2T E2 03-04<br /> Gilera Stalker 50 AIR 2T E2 05-11<br /> Gilera Stalker Naked 50 AIR 2T E2 08<br /> Gilera Storm 50 AIR 2T 94-96<br /> Gilera Storm 50 AIR 2T E2 07<br /> Gilera Zulù 50 H2O 2T 00-02 (EBE050)<br /> Piaggio Beverly Cruiser 250i H2O 4T E3 07-09<br /> Piaggio Beverly Cruiser 500i H2O 4T E3 07-12<br /> Piaggio Beverly Sport 125 H2O 4T E1 01-03<br /> Piaggio Beverly Sport 200 H2O 4T E1 01-03<br /> Piaggio Beverly Sport 200 H2O 4T E2 05<br /> Piaggio Ciao 50 AIR 2T E1 96-01<br /> Piaggio Ciao 50 AIR 2T E2 02-05<br /> Piaggio Ciao PX 50 AIR 2T 85-96<br /> Piaggio Fly 125 AIR 4T 2V E3 07-11<br /> Piaggio Fly 150 AIR 4T 2V E3 07-12<br /> Piaggio Free 100 FL AIR 4T 2V E1 02-05<br /> Piaggio Free 50 AIR 2T 92-94<br /> Piaggio Free 50 FL AIR 2T 95-98<br /> Piaggio Free 50 FL AIR 2T E1 99-02<br /> Piaggio Hexagon 125 H2O 2T 94-97<br /> Piaggio Hexagon 150 H2O 2T 95-97<br /> Piaggio Hexagon GT 250 H2O 4T 98-99 <br /> Piaggio Hexagon LX 125 H2O 2T E1 98-99<br /> Piaggio Hexagon LX4 125 AIR 4T 98-00<br /> Piaggio Hexagon LXT 180 H2O 2T E1 99-00<br /> Piaggio Liberty 125 AIR 4T 2V E1 02-03 <br /> Piaggio Liberty 125 AIR 4T 2V E1 98-01<br /> Piaggio Liberty 150 AIR 4T 2V E1 02-03 <br /> Piaggio Liberty 50 AIR 2T E1 98-03<br /> Piaggio Liberty 50 AIR 4T 2V E1 02-03<br /> Piaggio Liberty RST 125 AIR 4T 2V E2 04-07<br /> Piaggio Liberty RST 150 AIR 4T 2V E3 08<br /> Piaggio NRG 50 H2O 2T 94-96<br /> Piaggio NRG MC2 50 H2O 2T 97<br /> Piaggio NRG MC2 DD 50 H2O 2T 98<br /> Piaggio NRG MC2 DT 50 H2O 2T 98<br /> Piaggio NRG MC2 Extreme 50 AIR 2T E1 99-00<br /> Piaggio NRG MC2 Extreme 50 H2O 2T E1 99-00<br /> Piaggio NRG MC3 DD 50 H2O 2T E1 01-04<br /> Piaggio NRG MC3 DT 50 AIR 2T E1 01-04<br /> Piaggio NRG MC3 Pure Jet 50i H2O 2T E1 01-04<br /> Piaggio NTT 50 H2O 2T 94-96<br /> Piaggio Sfera RST 125 AIR 4T 95-98<br /> Piaggio Sfera RST 50 AIR 2T 95-98<br /> Piaggio Sfera RST 80 AIR 2T 95-98<br /> Piaggio Si Mix 50 AIR 2T 99-01<br /> Piaggio Skipper 125 AIR 2T 94-97<br /> Piaggio Skipper 150 AIR 2T 94-97<br /> Piaggio Skipper 80 AIR 2T 95-97<br /> Piaggio Skipper LX 125 AIR 2T E1 98-99<br /> Piaggio Skipper LX 150 AIR 2T E1 98-99<br /> Piaggio Skipper ST4 125 AIR 4T E1 00-02<br /> Piaggio Skipper ST4 150 AIR 4T E1 00-02<br /> Piaggio Super Hexagon GTX 125 H2O 4T 00-01<br /> Piaggio Super Hexagon GTX 180 H2O 4T 00-01<br /> Piaggio Typhoon 125 AIR 2T 95-97<br /> Piaggio Typhoon 50 AIR 2T 93-97<br /> Piaggio Typhoon 50 AIR 2T E2 04-05<br /> Piaggio Typhoon 50 AIR 2T E2 06-11<br /> Piaggio Typhoon 80 AIR 2T 95-97<br /> Piaggio Typhoon II 125 AIR 4T 2V E3 10-17<br /> Piaggio Typhoon II 50 AIR 2T E2 10-16<br /> Piaggio Typhoon II 50 AIR 2T E4 18-><br /> Piaggio Typhoon X 125 AIR 2T E1 98-00<br /> Piaggio Typhoon X 50 AIR 2T 98-00<br /> Piaggio Typhoon XR 125 AIR 2T E1 01<br /> Piaggio Typhoon XR 50 AIR 2T E1 01-03<br /> Piaggio Velofax 50 AIR 2T 95-98<br /> Piaggio X7 250i H2O 4T E3 08<br /> Piaggio X9 125 H2O 4T E1 00-02<br /> Piaggio X9 150 H2O 4T 00-02<br /> Piaggio X9 180 H2O 4T E1 00-02<br /> Piaggio X9 200 H2O 4T E1 00-02<br /> Piaggio X9 250 H2O 4T E1 00-03 <br /> Piaggio X9 500i H2O 4T E1 01-03/04<br /> Piaggio X9 SL 125 H2O 4T E1 02-04<br /> Piaggio XEvo 250i H2O 4T E3 07-16<br /> Piaggio Zip 100 AIR 4T 2V E2 06-10<br /> Piaggio Zip 100 AIR 4T 2V E3 10-18<br /> Piaggio Zip 125 AIR 4T 2V E1 00-03<br /> Piaggio Zip Base 50 AIR 2T 91-94<br /> Piaggio Zip Base 50 AIR 2T 95<br /> Piaggio Zip Fast Rider 50 AIR 2T 96-99<br /> Piaggio Zip II 25km/h AIR 4T 2V E2 06-16<br /> Piaggio Zip II 25km/h IGET AIR 4T 3V E4 18-><br /> Piaggio Zip II 50 AIR 2T E1 00-05<br /> Piaggio Zip II 50 AIR 2T E2 09-15<br /> Piaggio Zip II 50 AIR 4T 2V E1 00-05<br /> Piaggio Zip II 50 AIR 4T 2V E2 06-17<br /> Piaggio Zip II 50i IGET AIR 4T 3V E4 18-><br /> Piaggio Zip RST 50 AIR 2T 96-98<br /> Piaggio Zip SP 50 H2O 2T 96-00<br /> Piaggio Zip SP2 50 H2O 2T E1 01-05<br /> Piaggio Zip SP2 50 H2O 2T E2 06-13<br /> Vespa ET2 50 AIR 2T CAT 96-99<br /> Vespa ET2 50 AIR 2T E1 00-01<br /> Vespa ET2 50 AIR 2T E2 02-04<br /> Vespa ET2 Iniezione 50 AIR 2T E1 00-04<br /> Vespa ET4 125 AIR 4T CAT 96-99<br /> Vespa ET4 125 AIR 4T E1 00-04 <br /> Vespa ET4 150 AIR 4T E1 00-04 <br /> Vespa ET4 50 AIR 4T E1 00-04<br /> Vespa GT60 250i H2O 4T E3 06-07<br /> Vespa GTV 125 H2O 4T E3 06-08<br /> Vespa GTV 250i H2O 4T E3 06-09<br /> Vespa GTV 300i H2O 4T E3 09-13<br /> Vespa LXV 125 AIR 4T 2V E3 06-09<br /> Vespa LXV 50 AIR 2T E3 06-09<br /> Vespa PX 125E AIR 2T 82-00<br /> Vespa PX 125E AIR 2T E1 01-03<br /> Vespa PX 125E AIR 2T E2 04-10<br /> Vespa PX 150E AIR 2T 82-00<br /> Vespa PX 150E AIR 2T E1 01-03<br /> Vespa PX 150E AIR 2T E2 04-07<br /> Vespa PX 200E AIR 2T 82-00</p><br /> <br /> <p><br /> </p><br /> </div> </div> </div> </div> <div class="product-slider related-product-slider"> <div> <style> .swiper-pagination-horizontal.am-swiper-pagination-673f42ec78b87.swiper-pagination-bullets .swiper-pagination-bullet { margin: var(--swiper-pagination-bullet-horizontal-gap, 4px); } </style> <div class="widget w-full my-6 text-gray-700 body-font md:my-8 xl:my-12 " x-data="initSwiper_673f42ec78b87()" x-init="init()" role="group" aria-roledescription="Carousel" aria-label="Carousel Relaterade produkter 673f42ec78b87" > <template x-if="isLoading"> <div class="flex flex-row space-x-4"> <div class="flex flex-col product-placeholder animate-pulse p-6 bg-white transition-all rounded-md duration-500 ease-in-out h-[350px] w-full md:w-1/4 [&:nth-child(n+2)]:max-md:hidden" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95"> <div class="flex flex-col flex-1 p-2 items-center justify-center"> <div class="bg-gray-300 rounded-b w-full h-3 mb-2"></div> <div class="bg-gray-300 rounded-t w-32 h-36 rounded-sm"></div> </div> <div class="flex flex-col mt-4"> <div class="bg-gray-300 rounded w-full h-6"></div> <div class="bg-gray-300 rounded w-full h-6 mt-2"></div> <div class="bg-gray-300 rounded w-20 mx-auto h-10 mt-4"></div> </div> </div> <div class="flex flex-col product-placeholder animate-pulse p-6 bg-white transition-all rounded-md duration-500 ease-in-out h-[350px] w-full md:w-1/4 [&:nth-child(n+2)]:max-md:hidden" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95"> <div class="flex flex-col flex-1 p-2 items-center justify-center"> <div class="bg-gray-300 rounded-b w-full h-3 mb-2"></div> <div class="bg-gray-300 rounded-t w-32 h-36 rounded-sm"></div> </div> <div class="flex flex-col mt-4"> <div class="bg-gray-300 rounded w-full h-6"></div> <div class="bg-gray-300 rounded w-full h-6 mt-2"></div> <div class="bg-gray-300 rounded w-20 mx-auto h-10 mt-4"></div> </div> </div> <div class="flex flex-col product-placeholder animate-pulse p-6 bg-white transition-all rounded-md duration-500 ease-in-out h-[350px] w-full md:w-1/4 [&:nth-child(n+2)]:max-md:hidden" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95"> <div class="flex flex-col flex-1 p-2 items-center justify-center"> <div class="bg-gray-300 rounded-b w-full h-3 mb-2"></div> <div class="bg-gray-300 rounded-t w-32 h-36 rounded-sm"></div> </div> <div class="flex flex-col mt-4"> <div class="bg-gray-300 rounded w-full h-6"></div> <div class="bg-gray-300 rounded w-full h-6 mt-2"></div> <div class="bg-gray-300 rounded w-20 mx-auto h-10 mt-4"></div> </div> </div> <div class="flex flex-col product-placeholder animate-pulse p-6 bg-white transition-all rounded-md duration-500 ease-in-out h-[350px] w-full md:w-1/4 [&:nth-child(n+2)]:max-md:hidden" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95"> <div class="flex flex-col flex-1 p-2 items-center justify-center"> <div class="bg-gray-300 rounded-b w-full h-3 mb-2"></div> <div class="bg-gray-300 rounded-t w-32 h-36 rounded-sm"></div> </div> <div class="flex flex-col mt-4"> <div class="bg-gray-300 rounded w-full h-6"></div> <div class="bg-gray-300 rounded w-full h-6 mt-2"></div> <div class="bg-gray-300 rounded w-20 mx-auto h-10 mt-4"></div> </div> </div> </div> </template> <div class="relative overflow-hidden" x-show="!isLoading"> <div class="container flex flex-col items-center pt-6 pb-3 mx-auto mb-6 border-b-2 border-gray-300 md:flex-row"> <h2 class="text-2xl font-medium text-gray-900 title-font"> Relaterade produkter </h2> </div> <div class="swiper-container swiper w-full mx-auto overflow-hidden" x-ref="swiperContainer673f42ec78b87"> <div class="swiper-wrapper"> <div class="swiper-slide flex shrink-0 w-full mr-1 p-1" role="group" aria-label="1 / 10 - 673f42ec78b87"> <form method="post" action="https://dinhoj.se/checkout/cart/add/uenc/%25uenc%25/product/74656/" aria-label="Product Card Form for Gummidamask till bromsljuskontakt gaswire _673f3876f2a3b" class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full h-full " > <input name="form_key" type="hidden" value="Qujgdb3Ywb8Wxe7e" /> <input type="hidden" name="product" value="74656"/> <a href="https://dinhoj.se/gummidamask-till-bromsljuskontakt-gaswire-16-4530" class="product photo product-item-photo block mx-auto mb-3 "> <img class="object-contain m-auto transition-all " x-data="" @update-gallery-74656-start.window="$root.classList.add('blur-sm')" @update-gallery-74656.window="$root.src = $event.detail" @update-gallery-74656-end.window="$root.classList.remove('blur-sm')" src="https://dinhoj.se/media/catalog/product/cache/2c0f6acc657179373b6280f5a27ff4bd/g/u/gummidamask-till-bromsljuskontakt-gaswire-1513550955.jpg" loading="lazy" width="240" height="300" alt="Gummidamask till bromsljuskontakt gaswire" title="Gummidamask till bromsljuskontakt gaswire" /> </a> <div class="product-info flex flex-col grow"> <div class="mt-2 mb-1 items-center justify-center text-primary font-semibold text-center "> <a class="product-item-link inline-block text-lg" href="https://dinhoj.se/gummidamask-till-bromsljuskontakt-gaswire-16-4530" > Gummidamask till bromsljuskontakt gaswire </a> </div> <div class="py-1 mx-auto "> <div class="product-reviews-summary short mg-lipscore-rating-wrapper"> <div class="rating-summary"> <div id="lipscore-rating" data-ls-product-name="Gummidamask till bromsljuskontakt gaswire" data-ls-brand="" data-ls-sku="16-4530" data-ls-product-id="" data-ls-image-url="https://dinhoj.se/media/catalog/product/cache/2621ec0a0df54d0c66bd68f255a5f924/g/u/gummidamask-till-bromsljuskontakt-gaswire-1513550955.jpg" data-ls-price="10" data-ls-price-currency="SEK" data-ls-category="Bromsdetaljer" data-ls-description="" data-ls-availability="1" data-ls-gtin="16-4530"> </div> </div> </div> </div> <div class="pt-1 text-gray-900" x-data="initPriceBox__673f3876f2a3b()" @update-prices-74656.window="updatePrice($event.detail);" > <div class="price-box price-final_price" data-role="priceBox" data-product-id="74656" data-price-box="product-id-74656"> <span x-data x-id="['product\u002Dprice\u002D74656']" class="price-container price-final_price tax weee" > <span :id="$id('product\u002Dprice\u002D74656')" data-price-amount="10" data-price-type="finalPrice" class="price-wrapper " ><span class="price">10,00 kr</span></span> </span> </div><div class="ampreorder-category" style="display: none">Förväntad leveranstid:</div> </div> <div class="mt-auto pt-3 flex flex-wrap justify-center items-center"> <button class="w-auto btn btn-primary justify-center text-sm mr-auto" aria-label="Lägg i varukorg Gummidamask till bromsljuskontakt gaswire"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="h-6 w-6 border-current inline" width="25" height="25" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/> </svg> <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline"> Lägg i varukorg </span> </button> <button x-data="initCompareOnProductList()" @click.prevent="addToCompare(74656)" aria-label="Lägg till jämförelse Gummidamask till bromsljuskontakt gaswire" type="button" class="rounded-full w-9 h-9 bg-gray-200 p-0 border-0 inline-flex shrink-0 items-center justify-center text-gray-500 hover:text-yellow-500 ml-2"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-5 h-5" width="25" height="25" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M3 6l3 1m0 0l-3 9a5.002 5.002 0 006.001 0M6 7l3 9M6 7l6-2m6 2l3-1m-3 1l-3 9a5.002 5.002 0 006.001 0M18 7l3 9m-3-9l-6-2m0-2v2m0 16V5m0 16H9m3 0h3"/> </svg> </button> </div> </div> </form> <template class="am-preorder-74656"></template> </div> <div class="swiper-slide flex shrink-0 w-full mr-1 p-1" role="group" aria-label="2 / 10 - 673f42ec78b87"> <form method="post" action="https://dinhoj.se/checkout/cart/add/uenc/%25uenc%25/product/71507/" aria-label="Product Card Form for Fjäder bromsljuskontakt universal _673f38770b4e9" class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full h-full " > <input name="form_key" type="hidden" value="Qujgdb3Ywb8Wxe7e" /> <input type="hidden" name="product" value="71507"/> <a href="https://dinhoj.se/fjader-bromsljuskontakt-universal-16-6080" class="product photo product-item-photo block mx-auto mb-3 "> <img class="object-contain m-auto transition-all " x-data="" @update-gallery-71507-start.window="$root.classList.add('blur-sm')" @update-gallery-71507.window="$root.src = $event.detail" @update-gallery-71507-end.window="$root.classList.remove('blur-sm')" src="https://dinhoj.se/media/catalog/product/cache/2c0f6acc657179373b6280f5a27ff4bd/5/5/555931757_1.jpg" loading="lazy" width="240" height="300" alt="Fjäder bromsljuskontakt universal" title="Fjäder bromsljuskontakt universal" /> </a> <div class="product-info flex flex-col grow"> <div class="mt-2 mb-1 items-center justify-center text-primary font-semibold text-center "> <a class="product-item-link inline-block text-lg" href="https://dinhoj.se/fjader-bromsljuskontakt-universal-16-6080" > Fjäder bromsljuskontakt universal </a> </div> <div class="py-1 mx-auto "> <div class="product-reviews-summary short mg-lipscore-rating-wrapper"> <div class="rating-summary"> <div id="lipscore-rating" data-ls-product-name="Fjäder bromsljuskontakt universal" data-ls-brand="" data-ls-sku="16-6080" data-ls-product-id="" data-ls-image-url="https://dinhoj.se/media/catalog/product/cache/2621ec0a0df54d0c66bd68f255a5f924/5/5/555931757_1.jpg" data-ls-price="59" data-ls-price-currency="SEK" data-ls-category="Bromscylinder/Bromshandtag" data-ls-description="" data-ls-availability="1" data-ls-gtin="16-6080"> </div> </div> </div> </div> <div class="pt-1 text-gray-900" x-data="initPriceBox__673f38770b4e9()" @update-prices-71507.window="updatePrice($event.detail);" > <div class="price-box price-final_price" data-role="priceBox" data-product-id="71507" data-price-box="product-id-71507"> <span x-data x-id="['product\u002Dprice\u002D71507']" class="price-container price-final_price tax weee" > <span :id="$id('product\u002Dprice\u002D71507')" data-price-amount="59" data-price-type="finalPrice" class="price-wrapper " ><span class="price">59,00 kr</span></span> </span> </div><div class="ampreorder-category" style="display: none">Förväntad leveranstid:</div> </div> <div class="mt-auto pt-3 flex flex-wrap justify-center items-center"> <button class="w-auto btn btn-primary justify-center text-sm mr-auto" aria-label="Lägg i varukorg Fjäder bromsljuskontakt universal"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="h-6 w-6 border-current inline" width="25" height="25" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/> </svg> <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline"> Lägg i varukorg </span> </button> <button x-data="initCompareOnProductList()" @click.prevent="addToCompare(71507)" aria-label="Lägg till jämförelse Fjäder bromsljuskontakt universal" type="button" class="rounded-full w-9 h-9 bg-gray-200 p-0 border-0 inline-flex shrink-0 items-center justify-center text-gray-500 hover:text-yellow-500 ml-2"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-5 h-5" width="25" height="25" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M3 6l3 1m0 0l-3 9a5.002 5.002 0 006.001 0M6 7l3 9M6 7l6-2m6 2l3-1m-3 1l-3 9a5.002 5.002 0 006.001 0M18 7l3 9m-3-9l-6-2m0-2v2m0 16V5m0 16H9m3 0h3"/> </svg> </button> </div> </div> </form> <template class="am-preorder-71507"></template> </div> <div class="swiper-slide flex shrink-0 w-full mr-1 p-1" role="group" aria-label="3 / 10 - 673f42ec78b87"> <form method="post" action="https://dinhoj.se/checkout/cart/add/uenc/%25uenc%25/product/71549/" aria-label="Product Card Form for Bromsljuskontakt höger-, Adly Supersonix. PGO Big Max, G-Max, Hot, Ligero, PMX, SYM Mio. Yamaha Jog, mfl _673f387716f37" class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full h-full " > <input name="form_key" type="hidden" value="Qujgdb3Ywb8Wxe7e" /> <input type="hidden" name="product" value="71549"/> <a href="https://dinhoj.se/bromsljuskontakt-hoger-adly-supersonix-pgo-big-max-g-max-hot-ligero-pmx-sym-mio-yamaha-jog-mfl-16-2702" class="product photo product-item-photo block mx-auto mb-3 "> <img class="object-contain m-auto transition-all " x-data="" @update-gallery-71549-start.window="$root.classList.add('blur-sm')" @update-gallery-71549.window="$root.src = $event.detail" @update-gallery-71549-end.window="$root.classList.remove('blur-sm')" src="https://dinhoj.se/media/catalog/product/cache/2c0f6acc657179373b6280f5a27ff4bd/i/g/igero-pmx-sym-mio-yamaha-jog-mfl-35340-107-000-796383792_1.jpg" loading="lazy" width="240" height="300" alt="Bromsljuskontakt höger-, Adly Supersonix. PGO Big Max, G-Max, Hot, Ligero, PMX, SYM Mio. Yamaha Jog, mfl" title="Bromsljuskontakt höger-, Adly Supersonix. PGO Big Max, G-Max, Hot, Ligero, PMX, SYM Mio. Yamaha Jog, mfl" /> </a> <div class="product-info flex flex-col grow"> <div class="mt-2 mb-1 items-center justify-center text-primary font-semibold text-center "> <a class="product-item-link inline-block text-lg" href="https://dinhoj.se/bromsljuskontakt-hoger-adly-supersonix-pgo-big-max-g-max-hot-ligero-pmx-sym-mio-yamaha-jog-mfl-16-2702" > Bromsljuskontakt höger-, Adly Supersonix. PGO Big Max, G-Max, Hot, Ligero, PMX, SYM Mio. Yamaha Jog, mfl </a> </div> <div class="py-1 mx-auto "> <div class="product-reviews-summary short mg-lipscore-rating-wrapper"> <div class="rating-summary"> <div id="lipscore-rating" data-ls-product-name="Bromsljuskontakt höger-, Adly Supersonix. PGO Big Max, G-Max, Hot, Ligero, PMX, SYM Mio. Yamaha Jog, mfl" data-ls-brand="" data-ls-sku="16-2702" data-ls-product-id="" data-ls-image-url="https://dinhoj.se/media/catalog/product/cache/2621ec0a0df54d0c66bd68f255a5f924/i/g/igero-pmx-sym-mio-yamaha-jog-mfl-35340-107-000-796383792_1.jpg" data-ls-price="64" data-ls-price-currency="SEK" data-ls-category="Bromscylinder/Bromshandtag" data-ls-description="Mått: se måttbild" data-ls-availability="1" data-ls-gtin="16-2702"> </div> </div> </div> </div> <div class="pt-1 text-gray-900" x-data="initPriceBox__673f387716f37()" @update-prices-71549.window="updatePrice($event.detail);" > <div class="price-box price-final_price" data-role="priceBox" data-product-id="71549" data-price-box="product-id-71549"> <span x-data x-id="['product\u002Dprice\u002D71549']" class="price-container price-final_price tax weee" > <span :id="$id('product\u002Dprice\u002D71549')" data-price-amount="64" data-price-type="finalPrice" class="price-wrapper " ><span class="price">64,00 kr</span></span> </span> </div><div class="ampreorder-category" style="display: none">Förväntad leveranstid:</div> </div> <div class="mt-auto pt-3 flex flex-wrap justify-center items-center"> <button class="w-auto btn btn-primary justify-center text-sm mr-auto" aria-label="Lägg i varukorg Bromsljuskontakt höger-, Adly Supersonix. PGO Big Max, G-Max, Hot, Ligero, PMX, SYM Mio. Yamaha Jog, mfl"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="h-6 w-6 border-current inline" width="25" height="25" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/> </svg> <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline"> Lägg i varukorg </span> </button> <button x-data="initCompareOnProductList()" @click.prevent="addToCompare(71549)" aria-label="Lägg till jämförelse Bromsljuskontakt höger-, Adly Supersonix. PGO Big Max, G-Max, Hot, Ligero, PMX, SYM Mio. Yamaha Jog, mfl" type="button" class="rounded-full w-9 h-9 bg-gray-200 p-0 border-0 inline-flex shrink-0 items-center justify-center text-gray-500 hover:text-yellow-500 ml-2"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-5 h-5" width="25" height="25" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M3 6l3 1m0 0l-3 9a5.002 5.002 0 006.001 0M6 7l3 9M6 7l6-2m6 2l3-1m-3 1l-3 9a5.002 5.002 0 006.001 0M18 7l3 9m-3-9l-6-2m0-2v2m0 16V5m0 16H9m3 0h3"/> </svg> </button> </div> </div> </form> <template class="am-preorder-71549"></template> </div> <div class="swiper-slide flex shrink-0 w-full mr-1 p-1" role="group" aria-label="4 / 10 - 673f42ec78b87"> <form method="post" action="https://dinhoj.se/checkout/cart/add/uenc/%25uenc%25/product/71059/" aria-label="Product Card Form for Bromsljuskontakt plast-, Derbi, Rieju, Peugeot, Piaggio, Gilera, Motorhispania, Yamaha, mfl _673f387723ec5" class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full h-full " > <input name="form_key" type="hidden" value="Qujgdb3Ywb8Wxe7e" /> <input type="hidden" name="product" value="71059"/> <a href="https://dinhoj.se/bromsljuskontakt-plast-derbi-rieju-peugeot-piaggio-gilera-motorhispania-yamaha-mfl-16-5613" class="product photo product-item-photo block mx-auto mb-3 "> <img class="object-contain m-auto transition-all " x-data="" @update-gallery-71059-start.window="$root.classList.add('blur-sm')" @update-gallery-71059.window="$root.src = $event.detail" @update-gallery-71059-end.window="$root.classList.remove('blur-sm')" src="https://dinhoj.se/media/catalog/product/cache/2c0f6acc657179373b6280f5a27ff4bd/u/g/ugeot-piaggio-gilera-motorhispania-yamaha-mfl-1799412686_1.jpg" loading="lazy" width="240" height="300" alt="Bromsljuskontakt plast-, Derbi, Rieju, Peugeot, Piaggio, Gilera, Motorhispania, Yamaha, mfl" title="Bromsljuskontakt plast-, Derbi, Rieju, Peugeot, Piaggio, Gilera, Motorhispania, Yamaha, mfl" /> </a> <div class="product-info flex flex-col grow"> <div class="mt-2 mb-1 items-center justify-center text-primary font-semibold text-center "> <a class="product-item-link inline-block text-lg" href="https://dinhoj.se/bromsljuskontakt-plast-derbi-rieju-peugeot-piaggio-gilera-motorhispania-yamaha-mfl-16-5613" > Bromsljuskontakt plast-, Derbi, Rieju, Peugeot, Piaggio, Gilera, Motorhispania, Yamaha, mfl </a> </div> <div class="py-1 mx-auto "> <div class="product-reviews-summary short mg-lipscore-rating-wrapper"> <div class="rating-summary"> <div id="lipscore-rating" data-ls-product-name="Bromsljuskontakt plast-, Derbi, Rieju, Peugeot, Piaggio, Gilera, Motorhispania, Yamaha, mfl" data-ls-brand="" data-ls-sku="16-5613" data-ls-product-id="" data-ls-image-url="https://dinhoj.se/media/catalog/product/cache/2621ec0a0df54d0c66bd68f255a5f924/u/g/ugeot-piaggio-gilera-motorhispania-yamaha-mfl-1799412686_1.jpg" data-ls-price="69" data-ls-price-currency="SEK" data-ls-category="Bromscylinder/Bromshandtag" data-ls-description="Mått: se måttbild" data-ls-availability="1" data-ls-gtin="16-5613"> </div> </div> </div> </div> <div class="pt-1 text-gray-900" x-data="initPriceBox__673f387723ec5()" @update-prices-71059.window="updatePrice($event.detail);" > <div class="price-box price-final_price" data-role="priceBox" data-product-id="71059" data-price-box="product-id-71059"> <span x-data x-id="['product\u002Dprice\u002D71059']" class="price-container price-final_price tax weee" > <span :id="$id('product\u002Dprice\u002D71059')" data-price-amount="69" data-price-type="finalPrice" class="price-wrapper " ><span class="price">69,00 kr</span></span> </span> </div><div class="ampreorder-category" style="display: none">Förväntad leveranstid:</div> </div> <div class="mt-auto pt-3 flex flex-wrap justify-center items-center"> <button class="w-auto btn btn-primary justify-center text-sm mr-auto" aria-label="Lägg i varukorg Bromsljuskontakt plast-, Derbi, Rieju, Peugeot, Piaggio, Gilera, Motorhispania, Yamaha, mfl"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="h-6 w-6 border-current inline" width="25" height="25" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/> </svg> <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline"> Lägg i varukorg </span> </button> <button x-data="initCompareOnProductList()" @click.prevent="addToCompare(71059)" aria-label="Lägg till jämförelse Bromsljuskontakt plast-, Derbi, Rieju, Peugeot, Piaggio, Gilera, Motorhispania, Yamaha, mfl" type="button" class="rounded-full w-9 h-9 bg-gray-200 p-0 border-0 inline-flex shrink-0 items-center justify-center text-gray-500 hover:text-yellow-500 ml-2"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-5 h-5" width="25" height="25" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M3 6l3 1m0 0l-3 9a5.002 5.002 0 006.001 0M6 7l3 9M6 7l6-2m6 2l3-1m-3 1l-3 9a5.002 5.002 0 006.001 0M18 7l3 9m-3-9l-6-2m0-2v2m0 16V5m0 16H9m3 0h3"/> </svg> </button> </div> </div> </form> <template class="am-preorder-71059"></template> </div> <div class="swiper-slide flex shrink-0 w-full mr-1 p-1" role="group" aria-label="5 / 10 - 673f42ec78b87"> <form method="post" action="https://dinhoj.se/checkout/cart/add/uenc/%25uenc%25/product/69054/" aria-label="Product Card Form for Bromsljuskontakt höger vänster 8 mm-, Baotian, Viarelli, Huatian, Daelim, Generic XOR, Ideo _673f3877300c3" class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full h-full " > <input name="form_key" type="hidden" value="Qujgdb3Ywb8Wxe7e" /> <input type="hidden" name="product" value="69054"/> <a href="https://dinhoj.se/bromsljuskontakt-hoger-vanster-8-mm-baotian-viarelli-huatian-daelim-generic-xor-ideo-16-1317" class="product photo product-item-photo block mx-auto mb-3 "> <img class="object-contain m-auto transition-all " x-data="" @update-gallery-69054-start.window="$root.classList.add('blur-sm')" @update-gallery-69054.window="$root.src = $event.detail" @update-gallery-69054-end.window="$root.classList.remove('blur-sm')" src="https://dinhoj.se/media/catalog/product/cache/2c0f6acc657179373b6280f5a27ff4bd/t/i/tian-viarelli-huatian-daelim-generic-xor-ideo-858589541._1.jpg" loading="lazy" width="240" height="300" alt="Bromsljuskontakt höger vänster 8 mm-, Baotian, Viarelli, Huatian, Daelim, Generic XOR, Ideo" title="Bromsljuskontakt höger vänster 8 mm-, Baotian, Viarelli, Huatian, Daelim, Generic XOR, Ideo" /> </a> <div class="product-info flex flex-col grow"> <div class="mt-2 mb-1 items-center justify-center text-primary font-semibold text-center "> <a class="product-item-link inline-block text-lg" href="https://dinhoj.se/bromsljuskontakt-hoger-vanster-8-mm-baotian-viarelli-huatian-daelim-generic-xor-ideo-16-1317" > Bromsljuskontakt höger vänster 8 mm-, Baotian, Viarelli, Huatian, Daelim, Generic XOR, Ideo </a> </div> <div class="py-1 mx-auto "> <div class="product-reviews-summary short mg-lipscore-rating-wrapper"> <div class="rating-summary"> <div id="lipscore-rating" data-ls-product-name="Bromsljuskontakt höger vänster 8 mm-, Baotian, Viarelli, Huatian, Daelim, Generic XOR, Ideo" data-ls-brand="" data-ls-sku="16-1317" data-ls-product-id="" data-ls-image-url="https://dinhoj.se/media/catalog/product/cache/2621ec0a0df54d0c66bd68f255a5f924/t/i/tian-viarelli-huatian-daelim-generic-xor-ideo-858589541._1.jpg" data-ls-price="89" data-ls-price-currency="SEK" data-ls-category="Bromscylinder/Bromshandtag" data-ls-description="Mått: se bild" data-ls-availability="1" data-ls-gtin="16-1317"> </div> </div> </div> </div> <div class="pt-1 text-gray-900" x-data="initPriceBox__673f3877300c3()" @update-prices-69054.window="updatePrice($event.detail);" > <div class="price-box price-final_price" data-role="priceBox" data-product-id="69054" data-price-box="product-id-69054"> <span x-data x-id="['product\u002Dprice\u002D69054']" class="price-container price-final_price tax weee" > <span :id="$id('product\u002Dprice\u002D69054')" data-price-amount="89" data-price-type="finalPrice" class="price-wrapper " ><span class="price">89,00 kr</span></span> </span> </div><div class="ampreorder-category" style="display: none">Förväntad leveranstid:</div> </div> <div class="mt-auto pt-3 flex flex-wrap justify-center items-center"> <button class="w-auto btn btn-primary justify-center text-sm mr-auto" aria-label="Lägg i varukorg Bromsljuskontakt höger vänster 8 mm-, Baotian, Viarelli, Huatian, Daelim, Generic XOR, Ideo"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="h-6 w-6 border-current inline" width="25" height="25" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/> </svg> <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline"> Lägg i varukorg </span> </button> <button x-data="initCompareOnProductList()" @click.prevent="addToCompare(69054)" aria-label="Lägg till jämförelse Bromsljuskontakt höger vänster 8 mm-, Baotian, Viarelli, Huatian, Daelim, Generic XOR, Ideo" type="button" class="rounded-full w-9 h-9 bg-gray-200 p-0 border-0 inline-flex shrink-0 items-center justify-center text-gray-500 hover:text-yellow-500 ml-2"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-5 h-5" width="25" height="25" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M3 6l3 1m0 0l-3 9a5.002 5.002 0 006.001 0M6 7l3 9M6 7l6-2m6 2l3-1m-3 1l-3 9a5.002 5.002 0 006.001 0M18 7l3 9m-3-9l-6-2m0-2v2m0 16V5m0 16H9m3 0h3"/> </svg> </button> </div> </div> </form> <template class="am-preorder-69054"></template> </div> <div class="swiper-slide flex shrink-0 w-full mr-1 p-1" role="group" aria-label="6 / 10 - 673f42ec78b87"> <form method="post" action="https://dinhoj.se/checkout/cart/add/uenc/%25uenc%25/product/69552/" aria-label="Product Card Form for Bromsljuskontakt höger frambroms-, Baotian, Viarelli, .. _673f38773c63a" class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full h-full " > <input name="form_key" type="hidden" value="Qujgdb3Ywb8Wxe7e" /> <input type="hidden" name="product" value="69552"/> <a href="https://dinhoj.se/bromsljuskontakt-hoger-frambroms-baotian-viarelli-16-3240" class="product photo product-item-photo block mx-auto mb-3 "> <img class="object-contain m-auto transition-all " x-data="" @update-gallery-69552-start.window="$root.classList.add('blur-sm')" @update-gallery-69552.window="$root.src = $event.detail" @update-gallery-69552-end.window="$root.classList.remove('blur-sm')" src="https://dinhoj.se/media/catalog/product/cache/2c0f6acc657179373b6280f5a27ff4bd/r/-/r-frambroms-baotian-viarelli-35340-sc1-6700-m4-106487465_1.jpg" loading="lazy" width="240" height="300" alt="Bromsljuskontakt höger frambroms-, Baotian, Viarelli, .." title="Bromsljuskontakt höger frambroms-, Baotian, Viarelli, .." /> </a> <div class="product-info flex flex-col grow"> <div class="mt-2 mb-1 items-center justify-center text-primary font-semibold text-center "> <a class="product-item-link inline-block text-lg" href="https://dinhoj.se/bromsljuskontakt-hoger-frambroms-baotian-viarelli-16-3240" > Bromsljuskontakt höger frambroms-, Baotian, Viarelli, .. </a> </div> <div class="py-1 mx-auto "> <div class="product-reviews-summary short mg-lipscore-rating-wrapper"> <div class="rating-summary"> <div id="lipscore-rating" data-ls-product-name="Bromsljuskontakt höger frambroms-, Baotian, Viarelli, .." data-ls-brand="" data-ls-sku="16-3240" data-ls-product-id="" data-ls-image-url="https://dinhoj.se/media/catalog/product/cache/2621ec0a0df54d0c66bd68f255a5f924/r/-/r-frambroms-baotian-viarelli-35340-sc1-6700-m4-106487465_1.jpg" data-ls-price="89" data-ls-price-currency="SEK" data-ls-category="Bromscylinder/Bromshandtag" data-ls-description="" data-ls-availability="1" data-ls-gtin="16-3240"> </div> </div> </div> </div> <div class="pt-1 text-gray-900" x-data="initPriceBox__673f38773c63a()" @update-prices-69552.window="updatePrice($event.detail);" > <div class="price-box price-final_price" data-role="priceBox" data-product-id="69552" data-price-box="product-id-69552"> <span x-data x-id="['product\u002Dprice\u002D69552']" class="price-container price-final_price tax weee" > <span :id="$id('product\u002Dprice\u002D69552')" data-price-amount="89" data-price-type="finalPrice" class="price-wrapper " ><span class="price">89,00 kr</span></span> </span> </div><div class="ampreorder-category" style="display: none">Förväntad leveranstid:</div> </div> <div class="mt-auto pt-3 flex flex-wrap justify-center items-center"> <button class="w-auto btn btn-primary justify-center text-sm mr-auto" aria-label="Lägg i varukorg Bromsljuskontakt höger frambroms-, Baotian, Viarelli, .."> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="h-6 w-6 border-current inline" width="25" height="25" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/> </svg> <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline"> Lägg i varukorg </span> </button> <button x-data="initCompareOnProductList()" @click.prevent="addToCompare(69552)" aria-label="Lägg till jämförelse Bromsljuskontakt höger frambroms-, Baotian, Viarelli, .." type="button" class="rounded-full w-9 h-9 bg-gray-200 p-0 border-0 inline-flex shrink-0 items-center justify-center text-gray-500 hover:text-yellow-500 ml-2"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-5 h-5" width="25" height="25" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M3 6l3 1m0 0l-3 9a5.002 5.002 0 006.001 0M6 7l3 9M6 7l6-2m6 2l3-1m-3 1l-3 9a5.002 5.002 0 006.001 0M18 7l3 9m-3-9l-6-2m0-2v2m0 16V5m0 16H9m3 0h3"/> </svg> </button> </div> </div> </form> <template class="am-preorder-69552"></template> </div> <div class="swiper-slide flex shrink-0 w-full mr-1 p-1" role="group" aria-label="7 / 10 - 673f42ec78b87"> <form method="post" action="https://dinhoj.se/checkout/cart/add/uenc/%25uenc%25/product/69573/" aria-label="Product Card Form for Bromsljuskontakt höger vänster-, CPI Aragon Oliver, Keeway F-ACT Focus RY6 RY8 _673f387748ddf" class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full h-full " > <input name="form_key" type="hidden" value="Qujgdb3Ywb8Wxe7e" /> <input type="hidden" name="product" value="69573"/> <a href="https://dinhoj.se/bromsljuskontakt-hoger-vanster-cpi-aragon-oliver-keeway-f-act-focus-ry6-ry8-16-1161" class="product photo product-item-photo block mx-auto mb-3 "> <img class="object-contain m-auto transition-all " x-data="" @update-gallery-69573-start.window="$root.classList.add('blur-sm')" @update-gallery-69573.window="$root.src = $event.detail" @update-gallery-69573-end.window="$root.classList.remove('blur-sm')" src="https://dinhoj.se/media/catalog/product/cache/2c0f6acc657179373b6280f5a27ff4bd/o/l/oliver-keeway-f-act-focus-ry6-ry8-45300j3at000-741248781_1.jpg" loading="lazy" width="240" height="300" alt="Bromsljuskontakt höger vänster-, CPI Aragon Oliver, Keeway F-ACT Focus RY6 RY8" title="Bromsljuskontakt höger vänster-, CPI Aragon Oliver, Keeway F-ACT Focus RY6 RY8" /> </a> <div class="product-info flex flex-col grow"> <div class="mt-2 mb-1 items-center justify-center text-primary font-semibold text-center "> <a class="product-item-link inline-block text-lg" href="https://dinhoj.se/bromsljuskontakt-hoger-vanster-cpi-aragon-oliver-keeway-f-act-focus-ry6-ry8-16-1161" > Bromsljuskontakt höger vänster-, CPI Aragon Oliver, Keeway F-ACT Focus RY6 RY8 </a> </div> <div class="py-1 mx-auto "> <div class="product-reviews-summary short mg-lipscore-rating-wrapper"> <div class="rating-summary"> <div id="lipscore-rating" data-ls-product-name="Bromsljuskontakt höger vänster-, CPI Aragon Oliver, Keeway F-ACT Focus RY6 RY8" data-ls-brand="" data-ls-sku="16-1161" data-ls-product-id="" data-ls-image-url="https://dinhoj.se/media/catalog/product/cache/2621ec0a0df54d0c66bd68f255a5f924/o/l/oliver-keeway-f-act-focus-ry6-ry8-45300j3at000-741248781_1.jpg" data-ls-price="99" data-ls-price-currency="SEK" data-ls-category="Bromscylinder/Bromshandtag" data-ls-description="Mått: se bild" data-ls-availability="1" data-ls-gtin="16-1161"> </div> </div> </div> </div> <div class="pt-1 text-gray-900" x-data="initPriceBox__673f387748ddf()" @update-prices-69573.window="updatePrice($event.detail);" > <div class="price-box price-final_price" data-role="priceBox" data-product-id="69573" data-price-box="product-id-69573"> <span x-data x-id="['product\u002Dprice\u002D69573']" class="price-container price-final_price tax weee" > <span :id="$id('product\u002Dprice\u002D69573')" data-price-amount="99" data-price-type="finalPrice" class="price-wrapper " ><span class="price">99,00 kr</span></span> </span> </div><div class="ampreorder-category" style="display: none">Förväntad leveranstid:</div> </div> <div class="mt-auto pt-3 flex flex-wrap justify-center items-center"> <button class="w-auto btn btn-primary justify-center text-sm mr-auto" aria-label="Lägg i varukorg Bromsljuskontakt höger vänster-, CPI Aragon Oliver, Keeway F-ACT Focus RY6 RY8"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="h-6 w-6 border-current inline" width="25" height="25" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/> </svg> <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline"> Lägg i varukorg </span> </button> <button x-data="initCompareOnProductList()" @click.prevent="addToCompare(69573)" aria-label="Lägg till jämförelse Bromsljuskontakt höger vänster-, CPI Aragon Oliver, Keeway F-ACT Focus RY6 RY8" type="button" class="rounded-full w-9 h-9 bg-gray-200 p-0 border-0 inline-flex shrink-0 items-center justify-center text-gray-500 hover:text-yellow-500 ml-2"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-5 h-5" width="25" height="25" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M3 6l3 1m0 0l-3 9a5.002 5.002 0 006.001 0M6 7l3 9M6 7l6-2m6 2l3-1m-3 1l-3 9a5.002 5.002 0 006.001 0M18 7l3 9m-3-9l-6-2m0-2v2m0 16V5m0 16H9m3 0h3"/> </svg> </button> </div> </div> </form> <template class="am-preorder-69573"></template> </div> <div class="swiper-slide flex shrink-0 w-full mr-1 p-1" role="group" aria-label="8 / 10 - 673f42ec78b87"> <form method="post" action="https://dinhoj.se/checkout/cart/add/uenc/%25uenc%25/product/71506/" aria-label="Product Card Form for Bromsljuskontakt universal _673f387754491" class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full h-full " > <input name="form_key" type="hidden" value="Qujgdb3Ywb8Wxe7e" /> <input type="hidden" name="product" value="71506"/> <a href="https://dinhoj.se/bromsljuskontakt-universal-16-6079" class="product photo product-item-photo block mx-auto mb-3 "> <img class="object-contain m-auto transition-all " x-data="" @update-gallery-71506-start.window="$root.classList.add('blur-sm')" @update-gallery-71506.window="$root.src = $event.detail" @update-gallery-71506-end.window="$root.classList.remove('blur-sm')" src="https://dinhoj.se/media/catalog/product/cache/2c0f6acc657179373b6280f5a27ff4bd/r/s/rsal-1392244781_1.jpg" loading="lazy" width="240" height="300" alt="Bromsljuskontakt universal" title="Bromsljuskontakt universal" /> </a> <div class="product-info flex flex-col grow"> <div class="mt-2 mb-1 items-center justify-center text-primary font-semibold text-center "> <a class="product-item-link inline-block text-lg" href="https://dinhoj.se/bromsljuskontakt-universal-16-6079" > Bromsljuskontakt universal </a> </div> <div class="py-1 mx-auto "> <div class="product-reviews-summary short mg-lipscore-rating-wrapper"> <div class="rating-summary"> <div id="lipscore-rating" data-ls-product-name="Bromsljuskontakt universal" data-ls-brand="" data-ls-sku="16-6079" data-ls-product-id="" data-ls-image-url="https://dinhoj.se/media/catalog/product/cache/2621ec0a0df54d0c66bd68f255a5f924/r/s/rsal-1392244781_1.jpg" data-ls-price="99" data-ls-price-currency="SEK" data-ls-category="Bromscylinder/Bromshandtag" data-ls-description="" data-ls-availability="1" data-ls-gtin="16-6079"> </div> </div> </div> </div> <div class="pt-1 text-gray-900" x-data="initPriceBox__673f387754491()" @update-prices-71506.window="updatePrice($event.detail);" > <div class="price-box price-final_price" data-role="priceBox" data-product-id="71506" data-price-box="product-id-71506"> <span x-data x-id="['product\u002Dprice\u002D71506']" class="price-container price-final_price tax weee" > <span :id="$id('product\u002Dprice\u002D71506')" data-price-amount="99" data-price-type="finalPrice" class="price-wrapper " ><span class="price">99,00 kr</span></span> </span> </div><div class="ampreorder-category" style="display: none">Förväntad leveranstid:</div> </div> <div class="mt-auto pt-3 flex flex-wrap justify-center items-center"> <button class="w-auto btn btn-primary justify-center text-sm mr-auto" aria-label="Lägg i varukorg Bromsljuskontakt universal"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="h-6 w-6 border-current inline" width="25" height="25" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/> </svg> <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline"> Lägg i varukorg </span> </button> <button x-data="initCompareOnProductList()" @click.prevent="addToCompare(71506)" aria-label="Lägg till jämförelse Bromsljuskontakt universal" type="button" class="rounded-full w-9 h-9 bg-gray-200 p-0 border-0 inline-flex shrink-0 items-center justify-center text-gray-500 hover:text-yellow-500 ml-2"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-5 h-5" width="25" height="25" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M3 6l3 1m0 0l-3 9a5.002 5.002 0 006.001 0M6 7l3 9M6 7l6-2m6 2l3-1m-3 1l-3 9a5.002 5.002 0 006.001 0M18 7l3 9m-3-9l-6-2m0-2v2m0 16V5m0 16H9m3 0h3"/> </svg> </button> </div> </div> </form> <template class="am-preorder-71506"></template> </div> <div class="swiper-slide flex shrink-0 w-full mr-1 p-1" role="group" aria-label="9 / 10 - 673f42ec78b87"> <form method="post" action="https://dinhoj.se/checkout/cart/add/uenc/%25uenc%25/product/69502/" aria-label="Product Card Form for Bromsljuskontakt fram M10x1,25-, CPI SM, SX. KSR Generic TR-, SM, X, Trigger-, SM, X 50, mfl _673f37f80fc5e" class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full h-full " > <input name="form_key" type="hidden" value="mKeqTpS5CJJKO0bY" /> <input type="hidden" name="product" value="69502"/> <a href="https://dinhoj.se/bromsljuskontakt-fram-m10x1-25-cpi-sm-sx-ksr-generic-tr-sm-x-trigger-sm-x-50-mfl-16-3186" class="product photo product-item-photo block mx-auto mb-3 "> <img class="object-contain m-auto transition-all " x-data="" @update-gallery-69502-start.window="$root.classList.add('blur-sm')" @update-gallery-69502.window="$root.src = $event.detail" @update-gallery-69502-end.window="$root.classList.remove('blur-sm')" src="https://dinhoj.se/media/catalog/product/cache/2c0f6acc657179373b6280f5a27ff4bd/t/-/t-fram-m10x1-25-cpi-sm-sx-mfl-d06-27870-10-00-1625730156_1.jpg" loading="lazy" width="240" height="300" alt="Bromsljuskontakt fram M10x1,25-, CPI SM, SX. KSR Generic TR-, SM, X, Trigger-, SM, X 50, mfl" title="Bromsljuskontakt fram M10x1,25-, CPI SM, SX. KSR Generic TR-, SM, X, Trigger-, SM, X 50, mfl" /> </a> <div class="product-info flex flex-col grow"> <div class="mt-2 mb-1 items-center justify-center text-primary font-semibold text-center "> <a class="product-item-link inline-block text-lg" href="https://dinhoj.se/bromsljuskontakt-fram-m10x1-25-cpi-sm-sx-ksr-generic-tr-sm-x-trigger-sm-x-50-mfl-16-3186" > Bromsljuskontakt fram M10x1,25-, CPI SM, SX. KSR Generic TR-, SM, X, Trigger-, SM, X 50, mfl </a> </div> <div class="py-1 mx-auto "> <div class="product-reviews-summary short mg-lipscore-rating-wrapper"> <div class="rating-summary"> <div id="lipscore-rating" data-ls-product-name="Bromsljuskontakt fram M10x1,25-, CPI SM, SX. KSR Generic TR-, SM, X, Trigger-, SM, X 50, mfl" data-ls-brand="" data-ls-sku="16-3186" data-ls-product-id="" data-ls-image-url="https://dinhoj.se/media/catalog/product/cache/2621ec0a0df54d0c66bd68f255a5f924/t/-/t-fram-m10x1-25-cpi-sm-sx-mfl-d06-27870-10-00-1625730156_1.jpg" data-ls-price="119" data-ls-price-currency="SEK" data-ls-category="Bromscylinder/Bromshandtag" data-ls-description="Mått: M10x1.25" data-ls-availability="1" data-ls-gtin="16-3186"> </div> </div> </div> </div> <div class="pt-1 text-gray-900" x-data="initPriceBox__673f37f80fc5e()" @update-prices-69502.window="updatePrice($event.detail);" > <div class="price-box price-final_price" data-role="priceBox" data-product-id="69502" data-price-box="product-id-69502"> <span x-data x-id="['product\u002Dprice\u002D69502']" class="price-container price-final_price tax weee" > <span :id="$id('product\u002Dprice\u002D69502')" data-price-amount="119" data-price-type="finalPrice" class="price-wrapper " ><span class="price">119,00 kr</span></span> </span> </div><div class="ampreorder-category" style="display: none">Förväntad leveranstid:</div> </div> <div class="mt-auto pt-3 flex flex-wrap justify-center items-center"> <button class="w-auto btn btn-primary justify-center text-sm mr-auto" aria-label="Lägg i varukorg Bromsljuskontakt fram M10x1,25-, CPI SM, SX. KSR Generic TR-, SM, X, Trigger-, SM, X 50, mfl"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="h-6 w-6 border-current inline" width="25" height="25" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/> </svg> <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline"> Lägg i varukorg </span> </button> <button x-data="initCompareOnProductList()" @click.prevent="addToCompare(69502)" aria-label="Lägg till jämförelse Bromsljuskontakt fram M10x1,25-, CPI SM, SX. KSR Generic TR-, SM, X, Trigger-, SM, X 50, mfl" type="button" class="rounded-full w-9 h-9 bg-gray-200 p-0 border-0 inline-flex shrink-0 items-center justify-center text-gray-500 hover:text-yellow-500 ml-2"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-5 h-5" width="25" height="25" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M3 6l3 1m0 0l-3 9a5.002 5.002 0 006.001 0M6 7l3 9M6 7l6-2m6 2l3-1m-3 1l-3 9a5.002 5.002 0 006.001 0M18 7l3 9m-3-9l-6-2m0-2v2m0 16V5m0 16H9m3 0h3"/> </svg> </button> </div> </div> </form> <template class="am-preorder-69502"></template> </div> <div class="swiper-slide flex shrink-0 w-full mr-1 p-1" role="group" aria-label="10 / 10 - 673f42ec78b87"> <form method="post" action="https://dinhoj.se/checkout/cart/add/uenc/%25uenc%25/product/70564/" aria-label="Product Card Form for Bromsljuskontakt fram bak M10-1,25 _673f395729867" class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full h-full " > <input name="form_key" type="hidden" value="v8Mv3zxvoD2xsaMa" /> <input type="hidden" name="product" value="70564"/> <a href="https://dinhoj.se/bromsljuskontakt-fram-bak-m10-1-25-16-5115" class="product photo product-item-photo block mx-auto mb-3 "> <img class="object-contain m-auto transition-all " x-data="" @update-gallery-70564-start.window="$root.classList.add('blur-sm')" @update-gallery-70564.window="$root.src = $event.detail" @update-gallery-70564-end.window="$root.classList.remove('blur-sm')" src="https://dinhoj.se/media/catalog/product/cache/2c0f6acc657179373b6280f5a27ff4bd/4/2/42114624_1.jpg" loading="lazy" width="240" height="300" alt="Bromsljuskontakt fram bak M10-1,25" title="Bromsljuskontakt fram bak M10-1,25" /> </a> <div class="product-info flex flex-col grow"> <div class="mt-2 mb-1 items-center justify-center text-primary font-semibold text-center "> <a class="product-item-link inline-block text-lg" href="https://dinhoj.se/bromsljuskontakt-fram-bak-m10-1-25-16-5115" > Bromsljuskontakt fram bak M10-1,25 </a> </div> <div class="py-1 mx-auto "> <div class="product-reviews-summary short mg-lipscore-rating-wrapper"> <div class="rating-summary"> <div id="lipscore-rating" data-ls-product-name="Bromsljuskontakt fram bak M10-1,25" data-ls-brand="" data-ls-sku="16-5115" data-ls-product-id="" data-ls-image-url="https://dinhoj.se/media/catalog/product/cache/2621ec0a0df54d0c66bd68f255a5f924/4/2/42114624_1.jpg" data-ls-price="160" data-ls-price-currency="SEK" data-ls-category="Bromscylinder/Bromshandtag" data-ls-description="Mått: M10-1,25, kabellängd: 280 mm" data-ls-availability="1" data-ls-gtin="16-5115"> </div> </div> </div> </div> <div class="pt-1 text-gray-900" x-data="initPriceBox__673f395729867()" @update-prices-70564.window="updatePrice($event.detail);" > <div class="price-box price-final_price" data-role="priceBox" data-product-id="70564" data-price-box="product-id-70564"> <span x-data x-id="['product\u002Dprice\u002D70564']" class="price-container price-final_price tax weee" > <span :id="$id('product\u002Dprice\u002D70564')" data-price-amount="160" data-price-type="finalPrice" class="price-wrapper " ><span class="price">160,00 kr</span></span> </span> </div><div class="ampreorder-category" style="display: none">Förväntad leveranstid:</div> </div> <div class="mt-auto pt-3 flex flex-wrap justify-center items-center"> <button class="w-auto btn btn-primary justify-center text-sm mr-auto" aria-label="Lägg i varukorg Bromsljuskontakt fram bak M10-1,25"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="h-6 w-6 border-current inline" width="25" height="25" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/> </svg> <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline"> Lägg i varukorg </span> </button> <button x-data="initCompareOnProductList()" @click.prevent="addToCompare(70564)" aria-label="Lägg till jämförelse Bromsljuskontakt fram bak M10-1,25" type="button" class="rounded-full w-9 h-9 bg-gray-200 p-0 border-0 inline-flex shrink-0 items-center justify-center text-gray-500 hover:text-yellow-500 ml-2"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-5 h-5" width="25" height="25" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M3 6l3 1m0 0l-3 9a5.002 5.002 0 006.001 0M6 7l3 9M6 7l6-2m6 2l3-1m-3 1l-3 9a5.002 5.002 0 006.001 0M18 7l3 9m-3-9l-6-2m0-2v2m0 16V5m0 16H9m3 0h3"/> </svg> </button> </div> </div> </form> <template class="am-preorder-70564"></template> </div> </div> <div class="flex w-full md:w-auto justify-center" :class="{ 'hidden': swiperInstance?.params.slidesPerView >= countSlides }"> <button @click="slidePrev()" aria-label="Previous slide" :class="{ 'opacity-25': swiperInstance?.isBeginning }" class="text-black flex-none p-3 hover:amMenu-text-sub-hover"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-5 h-5" width="24" height="24" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"/> </svg> </button> <div class="am-swiper-pagination-673f42ec78b87 !top-full leading-8 !relative flex flex-wrap w-11/12 md:!w-auto justify-center" :style="{ '--swiper-pagination-bullet-inactive-color': 'transparent', '--swiper-pagination-bullet-width': 'auto', '--swiper-pagination-bullet-height': 'auto', '--swiper-pagination-color': 'transparent', '--swiper-pagination-bullet-horizontal-gap': '0', '--swiper-pagination-bottom': '0' }" ></div> <button @click="slideNext()" type="button" aria-label="Next slide" :class="{ 'opacity-25': swiperInstance?.isEnd }" class="text-black flex-none p-3 hover:amMenu-text-sub-hover"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-5 h-5" width="24" height="24" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/> </svg> </button> </div> </div> </div> <span :id="$id('slider-end')" tabindex="-1"></span> </div> </div> </div> <div class="product-slider upsell-product-slider"> <div> <style> .swiper-pagination-horizontal.am-swiper-pagination-673f42ec931b9.swiper-pagination-bullets .swiper-pagination-bullet { margin: var(--swiper-pagination-bullet-horizontal-gap, 4px); } </style> <div class="widget w-full my-6 text-gray-700 body-font md:my-8 xl:my-12 " x-data="initSwiper_673f42ec931b9()" x-init="init()" role="group" aria-roledescription="Carousel" aria-label="Carousel Vi hittade andra produkter du kanske gillar! 673f42ec931b9" > <template x-if="isLoading"> <div class="flex flex-row space-x-4"> <div class="flex flex-col product-placeholder animate-pulse p-6 bg-white transition-all rounded-md duration-500 ease-in-out h-[350px] w-full md:w-1/4 [&:nth-child(n+2)]:max-md:hidden" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95"> <div class="flex flex-col flex-1 p-2 items-center justify-center"> <div class="bg-gray-300 rounded-b w-full h-3 mb-2"></div> <div class="bg-gray-300 rounded-t w-32 h-36 rounded-sm"></div> </div> <div class="flex flex-col mt-4"> <div class="bg-gray-300 rounded w-full h-6"></div> <div class="bg-gray-300 rounded w-full h-6 mt-2"></div> <div class="bg-gray-300 rounded w-20 mx-auto h-10 mt-4"></div> </div> </div> <div class="flex flex-col product-placeholder animate-pulse p-6 bg-white transition-all rounded-md duration-500 ease-in-out h-[350px] w-full md:w-1/4 [&:nth-child(n+2)]:max-md:hidden" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95"> <div class="flex flex-col flex-1 p-2 items-center justify-center"> <div class="bg-gray-300 rounded-b w-full h-3 mb-2"></div> <div class="bg-gray-300 rounded-t w-32 h-36 rounded-sm"></div> </div> <div class="flex flex-col mt-4"> <div class="bg-gray-300 rounded w-full h-6"></div> <div class="bg-gray-300 rounded w-full h-6 mt-2"></div> <div class="bg-gray-300 rounded w-20 mx-auto h-10 mt-4"></div> </div> </div> <div class="flex flex-col product-placeholder animate-pulse p-6 bg-white transition-all rounded-md duration-500 ease-in-out h-[350px] w-full md:w-1/4 [&:nth-child(n+2)]:max-md:hidden" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95"> <div class="flex flex-col flex-1 p-2 items-center justify-center"> <div class="bg-gray-300 rounded-b w-full h-3 mb-2"></div> <div class="bg-gray-300 rounded-t w-32 h-36 rounded-sm"></div> </div> <div class="flex flex-col mt-4"> <div class="bg-gray-300 rounded w-full h-6"></div> <div class="bg-gray-300 rounded w-full h-6 mt-2"></div> <div class="bg-gray-300 rounded w-20 mx-auto h-10 mt-4"></div> </div> </div> <div class="flex flex-col product-placeholder animate-pulse p-6 bg-white transition-all rounded-md duration-500 ease-in-out h-[350px] w-full md:w-1/4 [&:nth-child(n+2)]:max-md:hidden" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95"> <div class="flex flex-col flex-1 p-2 items-center justify-center"> <div class="bg-gray-300 rounded-b w-full h-3 mb-2"></div> <div class="bg-gray-300 rounded-t w-32 h-36 rounded-sm"></div> </div> <div class="flex flex-col mt-4"> <div class="bg-gray-300 rounded w-full h-6"></div> <div class="bg-gray-300 rounded w-full h-6 mt-2"></div> <div class="bg-gray-300 rounded w-20 mx-auto h-10 mt-4"></div> </div> </div> </div> </template> <div class="relative overflow-hidden" x-show="!isLoading"> <div class="container flex flex-col items-center pt-6 pb-3 mx-auto mb-6 border-b-2 border-gray-300 md:flex-row"> <h2 class="text-2xl font-medium text-gray-900 title-font"> Vi hittade andra produkter du kanske gillar! </h2> </div> <div class="swiper-container swiper w-full mx-auto overflow-hidden" x-ref="swiperContainer673f42ec931b9"> <div class="swiper-wrapper"> <div class="swiper-slide flex shrink-0 w-full mr-1 p-1" role="group" aria-label="1 / 2 - 673f42ec931b9"> <form method="post" action="https://dinhoj.se/checkout/cart/add/uenc/%25uenc%25/product/70564/" aria-label="Product Card Form for Bromsljuskontakt fram bak M10-1,25 _673f395729867" class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full h-full " > <input name="form_key" type="hidden" value="v8Mv3zxvoD2xsaMa" /> <input type="hidden" name="product" value="70564"/> <a href="https://dinhoj.se/bromsljuskontakt-fram-bak-m10-1-25-16-5115" class="product photo product-item-photo block mx-auto mb-3 "> <img class="object-contain m-auto transition-all " x-data="" @update-gallery-70564-start.window="$root.classList.add('blur-sm')" @update-gallery-70564.window="$root.src = $event.detail" @update-gallery-70564-end.window="$root.classList.remove('blur-sm')" src="https://dinhoj.se/media/catalog/product/cache/2c0f6acc657179373b6280f5a27ff4bd/4/2/42114624_1.jpg" loading="lazy" width="240" height="300" alt="Bromsljuskontakt fram bak M10-1,25" title="Bromsljuskontakt fram bak M10-1,25" /> </a> <div class="product-info flex flex-col grow"> <div class="mt-2 mb-1 items-center justify-center text-primary font-semibold text-center "> <a class="product-item-link inline-block text-lg" href="https://dinhoj.se/bromsljuskontakt-fram-bak-m10-1-25-16-5115" > Bromsljuskontakt fram bak M10-1,25 </a> </div> <div class="py-1 mx-auto "> <div class="product-reviews-summary short mg-lipscore-rating-wrapper"> <div class="rating-summary"> <div id="lipscore-rating" data-ls-product-name="Bromsljuskontakt fram bak M10-1,25" data-ls-brand="" data-ls-sku="16-5115" data-ls-product-id="" data-ls-image-url="https://dinhoj.se/media/catalog/product/cache/2621ec0a0df54d0c66bd68f255a5f924/4/2/42114624_1.jpg" data-ls-price="160" data-ls-price-currency="SEK" data-ls-category="Bromscylinder/Bromshandtag" data-ls-description="Mått: M10-1,25, kabellängd: 280 mm" data-ls-availability="1" data-ls-gtin="16-5115"> </div> </div> </div> </div> <div class="pt-1 text-gray-900" x-data="initPriceBox__673f395729867()" @update-prices-70564.window="updatePrice($event.detail);" > <div class="price-box price-final_price" data-role="priceBox" data-product-id="70564" data-price-box="product-id-70564"> <span x-data x-id="['product\u002Dprice\u002D70564']" class="price-container price-final_price tax weee" > <span :id="$id('product\u002Dprice\u002D70564')" data-price-amount="160" data-price-type="finalPrice" class="price-wrapper " ><span class="price">160,00 kr</span></span> </span> </div><div class="ampreorder-category" style="display: none">Förväntad leveranstid:</div> </div> <div class="mt-auto pt-3 flex flex-wrap justify-center items-center"> <button class="w-auto btn btn-primary justify-center text-sm mr-auto" aria-label="Lägg i varukorg Bromsljuskontakt fram bak M10-1,25"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="h-6 w-6 border-current inline" width="25" height="25" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/> </svg> <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline"> Lägg i varukorg </span> </button> <button x-data="initCompareOnProductList()" @click.prevent="addToCompare(70564)" aria-label="Lägg till jämförelse Bromsljuskontakt fram bak M10-1,25" type="button" class="rounded-full w-9 h-9 bg-gray-200 p-0 border-0 inline-flex shrink-0 items-center justify-center text-gray-500 hover:text-yellow-500 ml-2"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-5 h-5" width="25" height="25" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M3 6l3 1m0 0l-3 9a5.002 5.002 0 006.001 0M6 7l3 9M6 7l6-2m6 2l3-1m-3 1l-3 9a5.002 5.002 0 006.001 0M18 7l3 9m-3-9l-6-2m0-2v2m0 16V5m0 16H9m3 0h3"/> </svg> </button> </div> </div> </form> <template class="am-preorder-70564"></template> </div> <div class="swiper-slide flex shrink-0 w-full mr-1 p-1" role="group" aria-label="2 / 2 - 673f42ec931b9"> <form method="post" action="https://dinhoj.se/checkout/cart/add/uenc/%25uenc%25/product/72600/" aria-label="Product Card Form for Huvudbromscylinder bak-, växlade mopeder, ATV, mfl _673f39573e69f" class="item product product-item product_addtocart_form card card-interactive flex flex-col w-full h-full " > <input name="form_key" type="hidden" value="v8Mv3zxvoD2xsaMa" /> <input type="hidden" name="product" value="72600"/> <a href="https://dinhoj.se/huvudbromscylinder-bak-vaxlade-mopeder-atv-mfl-16-6975" class="product photo product-item-photo block mx-auto mb-3 "> <img class="object-contain m-auto transition-all " x-data="" @update-gallery-72600-start.window="$root.classList.add('blur-sm')" @update-gallery-72600.window="$root.src = $event.detail" @update-gallery-72600-end.window="$root.classList.remove('blur-sm')" src="https://dinhoj.se/media/catalog/product/cache/2c0f6acc657179373b6280f5a27ff4bd/u/v/uvudbromscylinder-bak-vaxlade-mopeder-atv-mfl-1231214229_1.jpg" loading="lazy" width="240" height="300" alt="Huvudbromscylinder bak-, växlade mopeder, ATV, mfl" title="Huvudbromscylinder bak-, växlade mopeder, ATV, mfl" /> </a> <div class="product-info flex flex-col grow"> <div class="mt-2 mb-1 items-center justify-center text-primary font-semibold text-center "> <a class="product-item-link inline-block text-lg" href="https://dinhoj.se/huvudbromscylinder-bak-vaxlade-mopeder-atv-mfl-16-6975" > Huvudbromscylinder bak-, växlade mopeder, ATV, mfl </a> </div> <div class="py-1 mx-auto "> <div class="product-reviews-summary short mg-lipscore-rating-wrapper"> <div class="rating-summary"> <div id="lipscore-rating" data-ls-product-name="Huvudbromscylinder bak-, växlade mopeder, ATV, mfl" data-ls-brand="" data-ls-sku="16-6975" data-ls-product-id="" data-ls-image-url="https://dinhoj.se/media/catalog/product/cache/2621ec0a0df54d0c66bd68f255a5f924/u/v/uvudbromscylinder-bak-vaxlade-mopeder-atv-mfl-1231214229_1.jpg" data-ls-price="299" data-ls-price-currency="SEK" data-ls-category="Bromscylinder/Bromshandtag" data-ls-description="Mått: se bild, bromskolv Ø19 mm" data-ls-availability="1" data-ls-gtin="16-6975"> </div> </div> </div> </div> <div class="pt-1 text-gray-900" x-data="initPriceBox__673f39573e69f()" @update-prices-72600.window="updatePrice($event.detail);" > <div class="price-box price-final_price" data-role="priceBox" data-product-id="72600" data-price-box="product-id-72600"> <span x-data x-id="['product\u002Dprice\u002D72600']" class="price-container price-final_price tax weee" > <span :id="$id('product\u002Dprice\u002D72600')" data-price-amount="299" data-price-type="finalPrice" class="price-wrapper " ><span class="price">299,00 kr</span></span> </span> </div><div class="ampreorder-category" style="display: none">Förväntad leveranstid:</div> </div> <div class="mt-auto pt-3 flex flex-wrap justify-center items-center"> <button class="w-auto btn btn-primary justify-center text-sm mr-auto" aria-label="Lägg i varukorg Huvudbromscylinder bak-, växlade mopeder, ATV, mfl"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="h-6 w-6 border-current inline" width="25" height="25" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/> </svg> <span class="ml-2 inline md:ml-0 md:hidden lg:ml-2 lg:inline"> Lägg i varukorg </span> </button> <button x-data="initCompareOnProductList()" @click.prevent="addToCompare(72600)" aria-label="Lägg till jämförelse Huvudbromscylinder bak-, växlade mopeder, ATV, mfl" type="button" class="rounded-full w-9 h-9 bg-gray-200 p-0 border-0 inline-flex shrink-0 items-center justify-center text-gray-500 hover:text-yellow-500 ml-2"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-5 h-5" width="25" height="25" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M3 6l3 1m0 0l-3 9a5.002 5.002 0 006.001 0M6 7l3 9M6 7l6-2m6 2l3-1m-3 1l-3 9a5.002 5.002 0 006.001 0M18 7l3 9m-3-9l-6-2m0-2v2m0 16V5m0 16H9m3 0h3"/> </svg> </button> </div> </div> </form> <template class="am-preorder-72600"></template> </div> </div> <div class="flex w-full md:w-auto justify-center" :class="{ 'hidden': swiperInstance?.params.slidesPerView >= countSlides }"> <button @click="slidePrev()" aria-label="Previous slide" :class="{ 'opacity-25': swiperInstance?.isBeginning }" class="text-black flex-none p-3 hover:amMenu-text-sub-hover"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-5 h-5" width="24" height="24" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"/> </svg> </button> <div class="am-swiper-pagination-673f42ec931b9 !top-full leading-8 !relative flex flex-wrap w-11/12 md:!w-auto justify-center" :style="{ '--swiper-pagination-bullet-inactive-color': 'transparent', '--swiper-pagination-bullet-width': 'auto', '--swiper-pagination-bullet-height': 'auto', '--swiper-pagination-color': 'transparent', '--swiper-pagination-bullet-horizontal-gap': '0', '--swiper-pagination-bottom': '0' }" ></div> <button @click="slideNext()" type="button" aria-label="Next slide" :class="{ 'opacity-25': swiperInstance?.isEnd }" class="text-black flex-none p-3 hover:amMenu-text-sub-hover"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-5 h-5" width="24" height="24" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/> </svg> </button> </div> </div> </div> <span :id="$id('slider-end')" tabindex="-1"></span> </div> </div> </div> </div> <section class="my-12 text-gray-700 body-font" x-data="initRecentlyViewedProductsComponent_673f42ec97ba5({isSlider: true})" x-defer="intersect" x-init="getProducts();" :style="minHeight()" @resize.window.debounce="calcPageSize(); $nextTick( function() { calcActive() })" > <template x-if="products && products.length"> <div class="relative"> <div class="container flex flex-col items-center pt-6 pb-3 mx-auto mb-6 border-b-2 border-gray-300 md:flex-row"> <h3 class="text-2xl font-medium text-gray-900 title-font"> Nyligen visade produkter </h3> </div> <div class="relative w-full overflow-x-hidden"> <div class="relative flex flex-nowrap w-full overflow-auto js_slides snap" @scroll.debounce="calcActive" > <template x-for="product in products"> <div class="flex-none w-full py-1 js_slide md:w-1/2 lg:w-1/3 xl:w-1/4"> <div class="mx-1 card card-interactive"> <a :href="'https\u003A\u002F\u002Fdinhoj.se\u002F' + product.url_key + (product.url_suffix || '')" class="relative flex items-center bg-white product photo product-item-photo" style="padding-top:100%" tabindex="-1"> <span class="absolute top-0 left-0 flex flex-wrap content-center w-full h-full p-2 overflow-hidden align-center hover:shadow-sm"> <img class="self-center w-full h-auto" :src="product.small_image.url" :alt="product.small_image.label" loading="lazy" width="500" height="500" /> </span> </a> <p class="flex items-center justify-center px-1 pt-3 text-primary"> <a class="truncate product-item-link" :href="'https\u003A\u002F\u002Fdinhoj.se\u002F' + product.url_key + (product.url_suffix || '')" > <span x-html="product.name"></span> </a> </p> <div class="price-container flex flex-col justify-center items-center"> <div class="final-price"> <span class="price-wrapper title-font font-medium text-2xl text-gray-900"> <span class="price" x-html="hyva.formatPrice(product.price_range.minimum_price.final_price.value)"></span> </span> </div> </div> <p class="flex flex-wrap gap-2 inline p-3"> <a class="justify-center w-auto mr-auto btn btn-primary" :href="'https\u003A\u002F\u002Fdinhoj.se\u002F' + product.url_key + (product.url_suffix || '')"> <span class="inline">Visa produkt</span> </a> <span class="inline-flex gap-2"> <button @click.prevent="addToCompare(product.id)" aria-label="Lägg till jämförelse" class="rounded-full w-10 h-10 bg-gray-200 p-0 border-0 inline-flex items-center justify-center text-gray-500 hover:text-yellow-500" data-addto="compare" > <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-5 h-5" width="24" height="24" role="img"> <path stroke-linecap="round" stroke-linejoin="round" d="M3 6l3 1m0 0l-3 9a5.002 5.002 0 006.001 0M6 7l3 9M6 7l6-2m6 2l3-1m-3 1l-3 9a5.002 5.002 0 006.001 0M18 7l3 9m-3-9l-6-2m0-2v2m0 16V5m0 16H9m3 0h3"/> <title>scale</title></svg> </button> </span> </p> </div> </div> </template> <div :class="{ 'js_dummy_slide w-full md:w-1/2 lg:w-1/3 xl:w-1/4 flex-none py-1' : pageFillers > 0 }"></div> <div :class="{ 'js_dummy_slide w-full md:w-1/2 lg:w-1/3 xl:w-1/4 flex-none py-1' : pageFillers > 1 }"></div> <div :class="{ 'js_dummy_slide w-full md:w-1/2 lg:w-1/3 xl:w-1/4 flex-none py-1' : pageFillers > 2 }"></div> </div> </div> <template x-if="products.length && products.length > pageSize"> <div class="flex items-center justify-center flex-1 p-4" x-cloak> <button aria-label="Föregående" class="w-8 h-8 mx-4 text-black rounded-full outline-none focus:outline-none" :class="{ 'invisible' : active === 0 }" @click="getSlider().scrollLeft = (getSlider().scrollWidth / (products.length + pageFillers)) * (active - pageSize); active -= pageSize;"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-5 h-5" width="25" height="25" role="img"> <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"/> <title>chevron-left</title></svg> </button> <template x-for="(product, index) in products" :key="index"> <span class="shrink-0 block w-3 h-3 mx-1 bg-black bg-opacity-25 rounded-full shadow cursor-pointer" :class="{ 'bg-opacity-100': active === index, 'bg-opacity-25': active !== index, 'hidden': (pageSize !== 1 && !!(index % pageSize)) }" @click="getSlider().scrollLeft = (getSlider().scrollWidth / (products.length + pageFillers)) * index; active = index;"> </span> </template> <button aria-label="Nästa" class="w-8 h-8 mx-4 text-black rounded-full outline-none focus:outline-none" :class="{ 'invisible' : active >= products.length-pageSize }" @click="getSlider().scrollLeft = (getSlider().scrollWidth / (products.length + pageFillers)) * (active + pageSize); active += pageSize"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-5 h-5" width="25" height="25" role="img"> <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/> <title>chevron-right</title></svg> </button> </div> </template> </div> </template> </section> </div></div></main><footer class="page-footer"><div class="footer content"> <div class="bg-container-darker mt-8 text-white border-t border-solid"> <div class="bg-primary relative"> <div class="hidden lg:block skewed-bg-footer"></div> <div class="main-container"> <div class="pb-7 md:flex md:items-center md:gap-4"> <div class="md:basis-1/2 pt-7"> <h3 class="font-bold text-2xl mb-2.5">Skriv upp dig på vårt nyhetsbrev</h3> <p class="text-sm">Få de senaste erbjudanden & nyheterna rakt ner i din mailkorg</p> </div> <div class="md:basis-1/2 pt-7"> <form class="lg:flex lg:items-center lg:gap-4" action="https://dinhoj.se/newsletter/subscriber/new/" method="post" id="newsletter-validate-detail"> <div class="w-full lg:basis-2/3"> <label class="label hidden" for="footer_newsletter">Sign Up for Our Newsletter:</label> <input class=" form-input px-6 rounded-full h-12 bg-transparent w-full placeholder:text-white/50 placeholder:text-sm border-white/50" name="email" type="email" id="footer_newsletter" required placeholder="E-postadress"/> </div> <button class="action subscribe btn-primary mt-4 lg:mt-0 w-full h-12 font-bold rounded-full lg:basis-1/3" title="Prenumerera" type="submit"> Prenumerera </button> </form> </div> </div><span id="widget93"></span> </div> </div> <div class="main-container"> <div class="flex flex-col md:flex-row py-8 md:py-8 leading-relaxed border-b-2 border-container-darker/25 border-solid"> <div class="basis-1/3 lg:basis-1/4 mb-6 md:mb-0"> <style>.cmsb95-mb-1 { margin-bottom: 0.25rem } .cmsb95-text-2xl { font-size: 1.5rem; line-height: 2rem } .cmsb95-font-bold { font-weight: 700 } .cmsb95-uppercase { text-transform: uppercase }</style> <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><h3 class="cmsb95-font-bold cmsb95-uppercase cmsb95-mb-1">Kontakta oss</h3> <p class="text-primary-lighter cmsb95-text-2xl cmsb95-font-bold"><a title="Gå til kundservice Dinhoj" href="/kundservice">Till Kundservice</a></p></div><span id="widget95"></span> </div> <div class="basis-1/3 lg:basis-1/4 mb-6 md:mb-0 md:pl-4 md:pl-8 lg:pl-16"> <div class="text-sm mb-6"> <h3 class="text-base font-bold uppercase mb-2">Dinhoj.se</h3> <p class="mb-3 text-primary-lighter">Det självklara valet när du söker efter reservdelar till din moped. Ny som gammal, med över 30 000 artiklar i lager har vi reservdelen till din moped oavsett ålder och fabrikat. </p> <p class="text-primary-lighter">Dinhoj.se gör meckandet enkelt, billigt & roligt igen</p> </div> <div class="text-sm"> <h3 class="text-base font-bold uppercase mb-2">Kundtjänst</h3> <p class="mb-3 text-primary-lighter">Mån - Fre 10.00 - 15.00</p> <p class="text-primary-lighter">Glöm inte att skicka med ert ordernummer om ni kontaktar oss</p> </div><span id="widget96"></span> </div> <div class="basis-1/3 lg:basis-1/4 md:mb-0 md:pl-4 md:ml-auto md:pl-8 lg:pl-16"> <h3 class="font-semibold text-lg mb-2 uppercase">Kundservice</h3> <ul class="text-sm leading-6 text-primary-lighter"> <li><a class="link-lighter" href="/tekniskt-lexikon">Tekniskt lexikon</a></li> <li><a class="link-lighter" href="/customer/account/login/">Orderhistorik</a></li> <li><a class="link-lighter" href="/customer/account/login/">Ditt konto</a></li> <li><a class="link-lighter" href="/kopvillkor/">Köpvillkor</a></li> </ul><span id="widget94"></span> </div> </div> <div class="flex justify-center py-6 md:py-8 border-b border-container-darker/25 border-solid text-center"> <!-- Placement v2 --> <klarna-placement data-key="footer-promotion-auto-size" data-locale="sv-SE" ></klarna-placement> <!-- end Placement --> </div> <div class="flex flex-col md:flex-row justify-center py-3 text-center text-sm leading-6"> <div class="md:basis-1/3 text-primary-lighter">© Dinhoj.se 2024</div> </div> </div> </div> </div></footer> <dialog class="w-[640px] bg-white text-slate-800 p-0 shadow-xl backdrop:bg-black/75 backdrop:backdrop-blur-sm" x-data="initAjaxCartModal" x-show="open" x-transition.duration.500ms @keydown.window.escape="closeDialog()" @click="!onDialogBackdropClickHelper(event) && closeDialog()" @open-ajax-cart.window="setNewCartData(event)" > <template x-if="open && cartItem"> <div> <div class="flex gap-6 justify-between items-center p-6"> <span class="text-xl font-bold"> Produkten lades till i din kundvagn. </span> <button title="Close fullscreen" aria-label="Close fullscreen" @click="closeDialog()" class="text-slate-300 hover:text-slate-500 focus:text-slate-500" > <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="32" height="32" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/> </svg> </button> </div> <div class="flex gap-3 sm:gap-x-6 items-start p-6"> <div class="shrink-0 max-w-[theme(spacing.20)] sm:max-w-[theme(spacing.32)]"> <img loading="lazy" :src="cartItem.product_image.src" :width="cartItem.product_image.width" :height="cartItem.product_image.height" :alt="hyva.str('Product\u0020\u0022\u00251\u0022', cartItem.product_name)" > </div> <div class="grow flex gap-2 flex-col sm:flex-row"> <div class="grow"> <p class="text-lg"> <strong class="font-bold" x-html="cartItem.product_name"></strong> </p> <template x-if="(cartItem.options && cartItem.options.length > 0) || showSku"> <dl class="table mt-2 text-sm"> <template x-if="cartItem.product_sku && showSku"> <div class="table-row"> <dt class="table-cell pb-1.5 pr-2 min-w-[theme(spacing.12)] sm:min-w-[theme(spacing.24)] font-normal text-slate-500 uppercase"> Artikelnummer </dt> <dd class="table-cell pb-1.5 font-bold" x-html="cartItem.product_sku"></dd> </div> </template> <template x-for="option in cartItem.options"> <div class="table-row"> <dt class="table-cell pb-1.5 pr-2 min-w-[theme(spacing.12)] sm:min-w-[theme(spacing.24)] font-normal text-slate-500" x-text="option.label"></dt> <dd class="table-cell pb-1.5 font-bold" x-html="option.value"></dd> </div> </template> </dl> </template> </div> <div class="leading-7 shrink-0 [&_.price]:font-normal" x-html="cartItem.product_price"></div> </div> </div> <div class="flex gap-2 justify-between items-end p-6 text-slate-600 font-bold"> <span> <span>Totalt</span> <span x-text="getItemCountText()"></span> </span> <span x-html="cart.subtotal"></span> </div> <div class="flex flex-col sm:flex-row lg:justify-end gap-4 p-6 bg-slate-100"> <button @click="closeDialog()" class="sm:w-1/2 lg:w-auto btn justify-center py-3 px-6 text-base" >Fortsätt handla</button> <a href="https://dinhoj.se/checkout/" @click.prevent.stop="closeDialog(); $dispatch('toggle-authentication', { url: 'https://dinhoj.se/checkout/' });" class="sm:w-1/2 lg:w-auto btn btn-primary justify-center py-3 px-6 text-base" >Kassan</a> </div> </div> </template> </dialog> <!-- View Model Identities: cat_p_69864, cat_p --> <!-- Start Enhanced E-commerce for Google Tag Manager by MagePal --> <!-- End Enhanced E-commerce for Google Tag Manager by MagePal --> </div><div x-data="fpcTracking()" x-init="sendRequest()"></div> <!-- amasty-fpc-status --> <script type="text/javascript" src="https://dinhoj.se/static/version1727464539/_cache/merged/8b879ed63d298fb708129f3b811faedb.js"></script> <script> // Listen for a custom event to initialize external scripts window.addEventListener('init-external-scripts', () => { // Initialize Freshworks Widget window.fwSettings = { 'widget_id': 14000000586 }; !function() { if ("function" != typeof window.FreshworksWidget) { var n = function() { n.q.push(arguments) }; n.q = [], window.FreshworksWidget = n } }(); var fwScript = document.createElement('script'); fwScript.type = 'text/javascript'; fwScript.src = 'https://widget.freshworks.com/widgets/14000000586.js'; fwScript.async = true; fwScript.defer = true; document.body.appendChild(fwScript); }, {once: true, passive: true}); </script> <script> console.log( 'No Meta pixel is configured, please log in as a admin and then visit Stores -> Meta -> Setup -> Get Started' ); </script> <script type="text/javascript"> function initMagepalGtmDatalayer_4f71f1c5e6503faecb6d9e35a59f2399() { 'use strict'; let lastPushedCart = {}; let lastPushedCustomer = {}; function objectKeyExist(object) { const items = Array.isArray(object) ? object : Object.values(object); return items.reduce((acc, v) => (acc || v.customer || v.cart), false); } const isObject = x => x === Object(x); const has = (x, p) => isObject(x) && x.hasOwnProperty(p); const isEqual = (x, y) => JSON.stringify(x) === JSON.stringify(y); //Update datalayer function updateDataLayer(_gtmDataLayer, _dataObject, _forceUpdate) { let customer = {isLoggedIn : false}, cart = {hasItems: false}; if (_gtmDataLayer !== undefined && (!objectKeyExist(_gtmDataLayer) || _forceUpdate)) { if (isObject(_dataObject) && has(_dataObject, 'customer')) { customer = _dataObject.customer; } if (isObject(_dataObject) && has(_dataObject, 'cart')) { cart = _dataObject.cart; } if (!isEqual(lastPushedCart, cart) || !isEqual(lastPushedCustomer, customer)) { window.dispatchEvent(new CustomEvent('mpCustomerSession', {detail: [customer, cart, _gtmDataLayer]})); _gtmDataLayer.push({'event': 'mpCustomerSession', 'customer': customer, 'cart': cart}); lastPushedCustomer = customer; lastPushedCart = cart; } } } function isTrackingAllowed(config) { let allowServices = false, allowedCookies, allowedWebsites; if (!config.isGdprEnabled || (!config.isGdprEnabled && !config.addJsInHeader)) { allowServices = true; } else if (config.isCookieRestrictionModeEnabled && config.gdprOption === 1) { allowedCookies = hyva.getCookie(config.cookieName); if (allowedCookies !== null) { allowedWebsites = JSON.parse(allowedCookies); if (allowedWebsites[config.currentWebsite] === 1) { allowServices = true; } } } else if (config.gdprOption === 2) { allowServices = hyva.getCookie(config.cookieName) !== null; } else if (config.gdprOption === 3) { allowServices = hyva.getCookie(config.cookieName) === null; } return allowServices; } //load gtm function initTracking(dataLayerName, accountId, containerCode) { window.dispatchEvent(new CustomEvent('gtm:beforeInitialize')); (function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != dataLayerName ? '&l=' + l : ''; j.async = true; j.src = '//www.googletagmanager.com/gtm.js?id=' + i + dl + containerCode; f.parentNode.insertBefore(j, f); })(window, document, 'script', dataLayerName, accountId); window.dispatchEvent(new CustomEvent('gtm:afterInitialize')); } function pushData(dataLayerName, dataLayer) { if (Array.isArray(dataLayer)) { dataLayer.forEach(function (data) { window[dataLayerName].push(data); }); } } const config = { dataLayer: "dataLayer", gdprOption: 0, isGdprEnabled: 0, isCookieRestrictionModeEnabled: 0, }; config.currentWebsite = 6; config.cookieName = "user_allowed_save_cookie"; config.accountId = "GTM-KV7VCM7"; config.data = [{"ecommerce":{"currencyCode":"SEK"},"pageType":"catalog_product_view","list":"detail"},{"event":"productPage","product":{"id":"69864","sku":"16-1968","parent_sku":"16-1968","product_type":"simple","name":"Bromsljuskontakt fram-, Aprilia, Derbi, Rieju, Peugeot, Motorhispania, Yamaha, mfl.","price":55.2,"attribute_set_id":"13","path":"Reservdelar > Bromsljuskontakt fram-, Aprilia, Derbi, Rieju, Peugeot, Motorhispania, Yamaha, mfl.","category":"Reservdelar","image_url":"https:\/\/dinhoj.se\/media\/catalog\/product\/a\/-\/a-derbi-rieju-peugeot-motorhispania-yamaha-mfl-383482605_1.jpg"}}]; config.addJsInHeader = 0; config.containerCode = ""; window[config.dataLayer] = window[config.dataLayer] || []; if (has(config, 'accountId') && isTrackingAllowed(config)) { pushData(config.dataLayer, config.data); initTracking(config.dataLayer, config.accountId, config.containerCode); } window.addEventListener("private-content-loaded", event => { const dataObject = event.detail.data['magepal-gtm-jsdatalayer'] || {}; const gtmDataLayer = window[config.dataLayer]; updateDataLayer(gtmDataLayer, dataObject, true) }); } window.addEventListener('DOMContentLoaded', initMagepalGtmDatalayer_4f71f1c5e6503faecb6d9e35a59f2399); </script> <script> //<![CDATA[ function userConsentEsTraking(config) { return config.cookieRestrictionEnabled == false || hyva.getCookie(config.cookieRestrictionName) !== null; } try { smileTracker.setConfig({ beaconUrl : 'https://dinhoj.se/elasticsuite/tracker/hit/image/h.png', telemetryUrl : 'https://t.elasticsuite.io/track', telemetryEnabled : '', sessionConfig : {"visit_cookie_name":"STUID","visit_cookie_lifetime":"3600","visitor_cookie_lifetime":"365","visitor_cookie_name":"STVID","domain":"dinhoj.se","path":"\/"}, }); smileTracker.addPageVar('store_id', '6'); document.addEventListener('DOMContentLoaded', function () { if (userConsentEsTraking({"cookieRestrictionEnabled":"0","cookieRestrictionName":"user_allowed_save_cookie"})) { smileTracker.sendTag(); } }); } catch (err) { ; } //]]> </script> <script> var BASE_URL = 'https://dinhoj.se/'; var THEME_PATH = 'https://dinhoj.se/static/version1727464539/frontend/Netab/hyva-dinhoj/sv_SE'; var COOKIE_CONFIG = { "expires": null, "path": "\u002F", "domain": ".dinhoj.se", "secure": true, "lifetime": "3600", "cookie_restriction_enabled": false }; var CURRENT_STORE_CODE = 'dinhoj'; var CURRENT_WEBSITE_ID = '6'; window.hyva = window.hyva || {} window.cookie_consent_groups = window.cookie_consent_groups || {} window.cookie_consent_groups['necessary'] = true; window.cookie_consent_config = window.cookie_consent_config || {}; window.cookie_consent_config['necessary'] = [].concat( window.cookie_consent_config['necessary'] || [], [ 'user_allowed_save_cookie', 'form_key', 'mage-messages', 'private_content_version', 'mage-cache-sessid', 'last_visited_store', 'section_data_ids' ] ); </script> <script> 'use strict'; (function( hyva, undefined ) { function lifetimeToExpires(options, defaults) { const lifetime = options.lifetime || defaults.lifetime; if (lifetime) { const date = new Date; date.setTime(date.getTime() + lifetime * 1000); return date; } return null; } function generateRandomString() { const allowedCharacters = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ', length = 16; let formKey = '', charactersLength = allowedCharacters.length; for (let i = 0; i < length; i++) { formKey += allowedCharacters[Math.round(Math.random() * (charactersLength - 1))] } return formKey; } const sessionCookieMarker = {noLifetime: true} const cookieTempStorage = {}; const internalCookie = { get(name) { const v = document.cookie.match('(^|;) ?' + name + '=([^;]*)(;|$)'); return v ? v[2] : null; }, set(name, value, days, skipSetDomain) { let expires, path, domain, secure, samesite; const defaultCookieConfig = { expires: null, path: '/', domain: null, secure: false, lifetime: null, samesite: 'lax' }; const cookieConfig = window.COOKIE_CONFIG || {}; expires = days && days !== sessionCookieMarker ? lifetimeToExpires({lifetime: 24 * 60 * 60 * days, expires: null}, defaultCookieConfig) : lifetimeToExpires(window.COOKIE_CONFIG, defaultCookieConfig) || defaultCookieConfig.expires; path = cookieConfig.path || defaultCookieConfig.path; domain = !skipSetDomain && (cookieConfig.domain || defaultCookieConfig.domain); secure = cookieConfig.secure || defaultCookieConfig.secure; samesite = cookieConfig.samesite || defaultCookieConfig.samesite; document.cookie = name + "=" + encodeURIComponent(value) + (expires && days !== sessionCookieMarker ? '; expires=' + expires.toGMTString() : '') + (path ? '; path=' + path : '') + (domain ? '; domain=' + domain : '') + (secure ? '; secure' : '') + (samesite ? '; samesite=' + samesite : 'lax'); }, isWebsiteAllowedToSaveCookie() { const allowedCookies = this.get('user_allowed_save_cookie'); if (allowedCookies) { const allowedWebsites = JSON.parse(unescape(allowedCookies)); return allowedWebsites[CURRENT_WEBSITE_ID] === 1; } return false; }, getGroupByCookieName(name) { const cookieConsentConfig = window.cookie_consent_config || {}; let group = null; for (let prop in cookieConsentConfig) { if (!cookieConsentConfig.hasOwnProperty(prop)) continue; if (cookieConsentConfig[prop].includes(name)) { group = prop; break; } } return group; }, isCookieAllowed(name) { const cookieGroup = this.getGroupByCookieName(name); return cookieGroup ? window.cookie_consent_groups[cookieGroup] : this.isWebsiteAllowedToSaveCookie(); }, saveTempStorageCookies() { for (const [name, data] of Object.entries(cookieTempStorage)) { if (this.isCookieAllowed(name)) { this.set(name, data['value'], data['days'], data['skipSetDomain']); delete cookieTempStorage[name]; } } } }; hyva.getCookie = (name) => { const cookieConfig = window.COOKIE_CONFIG || {}; if (cookieConfig.cookie_restriction_enabled && ! internalCookie.isCookieAllowed(name)) { return cookieTempStorage[name] ? cookieTempStorage[name]['value'] : null; } return internalCookie.get(name); } hyva.setCookie = (name, value, days, skipSetDomain) => { const cookieConfig = window.COOKIE_CONFIG || {}; if (cookieConfig.cookie_restriction_enabled && ! internalCookie.isCookieAllowed(name)) { cookieTempStorage[name] = {value, days, skipSetDomain}; return; } return internalCookie.set(name, value, days, skipSetDomain); } hyva.setSessionCookie = (name, value, skipSetDomain) => { return hyva.setCookie(name, value, sessionCookieMarker, skipSetDomain) } hyva.getBrowserStorage = () => { const browserStorage = window.localStorage || window.sessionStorage; if (!browserStorage) { console.warn('Browser Storage is unavailable'); return false; } try { browserStorage.setItem('storage_test', '1'); browserStorage.removeItem('storage_test'); } catch (error) { console.warn('Browser Storage is not accessible', error); return false; } return browserStorage; } hyva.postForm = (postParams) => { const form = document.createElement("form"); let data = postParams.data; if (! postParams.skipUenc && ! data.uenc) { data.uenc = btoa(window.location.href); } form.method = "POST"; form.action = postParams.action; Object.keys(postParams.data).map(key => { const field = document.createElement("input"); field.type = 'hidden' field.value = postParams.data[key]; field.name = key; form.appendChild(field); }); const form_key = document.createElement("input"); form_key.type = 'hidden'; form_key.value = hyva.getFormKey(); form_key.name="form_key"; form.appendChild(form_key); document.body.appendChild(form); form.submit(); } hyva.getFormKey = function () { let formKey = hyva.getCookie('form_key'); if (!formKey) { formKey = generateRandomString(); hyva.setCookie('form_key', formKey); } return formKey; } hyva.formatPrice = (value, showSign, options = {}) => { const formatter = new Intl.NumberFormat( 'sv\u002DSE', Object.assign({ style: 'currency', currency: 'SEK', signDisplay: showSign ? 'always' : 'auto' }, options) ); return (typeof Intl.NumberFormat.prototype.formatToParts === 'function') ? formatter.formatToParts(value).map(({type, value}) => { switch (type) { case 'currency': return 'kr' || value; case 'minusSign': return '- '; case 'plusSign': return '+ '; default : return value; } }).reduce((string, part) => string + part) : formatter.format(value); } const formatStr = function (str, nStart) { const args = Array.from(arguments).slice(2); return str.replace(/(%+)([0-9]+)/g, (m, p, n) => { const idx = parseInt(n) - nStart; if (args[idx] === null || args[idx] === void 0) { return m; } return p.length % 2 ? p.slice(0, -1).replace('%%', '%') + args[idx] : p.replace('%%', '%') + n; }) } hyva.str = function (string) { const args = Array.from(arguments); args.splice(1, 0, 1); return formatStr.apply(undefined, args); } hyva.strf = function () { const args = Array.from(arguments); args.splice(1, 0, 0); return formatStr.apply(undefined, args); } /** * Take a html string as `content` parameter and * extract an element from the DOM to replace in * the current page under the same selector, * defined by `targetSelector` */ hyva.replaceDomElement = (targetSelector, content) => { // Parse the content and extract the DOM node using the `targetSelector` const parser = new DOMParser(); const doc = parser.parseFromString(content, 'text/html'); const contentNode = doc.querySelector(targetSelector); // Bail if content can't be found if (!contentNode) { return; } hyva.activateScripts(contentNode) // Replace the old DOM node with the new content document.querySelector(targetSelector).replaceWith(contentNode); // Reload customerSectionData and display cookie-messages if present window.dispatchEvent(new CustomEvent("reload-customer-section-data")); hyva.initMessages(); } hyva.activateScripts = (contentNode) => { // Extract all the script tags from the content. // Script tags won't execute when inserted into a dom-element directly, // therefore we need to inject them to the head of the document. const tmpScripts = contentNode.getElementsByTagName('script'); if (tmpScripts.length > 0) { // Push all script tags into an array // (to prevent dom manipulation while iterating over dom nodes) const scripts = []; for (let i = 0; i < tmpScripts.length; i++) { scripts.push(tmpScripts[i]); } // Iterate over all script tags and duplicate+inject each into the head for (let i = 0; i < scripts.length; i++) { let script = document.createElement('script'); script.innerHTML = scripts[i].innerHTML; document.head.appendChild(script); // Remove the original (non-executing) node from the content scripts[i].parentNode.removeChild(scripts[i]); } } return contentNode; } const replace = {['+']: '-', ['/']: '_', ['=']: ','}; hyva.getUenc = () => btoa(window.location.href).replace(/[+/=]/g, match => replace[match]); let currentTrap; const focusableElements = (rootElement) => { const selector = 'button, [href], input, select, textarea, details, [tabindex]:not([tabindex="-1"]'; return Array.from(rootElement.querySelectorAll(selector)) .filter(el => { return el.style.display !== 'none' && !el.disabled && el.tabIndex !== -1 && (el.offsetWidth || el.offsetHeight || el.getClientRects().length) }) } const focusTrap = (e) => { const isTabPressed = e.key === 'Tab' || e.keyCode === 9; if (!isTabPressed) return; const focusable = focusableElements(currentTrap) const firstFocusableElement = focusable[0] const lastFocusableElement = focusable[focusable.length - 1] e.shiftKey ? document.activeElement === firstFocusableElement && (lastFocusableElement.focus(), e.preventDefault()) : document.activeElement === lastFocusableElement && (firstFocusableElement.focus(), e.preventDefault()) }; hyva.releaseFocus = (rootElement) => { if (currentTrap && (!rootElement || rootElement === currentTrap)) { currentTrap.removeEventListener('keydown', focusTrap) currentTrap = null } } hyva.trapFocus = (rootElement) => { if (!rootElement) return; hyva.releaseFocus() currentTrap = rootElement rootElement.addEventListener('keydown', focusTrap) const firstElement = focusableElements(rootElement)[0] firstElement && firstElement.focus() } hyva.alpineInitialized = (fn) => window.addEventListener('alpine:initialized', fn, {once: true}) window.addEventListener('user-allowed-save-cookie', () => internalCookie.saveTempStorageCookies()) }( window.hyva = window.hyva || {} )); </script> <script> if (!window.IntersectionObserver) { window.IntersectionObserver = function (callback) { this.observe = el => el && callback(this.takeRecords()); this.takeRecords = () => [{isIntersecting: true, intersectionRatio: 1}]; this.disconnect = () => {}; this.unobserve = () => {}; } } </script> <script type="application/ld+json">{"@context":"http:\/\/schema.org","@type":"WebSite","url":"https:\/\/dinhoj.se\/","name":"Dinhoj"}</script> <script type="application/ld+json">{"@context":"http:\/\/schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","item":{"@id":"https:\/\/dinhoj.se\/reservdelar-mopeddelar","name":"Reservdelar"},"position":1},{"@type":"ListItem","item":{"@id":"https:\/\/dinhoj.se\/bromsljuskontakt-fram-aprilia-derbi-rieju-peugeot-motorhispania-yamaha-mfl-16-1968","name":"Bromsljuskontakt fram-, Aprilia, Derbi, Rieju, Peugeot, Motorhispania, Yamaha, mfl."},"position":2}]}</script> <script type="application/ld+json">{"@context":"http:\/\/schema.org","@type":"Product","name":"Bromsljuskontakt fram-, Aprilia, Derbi, Rieju, Peugeot, Motorhispania, Yamaha, mfl.","description":"Bromsljuskontakt Debi Senda DRD se artikelnr: 5613","image":"https:\/\/dinhoj.se\/media\/catalog\/product\/cache\/f6a34b745259da1a5dfe06bd8c8c885b\/a\/-\/a-derbi-rieju-peugeot-motorhispania-yamaha-mfl-383482605_1.jpg","offers":{"@type":"http:\/\/schema.org\/Offer","price":69,"url":"https:\/\/dinhoj.se\/bromsljuskontakt-fram-aprilia-derbi-rieju-peugeot-motorhispania-yamaha-mfl-16-1968","priceCurrency":"SEK","availability":"http:\/\/schema.org\/InStock","shippingDetails":{"deliveryTime":{"businessDays":{"@type":"OpeningHoursSpecification","dayOfWeek":[""]},"@type":"ShippingDeliveryTime"},"@type":"OfferShippingDetails"}},"brand":{"@type":"Brand","name":"Dinhoj"},"manufacturer":"Dinhoj","sku":"16-1968"}</script> <script type="application/ld+json">{"@context":"http:\/\/schema.org\/","@type":"WebPage","speakable":{"@type":"SpeakableSpecification","cssSelector":[".description"],"xpath":["\/html\/head\/title"]}}</script> <script> window.addEventListener('init-external-scripts', () => { if (window._amSwiperLoaded) { return; } // Load Swiper script asynchronously const script = document.createElement('script'); script.src = 'https://dinhoj.se/static/version1727464539/frontend/Netab/hyva-dinhoj/sv_SE/Amasty_MostviewedHyva/js/swiper.min.js'; script.async = true; document.body.appendChild(script); window._amSwiperLoaded = true; script.onload = () => { // Dispatch custom event when Swiper is loaded window.dispatchEvent(new CustomEvent('amSwiperLoaded', {})); } // Load Swiper CSS file const styles = document.createElement('link'); styles.rel = 'stylesheet'; styles.href = 'https://dinhoj.se/static/version1727464539/frontend/Netab/hyva-dinhoj/sv_SE/Amasty_MostviewedHyva/css/swiper.min.css'; document.head.appendChild(styles); }, { once: true, passive: true }); </script> <script async src="https://eu-library.klarnaservices.com/lib.js" data-client-id="e50bbea0-d35d-59ad-92f0-08b59a379a84" ></script> <script> document.body.addEventListener('touchstart', () => {}, {passive: true}) </script> <script> function initHeader () { return { searchOpen: false, cart: {}, isCartOpen: false, getData(data) { if (data.cart) { this.cart = data.cart } }, isCartEmpty() { return !this.cart.summary_count }, toggleCart(event) { if (event.detail && event.detail.isOpen !== undefined) { this.isCartOpen = event.detail.isOpen if (!this.isCartOpen && this.$refs && this.$refs.cartButton) { this.$refs.cartButton.focus() } } else { this.isCartOpen = true } } } } function initCompareHeader() { return { compareProducts: null, itemCount: 0, receiveCompareData(data) { if (data['compare-products']) { this.compareProducts = data['compare-products']; this.itemCount = this.compareProducts.count; } } } } </script> <script> function initMiniSearchComponent() { "use strict"; return { show:false, formSelector: "#search_mini_form", url: "https://dinhoj.se/search/ajax/suggest/", destinationSelector: "#search_autocomplete", templates: {"term":{"title":"Search terms","template":"Hyva_SmileElasticsuite::core\/autocomplete\/term.phtml"},"product":{"title":"Produkter","template":"Hyva_SmileElasticsuite::catalog\/autocomplete\/product.phtml"},"category":{"title":"Kategorier","template":"Hyva_SmileElasticsuite::catalog\/autocomplete\/category.phtml"},"product_attribute":{"title":"Attribut","template":"Hyva_SmileElasticsuite::catalog\/autocomplete\/product_attribute.phtml","titleRenderer":"renderEsAutocompleteTitleAttribute"},"cms_page":{"title":"Cms page","template":"Hyva_SmileElasticsuite::cms-search\/autocomplete\/cms.phtml"}}, priceFormat: {"pattern":"%s\u00a0kr","precision":2,"requiredPrecision":2,"decimalSymbol":",","groupSymbol":"\u00a0","groupLength":3,"integerRequired":false}, minSearchLength: 2, searchResultsByType: {}, currentRequest: null, loader: { container: null, el: null, active: false, searchIcon: null }, /** * Get search results. */ getSearchResults: function () { let value = document.querySelector('#search').value.trim(); if (value.length < parseInt(this.minSearchLength, 10)) { this.searchResultsByType = []; return false; } let url = this.url + '?' + new URLSearchParams({ q: document.querySelector('#search').value, _: Date.now() }).toString(); if (this.currentRequest !== null) { this.currentRequest.abort(); } this.currentRequest = new AbortController(); if (!this.loader.active) { this.addLoader(); } fetch(url, { method: 'GET', signal: this.currentRequest.signal, }).then((response) => { if (response.ok) { return response.json(); } }).then((data) => { this.show = data.length > 0; this.searchResultsByType = data.reduce((acc, result) => { if (! acc[result.type]) acc[result.type] = []; acc[result.type].push(result); return acc; }, {}); this.loader.el.remove(); this.loader.searchIcon.classList.remove('hidden'); this.loader.active = false; }).catch((error) => { ; }); }, /** * Adds loader. */ addLoader() { this.loader.container = document.querySelector('#search-button'); this.loader.searchIcon = document.querySelector('#minisearch-icon'); this.loader.el = document.createElement('div'); this.loader.el.className = 'absolute loader text-secondary-lighter top-1/2 -translate-y-1/2 left-1/2 -translate-x-1/2'; this.loader.el.innerHTML = ` <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" xml:space="preserve" width="42" height="42"> <path fill="#e5e7eb" d="M73 50c0-12.7-10.3-23-23-23S27 37.3 27 50m3.9 0c0-10.5 8.5-19.1 19.1-19.1S69.1 39.5 69.1 50"> <animateTransform attributeName="transform" attributeType="XML" type="rotate" dur="1s" from="0 50 50" to="360 50 50" repeatCount="indefinite"/> </path> </svg> `; this.loader.searchIcon.classList.add('hidden'); this.loader.container.prepend(this.loader.el); this.loader.active = true; } } } </script> <script> function renderEsAutocompleteTitleAttribute(data) { data = data.filter(function(item) { return item.type === 'product_attribute'; }).map(function(item) { return item['attribute_label'] }).reduce(function(prev, item) { if (item in prev) { prev[item]++; } else { prev[item] = 1; } return prev; }, {}); data = Object.entries(data).sort(function(item1, item2) { return item2[1] - item1[1] }).map(function(item) {return item[0]}); if (data.length > 2) { data = data.slice(0, 2); data.push('...'); } return data.join(', '); } </script> <script> function initCartDrawer() { return { open: false, isLoading: false, cart: {}, maxItemsToDisplay: 100, itemsCount: 0, totalCartAmount: 0, getData(data) { if (data.cart) { this.cart = data.cart; this.itemsCount = data.cart.items && data.cart.items.length || 0; this.totalCartAmount = this.cart.summary_count; this.setCartItems(); } this.isLoading = false; }, cartItems: [], getItemCountTitle() { return hyva.strf('\u00250\u0020of\u0020\u00251\u0020products\u0020in\u0020cart\u0020displayed', this.maxItemsToDisplay, this.totalCartAmount) }, setCartItems() { this.cartItems = this.cart.items && this.cart.items.sort((a, b) => b.item_id - a.item_id) || []; if (this.maxItemsToDisplay > 0) { this.cartItems = this.cartItems.slice(0, parseInt(this.maxItemsToDisplay, 10)); } }, deleteItemFromCart(itemId) { this.isLoading = true; const formKey = hyva.getFormKey(); const postUrl = BASE_URL + 'checkout/sidebar/removeItem/'; fetch(postUrl, { "headers": { "content-type": "application/x-www-form-urlencoded; charset=UTF-8", }, "body": "form_key=" + formKey + "&item_id=" + itemId, "method": "POST", "mode": "cors", "credentials": "include" }).then(response => { if (response.redirected) { window.location.href = response.url; } else if (response.ok) { return response.json(); } else { window.dispatchMessages && window.dispatchMessages([{ type: 'warning', text: 'Could\u0020not\u0020remove\u0020item\u0020from\u0020quote.' }]); this.isLoading = false; } }).then(result => { window.dispatchMessages && window.dispatchMessages([{ type: result.success ? 'success' : 'error', text: result.success ? 'Du\u0020tog\u0020bort\u0020varan.' : result.error_message }], result.success ? 5000 : 0) window.dispatchEvent(new CustomEvent('reload-customer-section-data')); }); }, toggleCartDrawer(event) { if (event.detail && event.detail.isOpen !== undefined) { if (event.detail.isOpen) { this.openCartDrawer() } else { this.open = false this.$refs && this.$refs.cartDialogContent && hyva.releaseFocus(this.$refs.cartDialogContent) } } else { this.openCartDrawer() } }, openCartDrawer() { this.open = true; this.$nextTick(() => { this.$refs && this.$refs.cartDialogContent && hyva.trapFocus(this.$refs.cartDialogContent) }) }, closeCartDrawer() { this.$dispatch('toggle-cart', { isOpen: false }) } } } </script> <script> function initAuthentication() { return { open: false, forceAuthentication: false, checkoutUrl: 'https://dinhoj.se/checkout/index/', errors: 0, hasCaptchaToken: 0, displayErrorMessage: false, errorMessages: [], setErrorMessages: function setErrorMessages(messages) { this.errorMessages = [messages]; this.displayErrorMessage = this.errorMessages.length; }, submitForm: function () { // Do not rename $form, the variable is expected to be declared in the recaptcha output const $form = document.querySelector('#login-form'); if (!this.hasCaptchaToken) { this.errors = 1; const executeGreCaptcha = () => { grecaptcha.ready(() => { grecaptcha.execute( '6LeswvshAAAAAKA8e5sKqlI4Tq5aBloZ09qqdI0R', {action: 'submit'} ).then((token) => { if (token && token.length > 0) { $form['g\u002Drecaptcha\u002Dresponse'].value = token; this.errors = 0; this.hasCaptchaToken = 1; (this.submitForm || $form.submit).call(this); } else { this.errors = 1; const error = 'ReCaptcha\u0020validation\u0020failed,\u0020please\u0020try\u0020again'; if (this.setErrorMessages) { this.setErrorMessages([error]) this.displayErrorMessage = true; } else { window.dispatchMessages && window.dispatchMessages([{type: "error", text: error}], 5000); } } }).catch(exception => { console.error(exception || `An unknown error occurred during ReCaptcha validation. Are the tokens and the domain correctly set up in the Google console?`) }); }) } if (window.grecaptcha) { executeGreCaptcha(); } else { const recaptchaUrl = "https://www.google.com/recaptcha/api.js?render=6LeswvshAAAAAKA8e5sKqlI4Tq5aBloZ09qqdI0R"; const script = document.createElement('script'); script.setAttribute('type', 'text/javascript'); script.setAttribute('src', recaptchaUrl); document.head.appendChild(script); script.addEventListener("load", executeGreCaptcha, false); } } if (this.errors === 0) { this.dispatchLoginRequest($form); } }, onPrivateContentLoaded: function (data) { const isLoggedIn = data.customer && data.customer.firstname; if (data.cart && !isLoggedIn) { this.forceAuthentication = !data.cart.isGuestCheckoutAllowed; } }, redirectIfAuthenticated: function (event) { if (event.detail && event.detail.url) { this.checkoutUrl = event.detail.url; } if (!this.forceAuthentication) { window.location.href = this.checkoutUrl; } }, dispatchLoginRequest: function(form) { this.isLoading = true; const username = this.$refs['customer-email'].value; const password = this.$refs['customer-password'].value; const formKey = hyva.getFormKey(); const bodyFields = { 'username': username, 'password': password, 'formKey': formKey }; const fieldName = 'g\u002Drecaptcha\u002Dresponse'; const recaptchaField = fieldName && form[fieldName]; if (recaptchaField) { bodyFields[fieldName] = recaptchaField.value; } fetch('https://dinhoj.se/customer/ajax/login/', { method: 'POST', headers: { 'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest' }, body: JSON.stringify(bodyFields) } ).then(response => { return response.json() } ).then(data=> { this.isLoading = false; if (data.errors) { dispatchMessages([{ type: 'error', text: data.message }], 5000); this.errors = 1; this.hasCaptchaToken = 0; } else { window.location.href = this.checkoutUrl; } }); } } } </script> <script> function initMessages() { "use strict"; return { messages: window.mageMessages || [], isEmpty() { return this.messages.reduce( function (isEmpty, message) { return isEmpty && message === undefined }, true ) }, removeMessage(messageIndex) { this.messages[messageIndex] = undefined; }, addMessages(messages, hideAfter) { messages.map((message) => { this.messages = this.messages.concat(message); if (hideAfter === undefined && message.type === 'success' && window.defaultSuccessMessageTimeout) { hideAfter = window.defaultSuccessMessageTimeout; } if (hideAfter) { this.setHideTimeOut(this.messages.length -1, hideAfter); } }); }, setHideTimeOut(messageIndex, hideAfter) { setTimeout((messageIndex) => { this.removeMessage(messageIndex); }, hideAfter, messageIndex); }, getIcon(messageType) { let iconHtml; switch (messageType) { case 'success': iconHtml = "<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\" class=\"fill-current\" width=\"56\" height=\"56\" role=\"img\">\n <path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"\/>\n<title>check-circle<\/title><\/svg>\n"; break; case 'error': iconHtml = "<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\" class=\"fill-current\" width=\"56\" height=\"56\" role=\"img\">\n <path fill-rule=\"evenodd\" d=\"M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z\" clip-rule=\"evenodd\"\/>\n<title>exclamation<\/title><\/svg>\n"; break; case 'warning': iconHtml = "<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\" class=\"fill-current\" width=\"56\" height=\"56\" role=\"img\">\n <path fill-rule=\"evenodd\" d=\"M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z\" clip-rule=\"evenodd\"\/>\n<title>exclamation<\/title><\/svg>\n"; break; case 'notice': iconHtml = "<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\" class=\"fill-current\" width=\"56\" height=\"56\" role=\"img\">\n <path fill-rule=\"evenodd\" d=\"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z\" clip-rule=\"evenodd\"\/>\n<title>information-circle<\/title><\/svg>\n"; break; case 'info': iconHtml = "<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\" class=\"fill-current\" width=\"56\" height=\"56\" role=\"img\">\n <path fill-rule=\"evenodd\" d=\"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z\" clip-rule=\"evenodd\"\/>\n<title>information-circle<\/title><\/svg>\n"; break; // phpcs:enable Generic.Files.LineLength.TooLong } return iconHtml; }, getTitle(messageType) { let title; switch (messageType) { case 'success': title = 'Success'; break; case 'error': title = 'Fel'; break; case 'warning': title = 'Warning'; break; case 'notice': title = 'Notice'; break; case 'info': title = 'Info'; break; } return title; }, getColor(messageType) { let color; switch (messageType) { case 'success': color = 'text-green-600'; break; case 'error': color = 'text-red-600'; break; case 'warning': color = 'text-yellow-500'; break; case 'notice': color = 'text-blue-500'; break; case 'info': color = 'text-blue-500'; break; } return color; }, eventListeners: { ['@messages-loaded.window'](event) { this.addMessages(event.detail.messages, event.detail.hideAfter) }, ['@private-content-loaded.window'](event) { const data = event.detail.data; if ( data.messages && data.messages.messages && data.messages.messages.length ) { this.addMessages(data.messages.messages); } }, ['@clear-messages.window']() { this.messages = []; } } } } </script> <script> function initGallery() { return { activeItem: 0, activeVideo: false, itemCount: 0, fullscreen: false, focusTrapListener: null, loop: false, isStart: true, isEnd: false, videoOptions: { autoplay: true, loop: false, allowApi: false }, swipeStart: null, swipeDir: "x", initialImages: [{"thumb":"https:\/\/dinhoj.se\/media\/catalog\/product\/cache\/dc02c1caad158dced4128dd1237fd87a\/a\/-\/a-derbi-rieju-peugeot-motorhispania-yamaha-mfl-383482605_1.jpg","img":"https:\/\/dinhoj.se\/media\/catalog\/product\/cache\/2621ec0a0df54d0c66bd68f255a5f924\/a\/-\/a-derbi-rieju-peugeot-motorhispania-yamaha-mfl-383482605_1.jpg","full":"https:\/\/dinhoj.se\/media\/catalog\/product\/cache\/f6a34b745259da1a5dfe06bd8c8c885b\/a\/-\/a-derbi-rieju-peugeot-motorhispania-yamaha-mfl-383482605_1.jpg","caption":"Bromsljuskontakt fram-, Aprilia, Derbi, Rieju, Peugeot, Motorhispania, Yamaha, mfl.","position":"1","isMain":true,"type":"image","videoUrl":null},{"thumb":"https:\/\/dinhoj.se\/media\/catalog\/product\/cache\/dc02c1caad158dced4128dd1237fd87a\/a\/-\/a-derbi-rieju-peugeot-motorhispania-yamaha-mfl-724625537_1.jpg","img":"https:\/\/dinhoj.se\/media\/catalog\/product\/cache\/2621ec0a0df54d0c66bd68f255a5f924\/a\/-\/a-derbi-rieju-peugeot-motorhispania-yamaha-mfl-724625537_1.jpg","full":"https:\/\/dinhoj.se\/media\/catalog\/product\/cache\/f6a34b745259da1a5dfe06bd8c8c885b\/a\/-\/a-derbi-rieju-peugeot-motorhispania-yamaha-mfl-724625537_1.jpg","caption":"Bromsljuskontakt fram-, Aprilia, Derbi, Rieju, Peugeot, Motorhispania, Yamaha, mfl.","position":"2","isMain":false,"type":"image","videoUrl":null}], images: [{"thumb":"https:\/\/dinhoj.se\/media\/catalog\/product\/cache\/dc02c1caad158dced4128dd1237fd87a\/a\/-\/a-derbi-rieju-peugeot-motorhispania-yamaha-mfl-383482605_1.jpg","img":"https:\/\/dinhoj.se\/media\/catalog\/product\/cache\/2621ec0a0df54d0c66bd68f255a5f924\/a\/-\/a-derbi-rieju-peugeot-motorhispania-yamaha-mfl-383482605_1.jpg","full":"https:\/\/dinhoj.se\/media\/catalog\/product\/cache\/f6a34b745259da1a5dfe06bd8c8c885b\/a\/-\/a-derbi-rieju-peugeot-motorhispania-yamaha-mfl-383482605_1.jpg","caption":"Bromsljuskontakt fram-, Aprilia, Derbi, Rieju, Peugeot, Motorhispania, Yamaha, mfl.","position":"1","isMain":true,"type":"image","videoUrl":null},{"thumb":"https:\/\/dinhoj.se\/media\/catalog\/product\/cache\/dc02c1caad158dced4128dd1237fd87a\/a\/-\/a-derbi-rieju-peugeot-motorhispania-yamaha-mfl-724625537_1.jpg","img":"https:\/\/dinhoj.se\/media\/catalog\/product\/cache\/2621ec0a0df54d0c66bd68f255a5f924\/a\/-\/a-derbi-rieju-peugeot-motorhispania-yamaha-mfl-724625537_1.jpg","full":"https:\/\/dinhoj.se\/media\/catalog\/product\/cache\/f6a34b745259da1a5dfe06bd8c8c885b\/a\/-\/a-derbi-rieju-peugeot-motorhispania-yamaha-mfl-724625537_1.jpg","caption":"Bromsljuskontakt fram-, Aprilia, Derbi, Rieju, Peugeot, Motorhispania, Yamaha, mfl.","position":"2","isMain":false,"type":"image","videoUrl":null}], init() { this.itemCount = this.images.length; this.$watch('activeItem', (item) => { this.activeVideo = this.images[item].type === 'video'; this.isStart = this.activeItem === 0; this.isEnd = this.activeItem === (this.itemCount - 1); this.$nextTick(() => { const activeThumb = this.getActiveThumb(); if (activeThumb) { this.scrollTo(activeThumb); }; }); }) this.$watch('itemCount', () => { this.calcThumbsOverflow() }); this.$watch('fullscreen', (open) => { this.$nextTick(() => { this.scrollLock(open); this.tabLock(this.$refs.galleryDialog, open); }) }) }, scrollLock(use = true) { document.body.style.overflow = use ? "hidden" : ""; }, tabLock(target, use = true) { if (!use) { hyva.releaseFocus(target); return; } hyva.trapFocus(target); }, nextItem() { const hasNext = this.activeItem < (this.itemCount - 1); this.activeItem = hasNext ? this.activeItem += 1 : this.loop ? 0 : this.activeItem; }, prevItem() { const hasPrev = this.activeItem > 0; this.activeItem = hasPrev ? this.activeItem -= 1 : this.loop ? (this.itemCount - 1) : this.activeItem; }, swipeItem(event) { const swipeEnd = this.getTouchPosition(event); if (Math.abs((swipeEnd - this.swipeStart)) < 40) return; if (this.swipeStart > swipeEnd) { this.nextItem(); } else { this.prevItem(); } this.swipeStart = null; }, getVideoData(source) { const videoUrl = source.videoUrl; if (!videoUrl) return; const videoData = { id: null, type: null, src: null, additionalParams: "", allow: "fullscreen; picture-in-picture;" } if (this.videoOptions.autoplay) { videoData.additionalParams += '&autoplay=1'; videoData.allow += ' autoplay;'; } if (this.videoOptions.loop) { videoData.additionalParams += '&loop=1'; } if (videoUrl.match(/youtube\.com|youtu\.be|youtube-nocookie.com/)) { const youtubeRegex = /^.*(?:(?:youtu\.be\/|v\/|vi\/|u\/\w\/|embed\/)|(?:(?:watch)?\?v(?:i)?=|\&v(?:i)?=))([^#\&\?]*).*/; const baseSrc = videoUrl.match(/youtube-nocookie.com/) ? 'https://www.youtube-nocookie.com/embed' : 'https://www.youtube.com/embed'; videoData.type = "youtube"; videoData.id = videoUrl.match(youtubeRegex)[1]; if (this.videoOptions.loop) { videoData.additionalParams += `&playlist=${videoData.id}` } if (this.videoOptions.allowApi) { videoData.additionalParams += '&enablejsapi=1'; } videoData.src = `${baseSrc}/${videoData.id}?origin=https://dinhoj.se/${videoData.additionalParams}`; videoData.allow += " accelerometer; clipboard-write; encrypted-media; gyroscope;" } else if (videoUrl.match(/vimeo\.com/)) { const vimeoRegex = new RegExp([ 'https?:\\/\\/(?:www\\.|player\\.)?vimeo.com\\/(?:channels\\/(?:\\w+\\/)', '?|groups\\/([^\\/]*)\\/videos\\/|album\\/(\\d+)\\/video\\/|video\\/|)(\\d+)(?:$|\\/|\\?)' ].join('')); const timestamp = new Date().getTime(); const baseSrc = "https://player.vimeo.com/video"; videoData.type = "vimeo"; videoData.id = videoUrl.match(vimeoRegex)[3]; if (this.videoOptions.allowApi) { videoData.additionalParams += "&api=1" } videoData.src = `${baseSrc}/${videoData.id}?player_id=vimeo${videoData.id}${timestamp}${videoData.additionalParams}`; } return videoData; }, getTouchPosition(event) { const position = this.swipeDir === "y" ? event.changedTouches[0].clientY : event.changedTouches[0].clientX; return Math.round(position); }, receiveImages(images) { this.images = images; this.itemCount = this.images.length; }, resetGallery() { this.images = this.initialImages; this.itemCount = this.images.length; this.activeItem = 0; }, eventListeners: { ['@keydown.window.escape']() { this.fullscreen = false; }, ['@update-gallery.window'](event) { this.receiveImages(event.detail); }, ['@reset-gallery.window']() { this.resetGallery(); }, }, galleryBody: { ['@touchstart.passive'](event) { this.swipeStart = this.getTouchPosition(event); }, ['@touchend.passive'](event) { this.swipeItem(event); }, }, thumbsOverflow: false, thumbsStart: true, thumbsEnd: true, scrollTo(target) { target.scrollIntoView({ behavior: "smooth", block: "nearest", inline: "nearest" }); }, getActiveThumb() { return this.$refs.jsThumbSlides.querySelector('button[aria-selected="true"]'); }, isThumbInView(index, action = "leave") { const isFirst = index === 0; const isLast = index === (this.itemCount - 1); if (isFirst) { this.thumbsStart = (action === "enter"); } if (isLast) { this.thumbsEnd = (action === "enter"); } }, calcThumbsOverflow() { const thumbs = this.$refs.jsThumbSlides; if (!thumbs) return; const { scrollWidth, scrollHeight, offsetWidth, offsetHeight } = thumbs; const hasOverflow = scrollHeight > scrollWidth ? scrollHeight > offsetHeight : scrollWidth > offsetWidth; this.thumbsOverflow = hasOverflow; }, } } </script> <script> function initSkuInfo_69864() { return { skuMap: {"69864":"16-1968"}, currentSku: '', changeSku($event) { const productId = $event.detail.productIndex; if (productId) { this.currentSku = this.skuMap[productId] ?? ''; } } } } </script> <script> function initPrice69864() { const regularPriceInclTaxKey = 'oldPrice', regularPriceExclTaxKey = 'baseOldPrice', finalPriceInclTaxKey = 'finalPrice', finalPriceExclTaxKey = 'basePrice'; function calculateCustomOptionPrices(activeCustomOptions, customOptionPrices) { return activeCustomOptions.reduce((priceAccumulator, activeCustomOptionId) => { const customOptionPrice = customOptionPrices[activeCustomOptionId]; if (customOptionPrice) { return Number.parseFloat(priceAccumulator) + Number.parseFloat(customOptionPrice); } return priceAccumulator; }, 0); } return { regularPriceKey: regularPriceInclTaxKey, finalPriceKey: finalPriceInclTaxKey, activeProductsPriceData: false, initialFinalPrice: 69, calculatedFinalPrice: false, calculatedFinalPriceWithCustomOptions: false, initialTierPrices: [], showRegularPriceLabel: false, customOptionPrices: [], activeCustomOptions: [], qty: 1, updateCustomOptionActive(data) { let activeCustomOptions = this.activeCustomOptions; const customOptionId = data.customOptionId; if (data.active) { if (!activeCustomOptions.includes(customOptionId)) { activeCustomOptions.push(data.customOptionId); } } else { if (customOptionId && activeCustomOptions.includes(customOptionId)) { let index = activeCustomOptions.indexOf(customOptionId); activeCustomOptions.splice(index, 1); } } this.calculateFinalPriceWithCustomOptions() }, updateCustomOptionPrices(prices, basePrices) { if (prices) { this.customOptionPrices = prices; } this.calculateFinalPriceWithCustomOptions(); }, calculateFinalPrice() { const findApplicableTierPrice = (initialPrice, withTax) => { if (this.activeProductsPriceData && this.activeProductsPriceData.tierPrices) { const key = withTax ? 'price' : 'basePrice' return this.activeProductsPriceData.tierPrices.reduce((acc, tierPrice) => { if (this.qty >= tierPrice.qty && tierPrice[key] < acc) { return tierPrice[key]; } return acc; }, this.activeProductsPriceData[withTax ? finalPriceInclTaxKey : finalPriceExclTaxKey].amount); } else { const key = withTax ? 'price_incl_tax' : 'price_excl_tax'; return Object.values(this.initialTierPrices).reduce((acc, tierPrice) => { if (this.qty >= tierPrice.price_qty && tierPrice[key] < acc) { return tierPrice[key]; } return acc; }, initialPrice); } } this.calculatedFinalPrice = findApplicableTierPrice(this.initialFinalPrice, true); window.dispatchEvent(new CustomEvent("update-product-final-price", {detail: this.calculatedFinalPrice})); }, calculatePriceLabelVisibility() { this.showRegularPriceLabel = (this.calculatedFinalPrice === this.activeProductsPriceData[this.regularPriceKey].amount) && this.activeProductsPriceData.isMinimalPrice; }, calculateFinalPriceWithCustomOptions() { const finalPrice = this.calculatedFinalPrice || this.initialFinalPrice; this.calculatedFinalPriceWithCustomOptions = finalPrice + this.getCustomOptionPrice(); }, getCustomOptionPrice() { return calculateCustomOptionPrices(this.activeCustomOptions, this.customOptionPrices); }, getFormattedFinalPrice() { return hyva.formatPrice( this.calculatedFinalPriceWithCustomOptions || this.calculatedFinalPrice || this.initialFinalPrice ) }, isPriceHidden() { const finalPrice = this.calculatedFinalPriceWithCustomOptions || this.calculatedFinalPrice || this.initialFinalPrice; return false && finalPrice === 0; }, eventListeners: { ['@update-prices-69864.window'](event) { this.activeProductsPriceData = event.detail; this.calculateFinalPrice(); this.calculateFinalPriceWithCustomOptions(); this.calculatePriceLabelVisibility(); }, ['@update-qty-69864.window'](event) { this.qty = event.detail; this.calculateFinalPrice(); this.calculateFinalPriceWithCustomOptions(); }, ['@update-custom-option-active.window'](event) { this.updateCustomOptionActive(event.detail); }, ['@update-custom-option-prices.window'](event) { this.updateCustomOptionPrices(event.detail); }, } } } </script> <script> function initQtyField() { function findPathParam(key) { // get all path pairs after BASE_URL/front_name/action_path/action const baseUrl = (BASE_URL.substring(0, 2) === '//' ? 'http:' : '') + BASE_URL; const baseUrlParts = (new URL(baseUrl)).pathname.replace(/\/$/, '').split('/'); const pathParts = window.location.pathname.split('/').slice(baseUrlParts.length + 3); for (let i = 0; i < pathParts.length; i += 2) { if (pathParts[i] === key && pathParts.length > i) { return pathParts[i + 1]; } } } return { qty: 1, itemId: (new URLSearchParams(window.location.search)).get('id') || findPathParam('id'), productId: '69864', onGetCartData: function onGetCartData(data, $dispatch) { const cart = data && data.data && data.data.cart; if (this.itemId && cart && cart.items) { const cartItem = cart.items.find((item) => { return item.item_id === this.itemId && item.product_id === this.productId; }); if (cartItem && cartItem.qty) { this.qty = cartItem.qty; $dispatch('update-qty-' + this.productId, this.qty); } } } }; } </script> <script> function initCompareOnProductView() { return { addToCompare: function (productId) { const formKey = hyva.getFormKey(); const postUrl = BASE_URL + 'catalog/product_compare/add/'; fetch(postUrl, { "headers": { "content-type": "application/x-www-form-urlencoded; charset=UTF-8", }, "body": "form_key=" + formKey + "&product=" + productId + "&uenc=" + hyva.getUenc(), "method": "POST", "mode": "cors", "credentials": "include" }).then(function (response) { if (response.redirected) { window.location.href = response.url; } }).catch(function (error) { typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( [{ type: "error", text: error }], 5000 ); }); } }; } </script> <script> window.KlarnaOnsiteService = window.KlarnaOnsiteService || []; window.KlarnaOnsiteService.push({ eventName: 'refresh-placements' }); </script> <script> function initPriceBox__673f3956aa2f0() { return { updatePrice(priceData) { const regularPriceLabel = this.$root.querySelector('.normal-price .price-label'); const regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price'); const basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price'); if (priceData.finalPrice.amount < priceData.oldPrice.amount) { regularPriceLabel.classList.add('hidden'); } else { regularPriceLabel.classList.remove('hidden'); } regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount)); basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount)); } } } </script> <script> (function(){ const productConfig = {"id":"71059"}; const amPreorderComponent = document.querySelector(`.am-preorder-${productConfig?.id}`); let xDataAttribute = `...initAmPreorder( '', '${productConfig?.note || ''}', '${productConfig?.configurable ? productConfig?.configurable?.addToCartLabel || '' : productConfig?.cart_label || '' }', '${productConfig?.id}', true, '${productConfig?.configurable ? 'false' : 'true' }' )`; xDataAttribute += productConfig?.configurable ? `,...initAmPreorderConfigurable( ${productConfig?.configurable.isAllProductsPreorder}, ${JSON.stringify(productConfig?.configurable.map)}, '' ),` : ''; let xInitAttribute = productConfig?.configurable ? 'initPreorderConfigurable()' : 'initPreorder()'; amPreorderComponent?.setAttribute('x-data',`{${xDataAttribute}}`); amPreorderComponent?.setAttribute('x-init',xInitAttribute); })(); </script> <script> 'use strict'; function initSwiper_673f42ec78b87() { return { countSlides: 10, swiperInstance: null, isLoading: true, init() { if (!window.Swiper) { window.addEventListener('amSwiperLoaded', () => { this.initializeSwiper(); }); } else { this.initializeSwiper(); } }, initializeSwiper() { const self = this; if (!this.countSlides) { this.isLoading = false; return false; } else { this.swiperInstance = new Swiper(this.$refs.swiperContainer673f42ec78b87, { slidesPerView: 1, slidesPerGroup: 1, direction: 'horizontal', spaceBetween: 5, pagination: { el: '.am-swiper-pagination-673f42ec78b87', clickable: true, }, breakpoints: { 1024: { slidesPerView: 4, slidesPerGroup: 4, spaceBetween: 5 }, }, on: { init: function () { self.isLoading = false; } } }); } }, slideNext() { if (this.swiperInstance) { this.swiperInstance.slideNext(); } }, slidePrev() { if (this.swiperInstance) { this.swiperInstance.slidePrev(); } }, destroy() { if (this.swiperInstance) { this.swiperInstance.destroy(); } }, }; } </script> <script> function initPriceBox__673f3876f2a3b() { return { updatePrice(priceData) { const regularPriceLabel = this.$root.querySelector('.normal-price .price-label'); const regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price'); const basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price'); if (priceData.finalPrice.amount < priceData.oldPrice.amount) { regularPriceLabel.classList.add('hidden'); } else { regularPriceLabel.classList.remove('hidden'); } regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount)); basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount)); } } } </script> <script> (function(){ const productConfig = {"id":"74656"}; const amPreorderComponent = document.querySelector(`.am-preorder-${productConfig?.id}`); let xDataAttribute = `...initAmPreorder( '', '${productConfig?.note || ''}', '${productConfig?.configurable ? productConfig?.configurable?.addToCartLabel || '' : productConfig?.cart_label || '' }', '${productConfig?.id}', true, '${productConfig?.configurable ? 'false' : 'true' }' )`; xDataAttribute += productConfig?.configurable ? `,...initAmPreorderConfigurable( ${productConfig?.configurable.isAllProductsPreorder}, ${JSON.stringify(productConfig?.configurable.map)}, '' ),` : ''; let xInitAttribute = productConfig?.configurable ? 'initPreorderConfigurable()' : 'initPreorder()'; amPreorderComponent?.setAttribute('x-data',`{${xDataAttribute}}`); amPreorderComponent?.setAttribute('x-init',xInitAttribute); })(); </script> <script> function initPriceBox__673f38770b4e9() { return { updatePrice(priceData) { const regularPriceLabel = this.$root.querySelector('.normal-price .price-label'); const regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price'); const basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price'); if (priceData.finalPrice.amount < priceData.oldPrice.amount) { regularPriceLabel.classList.add('hidden'); } else { regularPriceLabel.classList.remove('hidden'); } regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount)); basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount)); } } } </script> <script> (function(){ const productConfig = {"id":"71507"}; const amPreorderComponent = document.querySelector(`.am-preorder-${productConfig?.id}`); let xDataAttribute = `...initAmPreorder( '', '${productConfig?.note || ''}', '${productConfig?.configurable ? productConfig?.configurable?.addToCartLabel || '' : productConfig?.cart_label || '' }', '${productConfig?.id}', true, '${productConfig?.configurable ? 'false' : 'true' }' )`; xDataAttribute += productConfig?.configurable ? `,...initAmPreorderConfigurable( ${productConfig?.configurable.isAllProductsPreorder}, ${JSON.stringify(productConfig?.configurable.map)}, '' ),` : ''; let xInitAttribute = productConfig?.configurable ? 'initPreorderConfigurable()' : 'initPreorder()'; amPreorderComponent?.setAttribute('x-data',`{${xDataAttribute}}`); amPreorderComponent?.setAttribute('x-init',xInitAttribute); })(); </script> <script> function initPriceBox__673f387716f37() { return { updatePrice(priceData) { const regularPriceLabel = this.$root.querySelector('.normal-price .price-label'); const regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price'); const basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price'); if (priceData.finalPrice.amount < priceData.oldPrice.amount) { regularPriceLabel.classList.add('hidden'); } else { regularPriceLabel.classList.remove('hidden'); } regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount)); basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount)); } } } </script> <script> (function(){ const productConfig = {"id":"71549"}; const amPreorderComponent = document.querySelector(`.am-preorder-${productConfig?.id}`); let xDataAttribute = `...initAmPreorder( '', '${productConfig?.note || ''}', '${productConfig?.configurable ? productConfig?.configurable?.addToCartLabel || '' : productConfig?.cart_label || '' }', '${productConfig?.id}', true, '${productConfig?.configurable ? 'false' : 'true' }' )`; xDataAttribute += productConfig?.configurable ? `,...initAmPreorderConfigurable( ${productConfig?.configurable.isAllProductsPreorder}, ${JSON.stringify(productConfig?.configurable.map)}, '' ),` : ''; let xInitAttribute = productConfig?.configurable ? 'initPreorderConfigurable()' : 'initPreorder()'; amPreorderComponent?.setAttribute('x-data',`{${xDataAttribute}}`); amPreorderComponent?.setAttribute('x-init',xInitAttribute); })(); </script> <script> function initPriceBox__673f387723ec5() { return { updatePrice(priceData) { const regularPriceLabel = this.$root.querySelector('.normal-price .price-label'); const regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price'); const basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price'); if (priceData.finalPrice.amount < priceData.oldPrice.amount) { regularPriceLabel.classList.add('hidden'); } else { regularPriceLabel.classList.remove('hidden'); } regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount)); basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount)); } } } </script> <script> function initPriceBox__673f3877300c3() { return { updatePrice(priceData) { const regularPriceLabel = this.$root.querySelector('.normal-price .price-label'); const regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price'); const basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price'); if (priceData.finalPrice.amount < priceData.oldPrice.amount) { regularPriceLabel.classList.add('hidden'); } else { regularPriceLabel.classList.remove('hidden'); } regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount)); basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount)); } } } </script> <script> (function(){ const productConfig = {"id":"69054"}; const amPreorderComponent = document.querySelector(`.am-preorder-${productConfig?.id}`); let xDataAttribute = `...initAmPreorder( '', '${productConfig?.note || ''}', '${productConfig?.configurable ? productConfig?.configurable?.addToCartLabel || '' : productConfig?.cart_label || '' }', '${productConfig?.id}', true, '${productConfig?.configurable ? 'false' : 'true' }' )`; xDataAttribute += productConfig?.configurable ? `,...initAmPreorderConfigurable( ${productConfig?.configurable.isAllProductsPreorder}, ${JSON.stringify(productConfig?.configurable.map)}, '' ),` : ''; let xInitAttribute = productConfig?.configurable ? 'initPreorderConfigurable()' : 'initPreorder()'; amPreorderComponent?.setAttribute('x-data',`{${xDataAttribute}}`); amPreorderComponent?.setAttribute('x-init',xInitAttribute); })(); </script> <script> function initPriceBox__673f38773c63a() { return { updatePrice(priceData) { const regularPriceLabel = this.$root.querySelector('.normal-price .price-label'); const regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price'); const basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price'); if (priceData.finalPrice.amount < priceData.oldPrice.amount) { regularPriceLabel.classList.add('hidden'); } else { regularPriceLabel.classList.remove('hidden'); } regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount)); basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount)); } } } </script> <script> (function(){ const productConfig = {"id":"69552"}; const amPreorderComponent = document.querySelector(`.am-preorder-${productConfig?.id}`); let xDataAttribute = `...initAmPreorder( '', '${productConfig?.note || ''}', '${productConfig?.configurable ? productConfig?.configurable?.addToCartLabel || '' : productConfig?.cart_label || '' }', '${productConfig?.id}', true, '${productConfig?.configurable ? 'false' : 'true' }' )`; xDataAttribute += productConfig?.configurable ? `,...initAmPreorderConfigurable( ${productConfig?.configurable.isAllProductsPreorder}, ${JSON.stringify(productConfig?.configurable.map)}, '' ),` : ''; let xInitAttribute = productConfig?.configurable ? 'initPreorderConfigurable()' : 'initPreorder()'; amPreorderComponent?.setAttribute('x-data',`{${xDataAttribute}}`); amPreorderComponent?.setAttribute('x-init',xInitAttribute); })(); </script> <script> function initPriceBox__673f387748ddf() { return { updatePrice(priceData) { const regularPriceLabel = this.$root.querySelector('.normal-price .price-label'); const regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price'); const basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price'); if (priceData.finalPrice.amount < priceData.oldPrice.amount) { regularPriceLabel.classList.add('hidden'); } else { regularPriceLabel.classList.remove('hidden'); } regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount)); basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount)); } } } </script> <script> (function(){ const productConfig = {"id":"69573"}; const amPreorderComponent = document.querySelector(`.am-preorder-${productConfig?.id}`); let xDataAttribute = `...initAmPreorder( '', '${productConfig?.note || ''}', '${productConfig?.configurable ? productConfig?.configurable?.addToCartLabel || '' : productConfig?.cart_label || '' }', '${productConfig?.id}', true, '${productConfig?.configurable ? 'false' : 'true' }' )`; xDataAttribute += productConfig?.configurable ? `,...initAmPreorderConfigurable( ${productConfig?.configurable.isAllProductsPreorder}, ${JSON.stringify(productConfig?.configurable.map)}, '' ),` : ''; let xInitAttribute = productConfig?.configurable ? 'initPreorderConfigurable()' : 'initPreorder()'; amPreorderComponent?.setAttribute('x-data',`{${xDataAttribute}}`); amPreorderComponent?.setAttribute('x-init',xInitAttribute); })(); </script> <script> function initPriceBox__673f387754491() { return { updatePrice(priceData) { const regularPriceLabel = this.$root.querySelector('.normal-price .price-label'); const regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price'); const basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price'); if (priceData.finalPrice.amount < priceData.oldPrice.amount) { regularPriceLabel.classList.add('hidden'); } else { regularPriceLabel.classList.remove('hidden'); } regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount)); basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount)); } } } </script> <script> (function(){ const productConfig = {"id":"71506"}; const amPreorderComponent = document.querySelector(`.am-preorder-${productConfig?.id}`); let xDataAttribute = `...initAmPreorder( '', '${productConfig?.note || ''}', '${productConfig?.configurable ? productConfig?.configurable?.addToCartLabel || '' : productConfig?.cart_label || '' }', '${productConfig?.id}', true, '${productConfig?.configurable ? 'false' : 'true' }' )`; xDataAttribute += productConfig?.configurable ? `,...initAmPreorderConfigurable( ${productConfig?.configurable.isAllProductsPreorder}, ${JSON.stringify(productConfig?.configurable.map)}, '' ),` : ''; let xInitAttribute = productConfig?.configurable ? 'initPreorderConfigurable()' : 'initPreorder()'; amPreorderComponent?.setAttribute('x-data',`{${xDataAttribute}}`); amPreorderComponent?.setAttribute('x-init',xInitAttribute); })(); </script> <script> function initPriceBox__673f37f80fc5e() { return { updatePrice(priceData) { const regularPriceLabel = this.$root.querySelector('.normal-price .price-label'); const regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price'); const basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price'); if (priceData.finalPrice.amount < priceData.oldPrice.amount) { regularPriceLabel.classList.add('hidden'); } else { regularPriceLabel.classList.remove('hidden'); } regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount)); basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount)); } } } </script> <script> (function(){ const productConfig = {"id":"69502"}; const amPreorderComponent = document.querySelector(`.am-preorder-${productConfig?.id}`); let xDataAttribute = `...initAmPreorder( '', '${productConfig?.note || ''}', '${productConfig?.configurable ? productConfig?.configurable?.addToCartLabel || '' : productConfig?.cart_label || '' }', '${productConfig?.id}', true, '${productConfig?.configurable ? 'false' : 'true' }' )`; xDataAttribute += productConfig?.configurable ? `,...initAmPreorderConfigurable( ${productConfig?.configurable.isAllProductsPreorder}, ${JSON.stringify(productConfig?.configurable.map)}, '' ),` : ''; let xInitAttribute = productConfig?.configurable ? 'initPreorderConfigurable()' : 'initPreorder()'; amPreorderComponent?.setAttribute('x-data',`{${xDataAttribute}}`); amPreorderComponent?.setAttribute('x-init',xInitAttribute); })(); </script> <script> function initPriceBox__673f395729867() { return { updatePrice(priceData) { const regularPriceLabel = this.$root.querySelector('.normal-price .price-label'); const regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price'); const basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price'); if (priceData.finalPrice.amount < priceData.oldPrice.amount) { regularPriceLabel.classList.add('hidden'); } else { regularPriceLabel.classList.remove('hidden'); } regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount)); basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount)); } } } </script> <script> (function(){ const productConfig = {"id":"70564"}; const amPreorderComponent = document.querySelector(`.am-preorder-${productConfig?.id}`); let xDataAttribute = `...initAmPreorder( '', '${productConfig?.note || ''}', '${productConfig?.configurable ? productConfig?.configurable?.addToCartLabel || '' : productConfig?.cart_label || '' }', '${productConfig?.id}', true, '${productConfig?.configurable ? 'false' : 'true' }' )`; xDataAttribute += productConfig?.configurable ? `,...initAmPreorderConfigurable( ${productConfig?.configurable.isAllProductsPreorder}, ${JSON.stringify(productConfig?.configurable.map)}, '' ),` : ''; let xInitAttribute = productConfig?.configurable ? 'initPreorderConfigurable()' : 'initPreorder()'; amPreorderComponent?.setAttribute('x-data',`{${xDataAttribute}}`); amPreorderComponent?.setAttribute('x-init',xInitAttribute); })(); </script> <script> 'use strict'; function initSwiper_673f42ec931b9() { return { countSlides: 2, swiperInstance: null, isLoading: true, init() { if (!window.Swiper) { window.addEventListener('amSwiperLoaded', () => { this.initializeSwiper(); }); } else { this.initializeSwiper(); } }, initializeSwiper() { const self = this; if (!this.countSlides) { this.isLoading = false; return false; } else { this.swiperInstance = new Swiper(this.$refs.swiperContainer673f42ec931b9, { slidesPerView: 1, slidesPerGroup: 1, direction: 'horizontal', spaceBetween: 5, pagination: { el: '.am-swiper-pagination-673f42ec931b9', clickable: true, }, breakpoints: { 1024: { slidesPerView: 4, slidesPerGroup: 4, spaceBetween: 5 }, }, on: { init: function () { self.isLoading = false; } } }); } }, slideNext() { if (this.swiperInstance) { this.swiperInstance.slideNext(); } }, slidePrev() { if (this.swiperInstance) { this.swiperInstance.slidePrev(); } }, destroy() { if (this.swiperInstance) { this.swiperInstance.destroy(); } }, }; } </script> <script> function initPriceBox__673f39573e69f() { return { updatePrice(priceData) { const regularPriceLabel = this.$root.querySelector('.normal-price .price-label'); const regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price'); const basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price'); if (priceData.finalPrice.amount < priceData.oldPrice.amount) { regularPriceLabel.classList.add('hidden'); } else { regularPriceLabel.classList.remove('hidden'); } regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount)); basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount)); } } } </script> <script> (function(){ const productConfig = {"id":"72600"}; const amPreorderComponent = document.querySelector(`.am-preorder-${productConfig?.id}`); let xDataAttribute = `...initAmPreorder( '', '${productConfig?.note || ''}', '${productConfig?.configurable ? productConfig?.configurable?.addToCartLabel || '' : productConfig?.cart_label || '' }', '${productConfig?.id}', true, '${productConfig?.configurable ? 'false' : 'true' }' )`; xDataAttribute += productConfig?.configurable ? `,...initAmPreorderConfigurable( ${productConfig?.configurable.isAllProductsPreorder}, ${JSON.stringify(productConfig?.configurable.map)}, '' ),` : ''; let xInitAttribute = productConfig?.configurable ? 'initPreorderConfigurable()' : 'initPreorder()'; amPreorderComponent?.setAttribute('x-data',`{${xDataAttribute}}`); amPreorderComponent?.setAttribute('x-init',xInitAttribute); })(); </script> <script> /* e.g. hyva theme */ document.addEventListener('DOMContentLoaded', function(){ var items = document.getElementsByClassName('mfblogunveil'); var el, url; if (items.length) { for (var i=0; i<items.length;i++) { el = items[i]; url = el.getAttribute('data-original'); if (!url) { continue; }; if ('IMG' == el.tagName) { el.src = url; } else { el.style.backgroundImage = "url('" + url + "')"; } } } }); </script> <script> function initRecentlyViewedProductsComponent_673f42ec97ba5(options) { const defaultOptions = { isSlider: false, useGraphQL: false, noOfProductsToShow: 5 }; const config = Object.assign({}, defaultOptions, options || {}); function readRecentlyViewedFromStorage () { const data = hyva.getBrowserStorage().getItem('recently_viewed_products'); return data ? JSON.parse(data).filter(product => { return config.useGraphQL || product.id; }) : []; } return { products: [], currency: [], noOfProductsToShow: config.noOfProductsToShow, loading: true, minHeight() { return 'min-height: ' + ((this.loading && '491px') || 0); }, getProducts() { const recentlyViewedProductsArray = readRecentlyViewedFromStorage(); let itemsToShow = []; if (recentlyViewedProductsArray.length > 0) { // Avoid showing the current product const start = '16\u002D1968' === '' ? 0 : 1; itemsToShow = recentlyViewedProductsArray.slice(start) } itemsToShow = itemsToShow.slice(0, this.noOfProductsToShow); if (!itemsToShow.length) { this.noOfProductsToShow = 0; this.loading = false; return; } config.useGraphQL ? this.fetchProducts(itemsToShow) : this.renderRecentlyViewedProducts(itemsToShow) }, fetchProducts(itemsToShow) { const skusToFetch = itemsToShow.map(product => product.sku); const query = `query ($skus: [String!]!) { products(filter: { sku: { in: $skus } }) { items { sku id name small_image { label url } url_key url_suffix visibility status price_range { minimum_price { regular_price { value currency } final_price { value currency } } } } } }`; const variables = JSON.stringify({skus: skusToFetch}); window.fetch(BASE_URL + 'graphql?' + new URLSearchParams({query, variables}), { method: 'GET', headers: { 'Store': 'dinhoj', 'Content-Currency': 'SEK' }, }) .then((response) => response.json()) .then((result) => { this.currency = (result && result.data && result.data.currency); const responseProducts = ( result && result.data && result.data.products && result.data.products.items ) || []; // fix sorting of the response-products according to the sorting of the requested-products const sortedProducts = []; skusToFetch.forEach(sku => { responseProducts.forEach(productData => { if (sku === productData.sku) { sortedProducts.push(productData); } }); }); this.renderRecentlyViewedProducts(sortedProducts); } ) .finally(() => this.loading = false) }, // end fetchProducts() renderRecentlyViewedProducts(products) { this.products = products; this.loading = false; if (config.isSlider) { this.$nextTick(() => this.calcPageSize()); } }, addToWishlist(productId) { const formKey = hyva.getFormKey(); const postUrl = BASE_URL + 'wishlist/index/add/'; fetch(postUrl, { "headers": { "content-type": "application/x-www-form-urlencoded; charset=UTF-8", }, "body": "form_key=" + formKey + "&product=" + productId + "&uenc=" + hyva.getUenc(), "method": "POST", "mode": "cors", "credentials": "include" }).then(response => { if (response.redirected) { window.location.href = response.url; } else if (response.ok) { return response.json(); } else { typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( [{ type: "warning", text: "Could not add item to wishlist." }], 5000 ); } }).then(response => { if (!response) { return } typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( [{ type: (response.success) ? "success" : "error", text: (response.success) ? "Produkt har lagts till din önskelista." : response.error_message }], 5000 ); window.dispatchEvent(new CustomEvent("reload-customer-section-data")); }).catch(function (error) { typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( [{ type: "error", text: error }], 5000 ); }); }, // end addToWishlist() addToCompare(productId) { const formKey = hyva.getFormKey(); const postUrl = BASE_URL + 'catalog/product_compare/add/'; fetch(postUrl, { "headers": { "content-type": "application/x-www-form-urlencoded; charset=UTF-8", }, "body": "form_key=" + formKey + "&product=" + productId + "&uenc=" + hyva.getUenc(), "method": "POST", "mode": "cors", "credentials": "include" }).then(response => { if (response.redirected) { window.location.href = response.url; } }).catch(error => { typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( [{ type: "error", text: error }], 5000 ); }); }, // slider properties active: 0, getSlider() { return this.$root.querySelector('.js_slides'); }, pageSize: 4, pageFillers: 0, calcPageSize() { const slider = this.getSlider(); if (slider) { this.pageSize = Math.round(slider.clientWidth / slider.querySelector('.js_slide').clientWidth); this.pageFillers = ( this.pageSize * Math.ceil(this.products.length / this.pageSize) ) - this.products.length; } }, calcActive() { const slider = this.getSlider(); if (slider) { this.active = Math.ceil( Math.round( slider.scrollLeft / (slider.scrollWidth / (this.products.length + this.pageFillers)) ) / this.pageSize ) * this.pageSize; } } } } </script> <script> function initAmPreorderAvailability(note, productId, isNeedShow) { return { note: note, isNeedShow: isNeedShow, eventListeners: { [`@am-preorder-change-availability-${productId}.window`](event) { this.note = event.detail.preOrderNote; this.isNeedShow = event.detail.isNeedShow; } } } } </script> <script> function initAmPreorderBtn(cartLabel, productId) { return { cartLabel: cartLabel, eventListeners: { [`@am-preorder-change-btn-${productId}.window`](event) { this.cartLabel = event.detail.addToCartLabel; } } } } </script> <script type="text/javascript"> (function() { window.addEventListener("private-content-loaded", event => { const dataObject = event.detail.data['magepal-eegtm-jsdatalayer'] || {}; pushAddRemoveItemDataLayer(dataObject) }); const isObject = x => x === Object(x); const has = (x, p) => isObject(x) && x.hasOwnProperty(p); function isEmpty(obj){ return JSON.stringify(obj) === '{}'; } function addDynamicElements(storedData, item) { if (has(storedData, 'position')) { item.position = storedData.position; } } /** * Add click position/index to data * @param ecommerceData * @return {*} */ function processData(ecommerceData) { var storedData = JSON.parse(window.localStorage.getItem("product-click")); ecommerceData.forEach((data) => { if (has(data, 'parent_sku') && isObject(storedData) && has(storedData, 'sku') && data.parent_sku === storedData.sku ) { addDynamicElements(storedData, data); } else if (has(data, 'parent_sku')) { var product = getProductBySku(data.parent_sku); if (product) { addDynamicElements(product, data); } } }); return ecommerceData; } function getProductBySku(sku) { var dlItems = window.dataLayer.find((item) => item?.ecommerce?.items) if (dlItems !== 'undefined') { var dlItem = dlItems?.ecommerce?.items.find((item) => item.item_id === sku) if (dlItem !== undefined) { return dlItem; } } return false; } function pushAddRemoveItemDataLayer(data) { if (isObject(data) && has(data, 'cartItems')) { var ts = window.localStorage.getItem("magepal-eegtm-jsdatalayer-ajax-ts"); if (ts !== 'undefined' && parseInt(ts) === parseInt(data.data_id)) { return false; } else { window.localStorage.setItem("magepal-eegtm-jsdatalayer-ajax-ts", parseInt(data.data_id)); } var cartGenericLayer = {}; var dataLayer = window.dataLayer; var self = this; data.cartItems.forEach((cartItem) => { if (has(cartItem, 'event')) { if (has(cartItem,'ecommerce')) { cartItem.ecommerce.currency = 'SEK'; } if (cartItem.event === 'addToCart') { var itemsAdded = processData(cartItem.ecommerce.add.products); /** $("body").trigger("mpGa4ItemAddToCart", [itemsAdded, dataLayer]); **/ cartGenericLayer.add = { 'products': itemsAdded }; } if (cartItem.event === 'removeFromCart') { var itemsRemoved = processData(cartItem.ecommerce.remove.products); /** $("body").trigger("mpGa4ItemRemoveFromCart", [itemsRemoved, dataLayer]); **/ cartGenericLayer.remove = { 'products': itemsRemoved }; } } if (!isEmpty(cartGenericLayer)) { cartItem.cart = cartGenericLayer; } dataLayer.push(cartItem); }); } } })(); </script> <script>document.addEventListener("DOMContentLoaded", function() { if (document.querySelectorAll('.mf-ytw-wrapper').length || document.querySelectorAll('[data-mf-ytw-youtube-link]').length) { !function (f, b, e, v, t, s) { if(f.mfytwcss)return; f.mfytwcss=1; t = b.createElement(e); t.rel = 'stylesheet'; t.type = 'text/css'; t.href = v; s = b.getElementsByTagName('HEAD')[0]; s.appendChild(t) }(window, document, 'link', 'https://dinhoj.se/static/version1727464539/frontend/Netab/hyva-dinhoj/sv_SE/Magefan_YouTubeWidget/css/youtubewidget.css'); } if (document.querySelectorAll('.mf-ytw-wrapper').length) { !function (f, b, e, v, t, s) { if(f.mfytwjs)return; f.mfytwjs=1; t = b.createElement(e); t.type = 'text/javascript'; t.src = v; s = b.getElementsByTagName('HEAD')[0]; s.appendChild(t) }(window, document, 'script', 'https://dinhoj.se/static/version1727464539/frontend/Netab/hyva-dinhoj/sv_SE/Magefan_YouTubeWidget/js/iframe.js'); } if (document.querySelectorAll('[data-mf-ytw-youtube-link]').length) { !function (f, b, e, v, t) { if(f.mflinkjs)return; f.mflinkjs=1; t = b.createElement(e); t.type = 'text/javascript'; t.src = v; s = b.getElementsByTagName('HEAD')[0]; s.appendChild(t) }(window, document, 'script', 'https://dinhoj.se/static/version1727464539/frontend/Netab/hyva-dinhoj/sv_SE/Magefan_YouTubeWidget/js/link.js'); } });</script> <script>try { smileTracker.addPageVar('type.identifier', 'catalog_product_view'); smileTracker.addPageVar('type.label', 'Catalog Product View (Any)'); smileTracker.addPageVar('locale', 'sv_SE'); } catch (err) { ; }</script> <script>try { smileTracker.addPageVar('product.id', '69864'); smileTracker.addPageVar('product.label', 'Bromsljuskontakt fram-, Aprilia, Derbi, Rieju, Peugeot, Motorhispania, Yamaha, mfl.'); smileTracker.addPageVar('product.sku', '16-1968'); } catch (err) { ; }</script> <script> (() => { function src_default(Alpine) { Alpine.directive("intersect", (el, { value, expression, modifiers }, { evaluateLater, cleanup }) => { let evaluate = evaluateLater(expression); let options = { rootMargin: getRootMargin(modifiers), threshold: getThreshhold(modifiers) }; let observer = new IntersectionObserver((entries) => { entries.forEach((entry) => { if (entry.isIntersecting === (value === "leave")) return; evaluate(); modifiers.includes("once") && observer.disconnect(); }); }, options); observer.observe(el); cleanup(() => { observer.disconnect(); }); }); } function getThreshhold(modifiers) { if (modifiers.includes("full")) return 0.99; if (modifiers.includes("half")) return 0.5; if (!modifiers.includes("threshold")) return 0; let threshold = modifiers[modifiers.indexOf("threshold") + 1]; if (threshold === "100") return 1; if (threshold === "0") return 0; return Number(`.${threshold}`); } function getLengthValue(rawValue) { let match = rawValue.match(/^(-?[0-9]+)(px|%)?$/); return match ? match[1] + (match[2] || "px") : void 0; } function getRootMargin(modifiers) { const key = "margin"; const fallback = "0px 0px 0px 0px"; const index = modifiers.indexOf(key); if (index === -1) return fallback; let values = []; for (let i = 1; i < 5; i++) { values.push(getLengthValue(modifiers[index + i] || "")); } values = values.filter((v) => v !== void 0); return values.length ? values.join(" ").trim() : fallback; } document.addEventListener("alpine:init", () => { window.Alpine.plugin(src_default); }); })(); </script> <script> for (const [selector, deferUntil] of Object.entries({".product-slider section[x-data]":"intersect",".product-info [x-data]":"intersect","#filters-content [x-data]":"intersect","#review_form":"intersect","section[x-data^=initRecentlyViewedProductsComponent]":"intersect","div[x-data^=initBundleOptions]":"intersect","#product_addtocart_form [x-data]":"intersect","#notice-cookie-block":"intersect"})) { document.querySelectorAll(selector).forEach(el => el.setAttribute('x-defer', `${deferUntil}`)); } </script> <script> (function () { "use strict"; const hasAlpine = new Promise(resolve => { window.addEventListener('alpine:initialized', resolve, {once: true, passive: true}); }); const hasInteract = new Promise(resolve => { (events => { const onInteract = () => { resolve(); events.forEach(type => window.removeEventListener(type, onInteract)); } events.forEach(type => window.addEventListener(type, onInteract, {once: true, passive: true})) })(['touchstart', 'mouseover', 'wheel', 'scroll', 'keydown']) }); const onIntersect = (el) => { return new Promise(resolve => { const observer = new IntersectionObserver(entries => { for (const entry of entries) { if (entry.isIntersecting) { observer.disconnect() resolve(); } } }, {}); observer.observe(el); }); } function runComponent(el) { hasAlpine.then(() => { el.removeAttribute('x-ignore'); queueMicrotask(() => Alpine.initTree(el)); }); } function initDeferredComponents() { document.querySelectorAll('[x-data][x-defer]').forEach(el => { el.setAttribute('x-ignore', ''); const deferUntil = (el.getAttribute('x-defer') || '').trim(); switch (deferUntil) { case 'interact': hasInteract.then(() => runComponent(el)); break; case 'intersect': onIntersect(el).then(() => runComponent(el)) break; case 'idle': window.requestIdleCallback ? window.requestIdleCallback(() => runComponent(el), {timeout: 4000}) : setTimeout(() => runComponent(el), 4000); break; case 'eager': runComponent(el); break; default: if (deferUntil.startsWith('event:') && deferUntil.length > 6) { window.addEventListener(deferUntil.substring(6), () => runComponent(el), {once: true, passive: true}); } } }); } window.addEventListener('alpine:init', initDeferredComponents, {once: true, passive: true}); })() </script> <script> (() => { // packages/collapse/src/index.js function src_default(Alpine) { Alpine.directive("collapse", collapse); collapse.inline = (el, { modifiers }) => { if (!modifiers.includes("min")) return; el._x_doShow = () => {}; el._x_doHide = () => {}; }; function collapse(el, { modifiers }) { let duration = modifierValue(modifiers, "duration", 250) / 1e3; let floor = modifierValue(modifiers, "min", 0); let fullyHide = !modifiers.includes("min"); if (!el._x_isShown) el.style.height = `${floor}px`; if (!el._x_isShown && fullyHide) el.hidden = true; if (!el._x_isShown) el.style.overflow = "hidden"; let setFunction = (el2, styles) => { let revertFunction = Alpine.setStyles(el2, styles); return styles.height ? () => {} : revertFunction; }; let transitionStyles = { transitionProperty: "height", transitionDuration: `${duration}s`, transitionTimingFunction: "cubic-bezier(0.4, 0.0, 0.2, 1)" }; el._x_transition = { in(before = () => {}, after = () => {}) { if (fullyHide) el.hidden = false; if (fullyHide) el.style.display = null; let current = el.getBoundingClientRect().height; el.style.height = "auto"; let full = el.getBoundingClientRect().height; if (current === full) { current = floor; } Alpine.transition(el, Alpine.setStyles, { during: transitionStyles, start: { height: current + "px" }, end: { height: full + "px" } }, () => el._x_isShown = true, () => { if (el.getBoundingClientRect().height == full) { el.style.overflow = null; } }); }, out(before = () => {}, after = () => {}) { let full = el.getBoundingClientRect().height; Alpine.transition(el, setFunction, { during: transitionStyles, start: { height: full + "px" }, end: { height: floor + "px" } }, () => el.style.overflow = "hidden", () => { el._x_isShown = false; if (el.style.height == `${floor}px` && fullyHide) { el.style.display = "none"; el.hidden = true; } }); } }; } } function modifierValue(modifiers, key, fallback) { if (modifiers.indexOf(key) === -1) return fallback; const rawValue = modifiers[modifiers.indexOf(key) + 1]; if (!rawValue) return fallback; if (key === "duration") { let match = rawValue.match(/([0-9]+)ms/); if (match) return match[1]; } if (key === "min") { let match = rawValue.match(/([0-9]+)px/); if (match) return match[1]; } return rawValue; } // packages/collapse/builds/cdn.js document.addEventListener("alpine:init", () => { window.Alpine.plugin(src_default); }); })(); </script> <script> function createAjaxLoader() { const loader = document.createElement('div'); loader.className = 'absolute inset-0 flex justify-center items-center loader'; loader.innerHTML = `<!-- By Sam Herbert (@sherb), for everyone. More @ http://goo.gl/7AJzbL --> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 57 57" stroke="currentColor" class="w-full h-full p-2" width="24" height="24" role="img"> <g fill="none" fill-rule="evenodd"> <g transform="translate(1 1)" stroke-width="2"> <circle cx="5" cy="50" r="5"> <animate attributeName="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcMode="linear" repeatCount="indefinite"/> <animate attributeName="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcMode="linear" repeatCount="indefinite"/> </circle> <circle cx="27" cy="5" r="5"> <animate attributeName="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcMode="linear" repeatCount="indefinite"/> <animate attributeName="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcMode="linear" repeatCount="indefinite"/> </circle> <circle cx="49" cy="50" r="5"> <animate attributeName="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcMode="linear" repeatCount="indefinite"/> <animate attributeName="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcMode="linear" repeatCount="indefinite"/> </circle> </g> </g> <title>Laddar...</title></svg> `; return loader; } function addAjaxLoader(button, loader) { button.setAttribute('data-label', button.getAttribute('aria-label')); button.removeAttribute('aria-label'); button.prepend(loader); button.classList.add('relative', '[&>:not(.loader)]:invisible'); button.disabled = true; } function removeAjaxLoader(button, loader) { button.setAttribute('aria-label', button.getAttribute('data-label')); button.removeAttribute('data-label'); loader.remove(); button.classList.remove('[&>:not(.loader)]:invisible'); button.disabled = false; } async function addAjaxCartForm(form, extraDelay = 500) { if (!form) return; event.preventDefault(); if (!form.reportValidity()) { return form.submit(); } const formData = new FormData(form); const button = form.querySelector('button:not([type=button], [type=reset])') ? form.querySelector('button:not([type=button], [type=reset])') : document.getElementById('product-addtocart-button'); const loader = createAjaxLoader(button); const formUenc = hyva.getUenc(); const postUrl = event.target.action.replace('%25uenc%25', formUenc); let bodyUrl = new URLSearchParams(formData); bodyUrl.append("uenc", formUenc); addAjaxLoader(button, loader); try { const response = await fetch(postUrl, { method: 'POST', body: bodyUrl.toString(), mode: "cors", credentials: "include", headers: { 'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8', 'X-Requested-With': 'XMLHttpRequest' } }); // Here to make sure the request is handled as a promise const responseData = await response.text(); if (!response.ok) { return form.submit(); } if (response.redirected) { return window.location.href = response.url; } window.dispatchEvent(new CustomEvent("reload-customer-section-data")); const productFormData = { productId: formData.get("product"), options: {} } for (const formEntry of formData.entries()) { if (!formEntry[0].startsWith('super_attribute')) continue; const formEntryOption = { [formEntry[0].match(/\[(\d+)\]/)[1]]: formEntry[1] }; productFormData.options = { ...productFormData.options, ...formEntryOption }; } window.dispatchEvent(new CustomEvent('open-ajax-cart', { detail: productFormData })); } catch (err) { console.warn(err); window.dispatchEvent(new CustomEvent('product-addtocart-error')); if (typeof window.dispatchMessages === "undefined") return; window.dispatchMessages([{ text:'There\u0020was\u0020a\u0020problem\u0020adding\u0020your\u0020item\u0020to\u0020the\u0020cart.', type: 'error' }], 5000); } finally { setTimeout(() => removeAjaxLoader(button, loader), extraDelay); } } function removeAjaxCartForm(form) { removeEventListener('submit', form); } document.addEventListener('submit', function(event) { if (!event.target.matches('#product_addtocart_form, .product_addtocart_form')) return; addAjaxCartForm(event.target, 500); }); </script> <script> function initAjaxCartModal() { return { open: false, cart: {}, initialTotalCartAmount: 0, totalCartAmount: 0, cartItem: null, showSku: true, init() { window.addEventListener('private-content-loaded', (event) => { const cartData = event.detail.data && event.detail.data.cart; if (!cartData) return; this.cart = cartData; this.totalCartAmount = this.cart.summary_count; this.initialTotalCartAmount = this.cart.summary_count; }, { once: true }); this.$watch('totalCartAmount', (value, oldValue) => { if (this.initialTotalCartAmount === this.totalCartAmount) return; this.openDialog(); this.initialTotalCartAmount = this.totalCartAmount; }) }, sortObjectByNumberKey(obj) { let keys = Object.keys(obj).map(Number).sort((a, b) => a - b); let sortedObj = {}; keys.forEach(key => sortedObj[key] = obj[key]); return sortedObj; }, setNewCartData(event) { const productData = event.detail; window.addEventListener('private-content-loaded', (event) => { const cartData = event.detail.data && event.detail.data.cart; if (!cartData) return; this.cart = cartData; this.totalCartAmount = this.cart.summary_count; if (!productData) return; this.getCurrentProductFromCart(productData); }, { once: true }); }, getCurrentProductFromCart(productData) { if (!this.cart.items) return; this.cartItem = this.cart.items.filter((item) => { if (item.product_id !== productData.productId) return; if (item.product_type !== "configurable") { return item; } let cartItemOptions = {}; for (const option of item.options) { const filterOptions = { [option.option_id]: option.option_value }; cartItemOptions = { ...cartItemOptions, ...filterOptions } } const cartItemOptionsCompare = JSON.stringify(this.sortObjectByNumberKey(cartItemOptions)); const productDataOptionsCompare = JSON.stringify(this.sortObjectByNumberKey(productData.options)); if (cartItemOptionsCompare === productDataOptionsCompare) { return item; } }); if (this.cartItem > 1) { this.cartItem = this.cartItem.slice(0, 1); } this.cartItem = this.cartItem[0]; }, getItemCountText() { if (this.totalCartAmount > 1) { return hyva.str('(\u00251\u0020artiklar)', this.totalCartAmount); } return hyva.str('(\u00251\u0020item)', this.totalCartAmount); }, openDialog() { if (!this.cartItem) return; this.$root.showModal(); this.open = true; this.scrollLock(this.open); }, closeDialog() { this.$root.close(); this.open = false; this.scrollLock(this.open); }, scrollLock(use = true) { document.body.style.overflow = use ? "hidden" : ""; }, onDialogBackdropClickHelper(event, target = this.$root) { const rect = target.getBoundingClientRect(); const isInDialog = rect.top <= event.clientY && event.clientY <= rect.top + rect.height && rect.left <= event.clientX && event.clientX <= rect.left + rect.width; return isInDialog; } } } </script> <script type="module" src="https://dinhoj.se/static/version1727464539/frontend/Netab/hyva-dinhoj/sv_SE/Hyva_Theme/js/alpine3.min.js" defer crossorigin ></script> <script> 'use strict'; function dispatchMessages(messages, hideAfter) { const messagesEvent = new CustomEvent("messages-loaded", { detail: { messages: messages, hideAfter: hideAfter } }); window.dispatchEvent(messagesEvent); } if (typeof hyva === 'undefined' || (!hyva.getBrowserStorage || !hyva.getCookie || !hyva.setCookie)) { console.warn("Hyvä helpers are not loaded yet. Make sure they are included before this script"); } (function( hyva, undefined ) { hyva.initFormKey = () => { const inputSelector = 'input[name="form_key"]', formKey = hyva.getFormKey(); Array.from(document.querySelectorAll(inputSelector)).map(function (input) { input.value = formKey }); } hyva.initMessages = () => { try { const messages = hyva.getCookie('mage-messages'); window.mageMessages = messages ? JSON.parse(decodeURIComponent(messages).replace(/\+/g, ' ')) : []; dispatchMessages(window.mageMessages); // empty `mage-messages` cookie const skipSetDomain = true; hyva.setCookie('mage-messages','', -1, skipSetDomain); } catch (error) { console.warn('Error parsing Cookie Messages:', error); } } window.addEventListener('DOMContentLoaded', hyva.initFormKey); hyva.alpineInitialized(hyva.initMessages) }( window.hyva = window.hyva || {} )); </script> <script> 'use strict'; { const private_content_key = 'mage-cache-storage'; const private_content_expire_key = 'mage-cache-timeout'; const private_content_version_key = 'private_content_version'; const section_data_ids_key = 'section_data_ids'; const mage_cache_session_id_key = 'mage-cache-sessid'; const last_visited_store_key = 'last_visited_store'; const ttl = 3600; if (typeof hyva === 'undefined' || (!hyva.getBrowserStorage || !hyva.getCookie || !hyva.setCookie)) { console.warn("Hyvä helpers are not loaded yet. Make sure they are included before this script"); } function loadSectionData () { const browserStorage = hyva.getBrowserStorage(); if (!browserStorage) { typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( [{ type: "warning", text: "Please enable LocalStorage in your browser." }] ); return; } try { let isInvalid = false; if (hyva.getCookie(last_visited_store_key) !== CURRENT_STORE_CODE) { isInvalid = true; } hyva.setCookie(last_visited_store_key, CURRENT_STORE_CODE, false, false); if (!hyva.getCookie(mage_cache_session_id_key)) { isInvalid = true; browserStorage.removeItem(private_content_key); const skipSetDomain = true; const days = false; hyva.setCookie(mage_cache_session_id_key, true, days, skipSetDomain) } const cookieVersion = hyva.getCookie(private_content_version_key); const storageVersion = browserStorage.getItem(private_content_version_key); if (cookieVersion && !storageVersion || cookieVersion !== storageVersion) { isInvalid = true; } const privateContentExpires = browserStorage.getItem(private_content_expire_key); if (privateContentExpires && new Date(privateContentExpires) < new Date()) { browserStorage.removeItem(private_content_key); } if (isInvalid && cookieVersion) { fetchPrivateContent([]); } else if (cookieVersion && storageVersion && cookieVersion === storageVersion) { const privateContent = JSON.parse(browserStorage.getItem(private_content_key)); if ( privateContent && privateContentExpires && privateContent.cart && privateContent.customer ) { dispatchPrivateContent(privateContent); } else { fetchPrivateContent([]); } } else { if (document.getElementById('default-section-data')) { const privateContent = JSON.parse(document.getElementById('default-section-data').innerText.trim()); dispatchPrivateContent(privateContent); } else { dispatchPrivateContent({}); } } } catch (error) { console.warn('Error retrieving Private Content:', error); } } hyva.alpineInitialized(loadSectionData) window.addEventListener('reload-customer-section-data', loadSectionData); function dispatchPrivateContent(data) { const privateContentEvent = new CustomEvent("private-content-loaded", { detail: { data: data } }); window.dispatchEvent(privateContentEvent); } function fetchPrivateContent(sections) { fetch(`${BASE_URL}customer/section/load/?sections=${encodeURIComponent(sections.join(','))}`, { method: 'GET', headers: { 'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest' } }) .then(response => response.json()) .then( data => { if (data) { try { const browserStorage = hyva.getBrowserStorage(); // merge new data preserving non-invalidated sections const oldSectionData = JSON.parse(browserStorage.getItem(private_content_key) || '{}') || {}; if ((! data.cart || ! data.cart.cartId) && oldSectionData['checkout-data']) { delete oldSectionData['checkout-data']; } const newSectionData = Object.assign(oldSectionData, data); dispatchPrivateContent(newSectionData); // don't persist messages, they've been dispatched already if (newSectionData.messages && newSectionData.messages.messages ) { newSectionData.messages.messages = []; } browserStorage.setItem(private_content_key, JSON.stringify(newSectionData)); const expiresAt = new Date(Date.now() + (ttl * 1000)).toISOString(); browserStorage.setItem(private_content_expire_key, expiresAt); const newCookieVersion = hyva.getCookie(private_content_version_key); browserStorage.setItem(private_content_version_key, newCookieVersion); // We don't need the section_data_ids in Hyvä, but we store them for compatibility // with Luma Fallback. Otherwise, not all sections are loaded in Luma Checkout hyva.setCookie( section_data_ids_key, JSON.stringify( Object.keys(data).reduce((sectionDataIds, sectionKey) => { sectionDataIds[sectionKey] = data[sectionKey]['data_id']; return sectionDataIds; }, {}) ), false, true ); } catch (error) { console.warn("Couldn't store privateContent", error); } } } ); } } </script> <script> (() => { document.addEventListener('submit', event => event.target.action = event.target.action.replace('%25uenc%25', hyva.getUenc())); })() </script> <script> (events => { const dispatchUserInteractionEvent = () => { events.forEach(type => window.removeEventListener(type, dispatchUserInteractionEvent)) window.dispatchEvent(new Event('init-external-scripts')) }; events.forEach(type => window.addEventListener(type, dispatchUserInteractionEvent, {once: true, passive: true})) })(['touchstart', 'mouseover', 'wheel', 'scroll', 'keydown']) </script> <script> function initCompareOnProductList() { return { addToCompare(productId) { const formKey = hyva.getFormKey(); const postUrl = BASE_URL + 'catalog/product_compare/add/'; fetch(postUrl, { "headers": { "content-type": "application/x-www-form-urlencoded; charset=UTF-8", }, "body": "form_key=" + formKey + "&product=" + productId + "&uenc=" + hyva.getUenc(), "method": "POST", "mode": "cors", "credentials": "include" }).then(function (response) { if (response.redirected) { window.location.href = response.url; } }).catch(function (error) { typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( [{ type: "error", text: error }], 5000 ); }); } }; } </script> <script> function initConfigurableOptions(productId, optionConfig) { function findPathParam(key) { const baseUrl = (BASE_URL.substring(0, 2) === '//' ? 'http:' : '') + BASE_URL; const baseUrlParts = (new URL(baseUrl)).pathname.replace(/\/$/, '').split('/'); const pathParts = window.location.pathname.split('/').slice(baseUrlParts.length + 3); for (let i = 0; i < pathParts.length; i += 2) { if (pathParts[i] === key && pathParts.length > i) { return pathParts[i + 1]; } } } return { optionConfig, productId, itemId: (new URLSearchParams(window.location.search)).get('id') || findPathParam('id'), allowedAttributeOptions: [], selectedValues: [], init() { this.findAllowedAttributeOptions(); this.$nextTick(() => { if (typeof this.optionConfig.defaultValues === 'object') { for (const [attributeId, value] of Object.entries(this.optionConfig.defaultValues)) { this.changeOption(attributeId, value + ''); } } }); }, findSimpleIndex() { this.productIndex = this.calculateSimpleIndexForPartialSelection(this.selectedValues); }, calculateSimpleIndexForPartialSelection(selectedValues) { if (selectedValues.length === 0) return 0; let productIndexIds = Object.keys(this.optionConfig.index); Object.keys(this.optionConfig.attributes).forEach((attribute) => { const productsWithAttributeMatch = selectedValues[attribute] ? productIndexIds.filter((productIndex) => { return this.optionConfig.index[productIndex][attribute] === this.selectedValues[attribute] }) : []; productIndexIds = productsWithAttributeMatch.length ? productsWithAttributeMatch : productIndexIds }) return productIndexIds[0]; }, calculateSimpleIndexForFullSelection(selectedValues) { const productIndexes = this.optionConfig.index; return Object.keys(productIndexes).find(productIndex => { const productCandidateOptions = productIndexes[productIndex]; for (const productOption in productCandidateOptions) { if ( ! selectedValues[productOption] || selectedValues[productOption] !== productCandidateOptions[productOption] ) { return false; } } return productIndex; }); }, productIndex: 0, findAllowedAttributeOptions() { this.allowedAttributeOptions = this.calculateAllowedAttributeOptions(this.selectedValues); }, calculateAllowedAttributeOptions(selectedValues) { const allAttributes = this.optionConfig.attributes; const allAttributesSorted = Object.values(allAttributes).sort((a,b) => { return a.position - b.position }); const newAllowedAttributeOptions = []; allAttributesSorted.forEach(attribute => { const selectionWithoutAttr = Object.assign({}, this.removeAttrFromSelection(selectedValues, attribute.id)); const availableIndexes = this.calculateAvailableProductIndexes(selectionWithoutAttr); newAllowedAttributeOptions[attribute.id] = allAttributes[attribute.id].options.filter(option => { return !!option.products.find(product => { return availableIndexes.includes(product); }) }); }); return newAllowedAttributeOptions; }, calculateAvailableProductIndexes(selectedOptions) { if (Object.keys(selectedOptions).length === 0) { if (Object.values(this.optionConfig.salable || {}).length) { return [].concat.apply([], [].concat.apply([], Object.values(this.optionConfig.salable).map(Object.values))).filter((x, i, a) => a.indexOf(x) === i) } return Object.keys(this.optionConfig.index); } const selectedIds = Object.keys(selectedOptions); if (Object.values(this.optionConfig.salable || {}).length) { const selectedOptionIndexes = selectedIds.map(attrId => { const optionValue = selectedOptions[attrId]; return this.optionConfig.salable[attrId] && this.optionConfig.salable[attrId][optionValue] || [] }) return selectedOptionIndexes.reduce((acc, optionIndexes) => { return acc.filter(index => optionIndexes.includes(index)); }); } else { const productIndexes = this.optionConfig.index; return Object.keys(productIndexes).filter(index => { for (const attrId of selectedIds) { if (productIndexes[index][attrId] !== `${selectedOptions[attrId]}`) return false } return true }); } }, findAttributeByOptionId(optionId) { for (const attributeId in this.optionConfig.attributes) { const attributeOptions = this.optionConfig.attributes[attributeId].options || []; if (attributeOptions.find(option => option.id === optionId)) { return attributeId; } } }, getAllowedAttributeOptions(attributeId) { return this.allowedAttributeOptions[attributeId] || [] }, getProductIdsForOption(option) { const attributeId = this.findAttributeByOptionId(option.id); const allOptions = this.optionConfig.attributes[attributeId]; const opt = (allOptions && allOptions.options || []).find(o => o.id === option.id); return opt && opt.products ? opt.products : []; }, findProductIdsForPartialSelection(optionSelection) { const candidateProducts = Object.values(optionSelection).reduce((candidates, optionId) => { const newCandidates = this.getProductIdsForOption({id: optionId}); return candidates === null ? newCandidates : candidates.filter(productId => newCandidates.includes(productId)); }, null); return candidateProducts || []; }, findCheapestProductForPartialSelection(optionSelection) { const candidateProducts = this.findProductIdsForPartialSelection(optionSelection); return candidateProducts.reduce((cheapest, simpleIdx) => { // in the first iteration we start with simpleIdx as the currently cheapest product if (! this.optionConfig.optionPrices[cheapest]) return simpleIdx; const knownCheapestPrice = this.optionConfig.optionPrices[cheapest].finalPrice.amount; return knownCheapestPrice > this.optionConfig.optionPrices[simpleIdx].finalPrice.amount ? simpleIdx : cheapest; }, 0) }, findProductIdToUseForOptionPrice(option) { // try to find a product for a complete selection const attributeId = this.findAttributeByOptionId(option.id); const optionSelection = Object.assign({}, this.selectedValues, {[attributeId]: option.id}); const matchingSimpleIndex = this.calculateSimpleIndexForFullSelection(optionSelection); // if there is no complete selection, use the cheapest product for the option return matchingSimpleIndex || this.findCheapestProductForPartialSelection(optionSelection); }, getAttributeOptionLabel(option) { const optionProduct = this.findProductIdToUseForOptionPrice(option); if ((! optionProduct) || (optionProduct === this.productIndex)) { return option.label; } const currentPrice = this.getOptionPriceAdjustmentBasePrice(); if (this.optionConfig.optionPrices[optionProduct]) { const optionPrice = this.optionConfig.optionPrices[optionProduct].finalPrice.amount; if (optionPrice !== currentPrice){ return option.label + ' ' + hyva.formatPrice(optionPrice - currentPrice, true); } } return option.label; }, getOptionPriceAdjustmentBasePrice() { if (this.optionConfig.optionPrices[this.productIndex]) { return this.optionConfig.optionPrices[this.productIndex].finalPrice.amount } const cheapestForSelection = this.findCheapestProductForPartialSelection(this.selectedValues); return this.optionConfig.optionPrices[cheapestForSelection] ? this.optionConfig.optionPrices[cheapestForSelection].finalPrice.amount : this.optionConfig.prices.finalPrice.amount; // default price if no option selection }, clearOptionIfActive(optionId, value) { if (this.selectedValues[optionId] === value) { this.blurLabel() this.changeOption(optionId, '') } }, removeAttrFromSelection(selectedValues, attributeId) { attributeId = parseInt(attributeId); return selectedValues.reduce((newSelection, val, attr) => { if (attr !== attributeId) { newSelection[attr] = val; } return newSelection; }, []); }, changeOption(attributeId, value) { if (value === '') { this.selectedValues = this.removeAttrFromSelection(this.selectedValues, attributeId) } else if (value && this.getAllowedAttributeOptions(attributeId).find(option => option.id === value)) { this.selectedValues[attributeId] = value; } this.findSimpleIndex(); this.findAllowedAttributeOptions(); this.updatePrices(); this.updateGallery(); window.dispatchEvent( new CustomEvent( 'configurable-selection-changed', { detail: { productId: this.productId, optionId: attributeId, value: value, productIndex: this.productIndex, selectedValues: this.selectedValues, candidates: this.findProductIdsForPartialSelection(this.selectedValues), } } ) ); }, calculateIsMinimalPrice() { return ( this.selectedValues.filter(value => !!value).length < Object.keys(this.optionConfig.attributes).length ); }, updatePrices() { const value = this.productIndex ? this.optionConfig.optionPrices[this.productIndex] : this.optionConfig.prices; window.dispatchEvent( new CustomEvent( "update-prices-" + this.productId, { detail: Object.assign( value, { isMinimalPrice: this.calculateIsMinimalPrice() } ) } ) ); }, updateGallery () { if (this.productIndex) { const images = this.optionConfig.images[this.productIndex]; images && window.dispatchEvent(new CustomEvent( "update-gallery", { detail: this.sortImagesByPosition(images) } )); } else { window.dispatchEvent(new Event("reset-gallery")); } }, sortImagesByPosition(images) { return images.sort((x, y) => { return x.position === y.position ? 0 : (parseInt(x.position) > parseInt(y.position) ? 1 : -1) }); }, onGetCartData(data) { if (this.productId === '69864') { this.preselectCartItems(data); this.preselectQuerystringItems(); this.preselectLocationHashItems(); } }, preselectCartItems(data) { // pre-select options based on cart data for current (quote) itemId const cart = data && data.cart; if (cart && cart.items) { const cartItem = cart.items.find((item) => { return ( item.item_id === this.itemId && item.product_id === this.productId ) }); if (cartItem && cartItem.options && cartItem.options.length) { cartItem.options.map(option => { this.changeOption(option.option_id, option.option_value); }) } } }, preselectQuerystringItems() { // pre-select option like ?size=167 const urlQueryParams = new URLSearchParams(window.location.search.replace('?','')); this.preselectItemsBasedOnLocation(attribute => urlQueryParams.get(attribute.code)); }, preselectLocationHashItems() { // pre-select option like #144=167 const urlHashParams = new URLSearchParams(window.location.hash.replace('#','')); this.preselectItemsBasedOnLocation(attribute => urlHashParams.get(attribute.id)); }, preselectItemsBasedOnLocation(getLocationValue) { Object.values(this.optionConfig.attributes).map(attribute => { this.changeOption(attribute.id, getLocationValue(attribute)) }); } } } </script> <script> function initSwatchOptions(swatchConfig) { return { swatchConfig, getAttributeSwatchData(attributeId) { const swatchConfig = Object.assign({}, this.swatchConfig[attributeId]); swatchConfig['details'] = JSON.parse(swatchConfig['additional_data']); return swatchConfig; }, getAllAttributeOptions(attributeId) { return ( this.optionConfig.attributes[attributeId] && this.optionConfig.attributes[attributeId].options ) || [] }, optionIsActive(attributeId, optionId) { // return true if a product with this option is in stock return !!this.getAllowedAttributeOptions(attributeId).find( option => option.id === optionId ) }, optionIsEnabled(attributeId, optionId) { // return true if a product with this option is enabled for (const productId in this.optionConfig.index) { if (this.optionConfig.index[productId][attributeId] === optionId) { return true; } } return false; }, mapSwatchTypeNumberToTypeCode(typeNumber) { switch ("" + typeNumber) { case "1": return "color" case "2": return "image" case "3": return "empty" case "0": default: return "text" } }, getTypeOfFirstOption(attributeId) { for (const optionId in this.swatchConfig[attributeId]) { const option = this.swatchConfig[attributeId][optionId]; if (typeof option.type !== 'undefined') { return this.mapSwatchTypeNumberToTypeCode(option.type); } } }, getVisualSwatchType(attributeId, targetOptionId) { // If a type configuration is present for the given option id, use it const config = this.swatchConfig[attributeId]; if (config[targetOptionId] && typeof config[targetOptionId].type !== 'undefined') { return this.mapSwatchTypeNumberToTypeCode(config[targetOptionId].type); } // Otherwise - if no config is present for the target option - use the type of the first option // with a type property from the attribute, thus assuming its the same type as the target option. // (This edge case condition can occur on single swatch products if some options are not salable) return this.getTypeOfFirstOption(attributeId); }, getSwatchType(attributeId, optionId) { // Deserialize the attribute details the first time they are used if (this.swatchConfig[attributeId] && ! this.swatchConfig[attributeId].details) { this.swatchConfig[attributeId] = this.getAttributeSwatchData(attributeId); } const type = this.swatchConfig[attributeId] && this.swatchConfig[attributeId].details && this.swatchConfig[attributeId].details.swatch_input_type || "empty"; return type === 'visual' ? this.getVisualSwatchType(attributeId, optionId) : type; }, isTextSwatch(attributeId, optionId) { return this.getSwatchType(attributeId, optionId) === 'text'; }, isVisualSwatch(attributeId, optionId) { const type = this.getSwatchType(attributeId, optionId); return ['image', 'color'].includes(type); }, getSwatchBackgroundStyle(attributeId, optionId) { const config = this.getSwatchConfig(attributeId, optionId); const type = this.getSwatchType(attributeId, optionId); if (type === "color") { return 'background-color:' + config.value; } else if (type === "image") { return "background: #ffffff url('" + config.value + "') no-repeat center"; } else { return ''; } }, getSwatchText(attributeId, optionId) { const config = this.getSwatchConfig(attributeId, optionId); return config.label || config.value || this.getOptionLabelFromOptionConfig(attributeId, optionId); }, getOptionLabelFromOptionConfig(attributeId, optionId) { // Fallback if no value is present in swatchConfig data // Reference issue https://gitlab.hyva.io/hyva-themes/magento2-default-theme/-/issues/190 const option = this.getAllAttributeOptions(attributeId).filter(option => option.id === optionId); return option && option[0] && option[0].label ||''; }, getSwatchConfig(attributeId, optionId) { return this.swatchConfig[attributeId] && this.swatchConfig[attributeId][optionId] ? this.swatchConfig[attributeId][optionId] : false; }, activeTooltipItem: false, tooltipPositionElement: false, isTooltipVisible() { return this.activeTooltipItem && this.getSwatchConfig( this.activeTooltipItem.attribute, this.activeTooltipItem.item ); }, isFirstItemCol() { return this.activeTooltipItem.index === 0; }, getTooltipImageStyle(attributeId, optionId) { const config = this.getSwatchConfig(attributeId, optionId); const type = this.getSwatchType(attributeId, optionId); if (type === "color") { return 'background-color:' + config.value + '; width: 110px; height: 90px;'; } else if (type === "image") { return "background: #ffffff url('" + config.thumb + "') center center no-repeat; width: 110px; height: 90px;"; } else { return 'display:none'; } }, getTooltipPosition() { return this.tooltipPositionElement ? `top: ${this.tooltipPositionElement.offsetTop}px;` + `left: ${ this.tooltipPositionElement.offsetLeft - ( this.tooltipPositionElement.closest('.snap') && this.tooltipPositionElement.closest('.snap').scrollLeft || 0 ) }px;` : '' }, getTooltipLabel() { return this.getSwatchConfig(this.activeTooltipItem.attribute, this.activeTooltipItem.item).label }, focusedLabel: false, focusLabel(optionId) { this.focusedLabel = optionId; }, blurLabel() { this.focusedLabel = false; }, showSwatches: false, initShowSwatchesIntersect() { if ('IntersectionObserver' in window && !window.scrollY) { let io = new IntersectionObserver( entries => { entries.map(entry => { if (entry.isIntersecting) { this.showSwatches = true; io.unobserve(this.$root); } }) } ); io.observe(this.$root); } else { this.showSwatches = true } } } } </script> <script> 'use strict'; const grecaptchaV2LoadCallbacks = []; function executeRecaptchaLoadCallbacks () { while (window.grecaptcha && grecaptchaV2LoadCallbacks.length > 0) { const callback = grecaptchaV2LoadCallbacks.pop(); typeof callback === 'string' ? window[callback]() : callback(); } } (function() { const loadRecaptchaScript = (event) => { if (window.grecaptcha || !event.target.form) { return; } const url = 'https://www.google.com/recaptcha/api.js?onload=executeRecaptchaLoadCallbacks'; const siteKey = '6LeswvshAAAAAKA8e5sKqlI4Tq5aBloZ09qqdI0R'; const script = document.createElement('script'); script.type = 'text/javascript'; script.src = siteKey ? `${url}&render=${siteKey}` : `${url}&render=explicit`; script.async = true; document.head.appendChild(script); script.addEventListener('load', () => { Array.from(document.querySelectorAll('button[data-recaptcha-btn]:disabled')).forEach(btn => btn.removeAttribute('disabled')); }); } window.forceLoadRecaptchaScript = (form) => { loadRecaptchaScript({target: {form: form || 'dummy'}}); executeRecaptchaLoadCallbacks(); }; document.body.addEventListener('input', loadRecaptchaScript, { once: true }); document.body.addEventListener('focus', loadRecaptchaScript, { once: true }); }()); </script> <script type="text/javascript"> window.dataLayer = window.dataLayer || []; function init() { const data = [{"event":"productDetail","ecommerce":{"currencyCode":"SEK","detail":{"products":[{"id":"16-1968","name":"Bromsljuskontakt fram-, Aprilia, Derbi, Rieju, Peugeot, Motorhispania, Yamaha, mfl.","p_id":"69864","category":"Reservdelar","price":69}]}}}]; if (data) { let storedData = null data.forEach((item) => { // Set category data on product detail page if (item?.event === 'productDetail') { if (storedData === null) { storedData = JSON.parse(window.localStorage.getItem("product-click")); } if (storedData?.sku && storedData?.list) { if (item.ecommerce.detail.products.find((product) => product.id == storedData.sku)) { item.ecommerce.detail.actionField = { list: storedData.list }; } } if (storedData?.position) { item?.ecommerce?.detail?.products.forEach((product) => { product.position = storedData.position }) } } // Set datalayer window.dataLayer.push(item); }) } } init(); </script> <script type="text/javascript"> window.dataLayer = window.dataLayer || []; let prevForm = null; [...document.querySelectorAll("#product_addtocart_form [required]")].forEach((input) => { input.addEventListener('invalid', () => { const form = input.form if (form !== prevForm) { window.dataLayer.push({ 'event': 'addToCartItemOptionRequired', 'productErrors': { 'product': getProductData() } }) prevForm = form } }) }); function getProductData() { const productDataLayer = window.dataLayer.find((item) => item.product) if (productDataLayer) { return { 'name': productDataLayer.product.name, 'sku': productDataLayer.product.sku, 'price': productDataLayer.product.price, 'p_id': productDataLayer.product.id } } return {} } </script> <script> 'use strict'; (function () { const useGraphQL = false; function getCurrentProductDataForRecentlyViewedList() { // Match GraphQL response structure return { id: 69864, name: 'Bromsljuskontakt\u0020fram\u002D,\u0020Aprilia,\u0020Derbi,\u0020Rieju,\u0020Peugeot,\u0020Motorhispania,\u0020Yamaha,\u0020mfl.', small_image: { label: 'Bromsljuskontakt\u0020fram\u002D,\u0020Aprilia,\u0020Derbi,\u0020Rieju,\u0020Peugeot,\u0020Motorhispania,\u0020Yamaha,\u0020mfl.', url: 'https\u003A\u002F\u002Fdinhoj.se\u002Fmedia\u002Fcatalog\u002Fproduct\u002Fcache\u002F700de2a2948782ba057bb95fe81b71bd\u002Fa\u002F\u002D\u002Fa\u002Dderbi\u002Drieju\u002Dpeugeot\u002Dmotorhispania\u002Dyamaha\u002Dmfl\u002D383482605_1.jpg' }, url_key: 'bromsljuskontakt\u002Dfram\u002Daprilia\u002Dderbi\u002Drieju\u002Dpeugeot\u002Dmotorhispania\u002Dyamaha\u002Dmfl\u002D16\u002D1968', url_suffix: '', visibility: 4, status: 1, price_range: { minimum_price: { regular_price: { value: 69, currency: 'SEK' }, final_price: { value: 69, currency: 'SEK' }, base_price: { value: 55.199999, currency: 'SEK' } } } } } function writeRecentlyViewedToStorage(data) { hyva.getBrowserStorage().setItem('recently_viewed_products', JSON.stringify(data)); } function readRecentlyViewedFromStorage () { const data = hyva.getBrowserStorage().getItem('recently_viewed_products'); return data ? JSON.parse(data).filter(product => { return useGraphQL || product.id; }) : []; } function removeExpiredProductsInLocalStorage() { const updatedLocalStorageData = []; readRecentlyViewedFromStorage().forEach(productData => { if (productData.expiry > Date.now()) { updatedLocalStorageData.push(productData); } }); writeRecentlyViewedToStorage(updatedLocalStorageData); } function addCurrentProductToRecentlyViewed() { const currentProduct = createRecordForCurrentProduct(); if (currentProduct.sku !== '') { const recentlyViewedSkusArray = readRecentlyViewedFromStorage() .filter(product => product.sku !== currentProduct.sku); recentlyViewedSkusArray.unshift(currentProduct); writeRecentlyViewedToStorage(recentlyViewedSkusArray); } } function createRecordForCurrentProduct() { const currentProduct = { sku: '16\u002D1968', expiry: Date.now() + 1000 * 1000 }; return useGraphQL ? currentProduct : Object.assign(currentProduct, getCurrentProductDataForRecentlyViewedList()); } removeExpiredProductsInLocalStorage(); addCurrentProductToRecentlyViewed() })() </script> <script> function initAmPreorder(availabilityElementSelector, preOrderNote, addToCartLabel, productId, isCategory = false, isSimple = false) { return { availabilityElementSelector: availabilityElementSelector, addToCartBtnSelector: '#product-addtocart-button span', defaultStockSelector: '.stock span', preOrderNote: preOrderNote, addToCartLabel: addToCartLabel, availabilityElement: null, originalNote: '', originalCartLabel: '', currentNote: '', currentCartLabel: '', productId: productId, isCategory: isCategory, productForm: null, isSimple: isSimple, isNeedShowPreorderStatus: false, initPreorder() { if (this.preOrderNote || this.addToCartLabel) { this.setStatusToPreorder(); } this.initAvailabilityElement(); this.initAddToCartButton(); }, initAvailabilityElement() { let availabilityElement; if (this.isCategory) { this.productForm = document.querySelector(`input[name='product'][value='${productId}']`)?.parentNode; availabilityElement = this.productForm?.querySelector('.ampreorder-category'); } else { availabilityElement = document.querySelector(this.availabilityElementSelector) || document.querySelector(this.availabilityElementSelector); if (this.availabilityElementSelector === this.defaultStockSelector) { availabilityElement = availabilityElement?.parentNode; } } this.originalNote = this.originalNote || availabilityElement?.innerHTML; if (!availabilityElement) { return; } availabilityElement.setAttribute( 'x-data', `{...initAmPreorderAvailability( '${this.currentNote || this.originalNote}', '${productId}', ${this.isCategory ? this.isNeedShowPreorderStatus : true}) }`); availabilityElement.setAttribute('x-bind', 'eventListeners'); availabilityElement.setAttribute('x-spread', 'eventListeners'); availabilityElement.setAttribute('x-html', 'note'); availabilityElement.setAttribute('x-show', 'isNeedShow'); }, initAddToCartButton() { let addToCartBtn; if (this.isCategory) { addToCartBtn = this.productForm.querySelector('.btn-primary span'); } else { addToCartBtn = document.querySelector(this.addToCartBtnSelector); } this.originalCartLabel = addToCartBtn.innerHTML.replace(/(\r\n|\n|\r)/gm, ''); if (!addToCartBtn) { return; } addToCartBtn.setAttribute('x-data', `{...initAmPreorderBtn('${this.currentCartLabel || this.originalCartLabel}', '${productId}')}`); addToCartBtn.setAttribute('x-bind', 'eventListeners'); addToCartBtn.setAttribute('x-spread', 'eventListeners'); addToCartBtn.setAttribute('x-text', 'cartLabel'); if (this.isNeedShowPreorderStatus) addToCartBtn.parentElement.classList.add('bg-sky-600', 'hover:bg-sky-500') }, setStatusToPreorder() { this.currentNote = this.preOrderNote || this.originalNote; this.currentCartLabel = this.addToCartLabel || this.originalCartLabel; this.isNeedShowPreorderStatus = true; }, resetToOriginalStatus() { this.currentNote = this.originalNote; this.currentCartLabel = this.originalCartLabel; this.isNeedShowPreorderStatus = false; }, dispatchChangeAvailabilityElement() { window.dispatchEvent(new CustomEvent(`am-preorder-change-availability-${productId}`, { detail: { isNeedShow: this.isCategory ? this.isNeedShowPreorderStatus : true, preOrderNote: this.currentNote } })); }, dispatchChangeBtnElement() { window.dispatchEvent(new CustomEvent(`am-preorder-change-btn-${productId}`, {detail: {addToCartLabel: this.currentCartLabel}})); }, dispatchChanges() { this.dispatchChangeAvailabilityElement(); this.dispatchChangeBtnElement(); } } } </script> <script> function initAmPreorderConfigurable(isAllProductsPreorder = false, map = [], originalNote = '') { return { isAllProductsPreorder: isAllProductsPreorder, map: map, originalNote: originalNote, initPreorderConfigurable() { if (this.isAllProductsPreorder) { this.setStatusToPreorder(); } this.initAvailabilityElement(); this.initAddToCartButton(); this.addSwatchGridEvent(); window.addEventListener(`am-configurable-selection-changed-${this.productId}`, event => { const detail = event.detail; const foundSwatch = Object.values(map).find(item => JSON.stringify(Object.values(item.attributes)) === JSON.stringify(Object.values(detail.selectedValues)) ); if (foundSwatch || this.isAllProductsPreorder) { if (foundSwatch) { this.currentNote = foundSwatch['note']; this.currentCartLabel = foundSwatch['cartLabel']; } else { this.setStatusToPreorder(); } this.isNeedShowPreorderStatus = true; this.dispatchChanges(); } else { this.resetToOriginalStatus(); this.dispatchChanges(); } } ) }, addSwatchGridEvent() { const swatchGrid = document.querySelector(`[x-data*="Options_${this.productId}"]`); if (swatchGrid) { swatchGrid.setAttribute( 'x-init', swatchGrid.getAttribute('x-init') + ';' + `$watch('selectedValues', (selectedValues) => {$dispatch("am-configurable-selection-changed-${this.productId}", {selectedValues})});` ); } } } } </script> <script> 'use strict'; (function () { const modals = []; const excludedFromFocusTrapping = new Set(); function trapFocusInNextModalWithOverlay() { for (let idx = modals.length -1; idx >= 0; idx--) { const nextOnStack = modals[idx]; const nextDialogElement = nextOnStack.instance.$refs[nextOnStack.name]; if (! isOverlayDisabled(nextDialogElement)) { hyva.trapFocus(nextDialogElement); break; } } } function focusables(dialogElement) { const selector = 'button, [href], input, textarea, select, details, [tabindex]:not([tabindex="-1"])'; return Array.from(dialogElement.querySelectorAll(selector)) .filter(el => !el.hasAttribute('disabled')); } function firstVisible(elements) { const a = Array.from(elements); for (let i = 0; i < a.length; i++) { if (a[i].offsetWidth || a[i].offsetHeight || a[i].getClientRects().length) return a[i]; } return null; } function isInViewport(element) { const rect = element && element.getBoundingClientRect(); return rect && rect.top >= 0 && rect.left >= 0 && rect.right <= window.innerWidth && rect.bottom <= window.innerHeight; } function setFocusAfterTransition(dialogElement, duration) { const nested = Array.from(dialogElement.querySelectorAll('[role="dialog"]')); const candidates = Array.from(dialogElement.querySelectorAll('[x-focus-first]')); next: for (let candidate of candidates) { for (let child of nested) { if (child.contains(candidate)) continue next; } setTimeout(() => candidate.focus(), 50); break; } window.setTimeout(() => { const focusElement = firstVisible(dialogElement.querySelectorAll('[x-focus-first]')) || focusables(dialogElement)[0] || null; focusElement && isInViewport(focusElement) && focusElement.focus(); }, Math.max(1, duration)); } function determineTrigger($refs, dialog, trigger) { if (typeof trigger === 'undefined' && typeof dialog === 'object' && dialog.target instanceof HTMLElement) { return dialog.target; } if (typeof dialog === 'string' && typeof trigger === 'object' && trigger.target instanceof HTMLElement) { return trigger.target; } if (typeof trigger === 'string') { try { return $refs[trigger] || document.querySelector(trigger) } catch (e) {} } if (trigger instanceof Element) { return trigger; } return null; } function isOverlayDisabled(dialog) { return dialog && dialog.hasAttribute('x-no-overlay') } function areRemainingModalsWithoutOverlay(modals) { const overflowDisabled = modals.map(modal => modal.instance.$refs[modal.name]).filter(isOverlayDisabled); return overflowDisabled.length === modals.length; } window.hyva.modal = function(options) { const config = Object.assign({ dialog: 'dialog', duration: 300, transitionEnter: 'transition ease-out duration-300', transitionEnterStart: 'opacity-0', transitionEnterEnd: 'opacity-100', transitionLeave: 'transition ease-in duration-300', transitionLeaveStart: 'opacity-100', transitionLeaveEnd: 'opacity-0', }, options); let lastHide = 0; return { opened: {}, show(dialog, trigger) { const focusTargetAfterHide = determineTrigger(this.$refs, dialog, trigger); const name = typeof dialog === 'string' ? dialog : config.dialog; const dialogElement = this.$refs[name]; if (! dialogElement) { console.error(`Use $modal->getShowJs() in the open trigger, or specify a custom name with\n$modal->withDialogRefName("my-name") and use show("my-name", $event).`); return; } const useOverlay = ! dialogElement.hasAttribute('x-no-overlay'); dialogElement.scrollTop = 0; if (this.opened[name]) { return; } if (focusTargetAfterHide) { focusTargetAfterHide.setAttribute('aria-expanded', 'true'); } this.opened[name] = true; useOverlay && this.$nextTick(() => hyva.trapFocus(dialogElement)); setFocusAfterTransition(dialogElement, config.duration); const frame = {name, instance: this, focusTarget: focusTargetAfterHide, time: Date.now()}; modals.push(frame); if (useOverlay) { document.body.classList.add('overflow-hidden'); } return new Promise(resolve => frame.resolve = resolve); }, cancel() { this.hide(false); }, ok() { this.hide(true); }, hide(value) { if (Date.now() - lastHide < config.duration) { return; } lastHide = Date.now(); const modal = modals.pop() || {}; const name = modal.name; this.opened[name] = false; hyva.releaseFocus(modal.instance.$refs[modal.name]) trapFocusInNextModalWithOverlay(); const nextFocusAfterHide = modal.focusTarget; nextFocusAfterHide && setTimeout(() => { nextFocusAfterHide.setAttribute('aria-expanded', 'false'); nextFocusAfterHide.focus() }, config.duration); if (modals.length === 0 || areRemainingModalsWithoutOverlay(modals)) { document.body.classList.remove('overflow-hidden'); } modal.resolve(value); }, overlay(dialog) { const name = typeof dialog === 'string' ? dialog : config.dialog; return { ['x-show']() { return this.opened[name] }, ['x-transition:enter']: config.transitionEnter, ['x-transition:enter-start']: config.transitionEnterStart, ['x-transition:enter-end']: config.transitionEnterEnd, ['x-transition:leave']: config.transitionLeave, ['x-transition:leave-start']: config.transitionLeaveStart, ['x-transition:leave-end']: config.transitionLeaveEnd, ['@hyva-modal-show.window'](event) { event.detail && event.detail.dialog === name && this.show(name, event.detail.focusAfterHide) } }; } }; } window.hyva.modal.peek = () => modals.length > 0 && modals[modals.length -1] window.hyva.modal.pop = function () { if (modals.length > 0) { const modal = modals[modals.length -1]; modal.instance.hide(); } } window.hyva.modal.excludeSelectorsFromFocusTrap = function (selectors) { typeof selectors === 'string' || selectors instanceof String ? excludedFromFocusTrapping.add(selectors) : selectors.map(selector => excludedFromFocusTrapping.add(selector)); } window.hyva.modal.eventListeners = { keydown: event => { if (event.key === 'Escape') { window.hyva.modal.pop(); } }, click: event => { if (modals.length > 0) { const modal = modals[modals.length -1]; const dialog = modal.instance.$refs[modal.name]; if (modal.time + 50 < Date.now() && // if last click processing is more than 50ms ago ! isOverlayDisabled(dialog) && // if dialog has overlay ! dialog.contains(event.target)) { // if click is outside of dialog modal.instance.hide(); } } } }; document.addEventListener('keydown', window.hyva.modal.eventListeners.keydown); document.addEventListener('click', window.hyva.modal.eventListeners.click); })(); </script> <script type="application/json" id="default-section-data"> {"messages":[],"customer":[],"compare-products":[],"last-ordered-items":[],"cart":[],"directory-data":{"SE":{"name":"Sverige","regions":{"1057":{"code":"SE-K","name":"Blekinge l\u00e4n"},"1058":{"code":"SE-W","name":"Dalarnas l\u00e4n"},"1060":{"code":"SE-X","name":"G\u00e4vleborgs l\u00e4n"},"1059":{"code":"SE-I","name":"Gotlands l\u00e4n"},"1061":{"code":"SE-N","name":"Hallands l\u00e4n"},"1062":{"code":"SE-Z","name":"J\u00e4mtlands l\u00e4n"},"1063":{"code":"SE-F","name":"J\u00f6nk\u00f6pings l\u00e4n"},"1064":{"code":"SE-H","name":"Kalmar l\u00e4n"},"1065":{"code":"SE-G","name":"Kronobergs l\u00e4n"},"1066":{"code":"SE-BD","name":"Norrbottens l\u00e4n"},"1076":{"code":"SE-T","name":"\u00d6rebro l\u00e4n"},"1077":{"code":"SE-E","name":"\u00d6sterg\u00f6tlands l\u00e4n"},"1067":{"code":"SE-M","name":"Sk\u00e5ne l\u00e4n"},"1069":{"code":"SE-D","name":"S\u00f6dermanlands l\u00e4n"},"1068":{"code":"SE-AB","name":"Stockholms l\u00e4n"},"1070":{"code":"SE-C","name":"Uppsala l\u00e4n"},"1071":{"code":"SE-S","name":"V\u00e4rmlands l\u00e4n"},"1072":{"code":"SE-AC","name":"V\u00e4sterbottens l\u00e4n"},"1073":{"code":"SE-Y","name":"V\u00e4sternorrlands l\u00e4n"},"1074":{"code":"SE-U","name":"V\u00e4stmanlands l\u00e4n"},"1075":{"code":"SE-O","name":"V\u00e4stra G\u00f6talands l\u00e4n"}}},"data_id":1732199148},"captcha":[],"instant-purchase":[],"loggedAsCustomer":[],"persistent":[],"review":[],"wishlist":{"items":[]},"recently_viewed_product":[],"recently_compared_product":[],"product_data_storage":[],"magepal-gtm-jsdatalayer":[],"magepal-eegtm-jsdatalayer":[]}</script> <script> function fpcTracking() { return { url: 'https://dinhoj.se/amasty_fpc/reports/', sendRequest() { const ttfb = window.performance.timing.responseStart - window.performance.timing.fetchStart; fetch(`${this.url}?` + new URLSearchParams({ ttfb }), { method: 'GET', headers: { 'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest', } }) } } } </script> </body> </html>