Benvenuto da Würth Italia Solo per professionisti con P. IVA

Horizontal Menu Light

                        
                            var buttonsMenu = [{
                                    "label": "App",
                                    "link": "#banner-app",
                                    "class": "btn-outline-primary",
                                    "icon": "music-play"
                            }, {
                                    "label": "CTA",
                                    "link": "#cta",
                                    "class": "btn-outline-light",
                                    "icon": ""
                            }, {
                                    "label": "Accordion",
                                    "link": "#accordion",
                                    "class": "btn-primary",
                                    "icon": "wuerth-favourite-solid"
                            }, {
                                    "label": "Grid",
                                    "link": "#category-grid",
                                    "class": "btn-outline-light",
                                    "icon": ""
                            }, {
                                    "label": "V Menu",
                                    "link": "#vertical-menu",
                                    "class": "btn-primary",
                                    "icon": ""
                            }, {
                                    "label": "Coupons",
                                    "link": "#coupons",
                                    "class": "btn-outline-light",
                                    "icon": ""
                            }, {
                                    "label": "Sizes",
                                    "link": "#box-sizes",
                                    "class": "btn-outline-light",
                                    "icon": ""
                            }];

                            WRenderHorizontalMenu.horizontalMenu(buttonsMenu, "light", "Scegli la categoria:");
                        
                    
                        
                            WRenderBoxApp.boxApp(1, "Titolo", "Sottotitolo");
                        
                    

CTA Small

                        
                            // args: version, callback, content, size, icon, block, id, target
                            WRenderCta.cta("primary", "#", "Button", "small");
                            WRenderCta.cta("secondary", "#", "Button", "small")"
                            WRenderCta.cta("light", "#", "Button", "small");
                            WRenderCta.cta("dark", "#", "Button", "small");
                        
                    

CTA Default

                        
                            function onclickCta() {
                                    alert("Hai appena cliccato il pulsante :D");
                            }

                            WRenderCta.cta("primary", onclickCta, "Funzione", null, null, false);
                            WRenderCta.cta("secondary", "#", "Button with ID", null, null, false, "buttonSpeciale");
                            WRenderCta.cta("light", "#", "Button");
                            WRenderCta.cta("dark", "#", "Button", null, null, false, "", "_blank");
                        
                    

CTA Large

                        
                            WRenderCta.cta("primary", "#", "Button", "large");
                            WRenderCta.cta("secondary", "#", "Button", "large)"
                            WRenderCta.cta("light", "#", "Button", "large");
                            WRenderCta.cta("dark", "#", "Button", "large");
                        
                    

CTA Outline Small

                        
                            WRenderCta.cta("outline-primary", "#", "Button", "small");
                            WRenderCta.cta("outline-secondary", "#", "Button", "small")
                            WRenderCta.cta("outline-light", "#", "Button", "small");
                            WRenderCta.cta("outline-dark", "#", "Button", "small");
                            WRenderCta.cta("link", "#", "Link", "small");
                        
                    

CTA Outline Default

                        
                            WRenderCta.cta("outline-primary", "#", "Button");
                            WRenderCta.cta("outline-secondary", "#", "Button")
                            WRenderCta.cta("outline-light", "#", "Button");
                            WRenderCta.cta("outline-dark", "#", "Button");
                            WRenderCta.cta("link", "#", "Link");
                        
                    

CTA Outline Large

                        
                            WRenderCta.cta("outline-primary", "#", "Button", "large");
                            WRenderCta.cta("outline-secondary", "#", "Button", "large")
                            WRenderCta.cta("outline-light", "#", "Button", "large");
                            WRenderCta.cta("outline-dark", "#", "Button", "large");
                            WRenderCta.cta("link", "#", "Link", "large");
                        
                    

CTA with icon

                        
                            WRenderCta.cta("primary", "#", "Button", "", "icon-interface-calendar");
                            WRenderCta.cta("secondary", "#", "Button", "", "icon-interface-clock-b")
                            WRenderCta.cta("light", "#", "Button", "", "icon-interface-arrow-right");
                            WRenderCta.cta("dark", "#", "Button", "", "icon-interface-popup");
                            WRenderCta.cta("link", "#", "Link", "", "icon-interface-arrow-right");
                        
                    

Horizontal Menu Dark

                        
                            WRenderHorizontalMenu.horizontalMenu(buttonsMenu, "black", "Guanti Tigerflex:®", "buttons");
                        
                    

Accordion light & multiple collapse elements

                        
                            let questions = [
                                ["Turpis egestas integer eget?", "Maecenas tristique, risus placerat consectetur blandit, eros erat mollis lectus, non accumsan nunc arcu nec quam. Mauris hendrerit leo purus.", true],
                                ["Nec ullamcorper sit amet?", "Lorem donec massa sapien faucibus et molestie ac. In hendrerit gravida rutrum quisque.", true],
                                ["Tincidunt praesent semper feugiat?", "Phasellus faucibus scelerisque eleifend donec pretium vulputate sapien.", true],
                            ];

                            WRenderAccordion.accordion(questions, 1, 'light', true);
                        
                    

Accordion dark & single collapse elements

                        
                            let questions = [
                                ["Turpis egestas integer eget?", "Maecenas tristique, risus placerat consectetur blandit, eros erat mollis lectus, non accumsan nunc arcu nec quam. Mauris hendrerit leo purus.", true],
                                ["Nec ullamcorper sit amet?", "Lorem donec massa sapien faucibus et molestie ac. In hendrerit gravida rutrum quisque.", true],
                                ["Tincidunt praesent semper feugiat?", "Phasellus faucibus scelerisque eleifend donec pretium vulputate sapien.", true],
                            ];

                            WRenderAccordion.accordion(questions, 1, 'dark', false);
                        
                    
                        
                        var categoryButtons = [{
                                img: "https://picsum.photos/500/300",
                                title: "Title Demo",
                                cta: "https://eshop.wuerth.it/it/IT/EUR/",
                                description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras et metus at velit dictum placerat at et neque. Sed et sapien pellentesque, egestas odio vitae, tincidunt massa."
                        }, {
                                img: "https://picsum.photos/500/300",
                                title: "Title Demo",
                                cta: "https://eshop.wuerth.it/it/IT/EUR/",
                                description: "Praesent eu nulla ut velit mollis lacinia sit amet eu odio. Suspendisse non erat a sem mattis mattis. Nullam varius ex sed purus consequat rhoncus."
                        }, {
                                img: "https://picsum.photos/500/300",
                                title: "Title Demo",
                                cta: "https://eshop.wuerth.it/it/IT/EUR/",
                                description: "Cras risus nulla, eleifend sagittis commodo ut, condimentum sed nibh. Quisque quis leo nec sapien commodo ornare sit amet non urna."
                        }, {
                                img: "https://picsum.photos/500/300",
                                title: "Title Demo",
                                cta: "https://eshop.wuerth.it/it/IT/EUR/",
                                description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras et metus at velit dictum placerat at et neque. Sed et sapien pellentesque, egestas odio vitae, tincidunt massa."
                        }, {
                                img: "https://picsum.photos/500/300",
                                title: "Title Demo",
                                cta: "https://eshop.wuerth.it/it/IT/EUR/",
                                description: "Nulla a nunc est. Interdum et malesuada fames ac ante ipsum primis in faucibus. Maecenas id elit non ante gravida pharetra quis vel nisi."
                        }];

                        WRenderCategoryGrid.categoryGrid(categoryButtons);
                        
                    
                        
                        WRenderCategoryGridText.categoryGrid(categoryButtons, true, 4);
                        
                    

Categoria demo

Interdum et malesuada fames ac ante ipsum primis in faucibus. Mauris posuere lorem in massa dapibus, eu sollicitudin justo bibendum. In quis quam quis nunc sodales ornare in a ligula. Fusce ligula ex, molestie a efficitur vel, finibus eu nulla. Ut accumsan libero et commodo tincidunt. Donec pulvinar imperdiet felis sit amet fermentum. Aliquam pulvinar pulvinar diam, ut interdum dui fringilla vel. Suspendisse arcu ex, imperdiet eget orci eget, imperdiet aliquam sem. Suspendisse volutpat risus non porta venenatis. Aliquam semper at massa ac suscipit. Donec feugiat lorem massa, a hendrerit augue venenatis ac.

Phasellus vel ipsum nec ante rhoncus tempus. Sed lectus nisl, ullamcorper et augue ut, rhoncus interdum justo. Fusce id tristique urna. Ut in velit ut nisi sodales laoreet. Nam eget placerat arcu, vel fermentum ligula. Vestibulum quis erat sed dolor fringilla placerat. Cras eget ex ipsum. Vestibulum id commodo nulla, quis aliquam purus.

Cat demo 2

Curabitur vel orci sit amet lectus scelerisque viverra quis ac mauris. Praesent condimentum gravida diam, eu gravida ipsum lobortis ac. Donec dignissim, ex id interdum feugiat, felis nibh vehicula ipsum, ut facilisis turpis justo ac magna. Proin pellentesque arcu non magna gravida, eget imperdiet justo faucibus. Sed hendrerit ut ipsum quis tincidunt. Curabitur suscipit lectus eu felis dapibus pharetra. Suspendisse eleifend sodales leo, eget dignissim odio porttitor a. Duis pharetra est a placerat aliquam. Etiam rhoncus ut quam vitae sodales. Proin non est in urna porttitor interdum quis at justo. Duis enim mi, interdum ut molestie et, pellentesque eu elit. Mauris aliquam justo turpis, vitae pharetra magna mollis eget. Integer risus nisl, pretium eget facilisis laoreet, rhoncus ac nisi.

Tasselli demo

Curabitur vel orci sit amet lectus scelerisque viverra quis ac mauris. Praesent condimentum gravida diam, eu gravida ipsum lobortis ac. Donec dignissim, ex id interdum feugiat, felis nibh vehicula ipsum, ut facilisis turpis justo ac magna. Proin pellentesque arcu non magna gravida, eget imperdiet justo faucibus. Sed hendrerit ut ipsum quis tincidunt. Curabitur suscipit lectus eu felis dapibus pharetra. Suspendisse eleifend sodales leo, eget dignissim odio porttitor a. Duis pharetra est a placerat aliquam. Etiam rhoncus ut quam vitae sodales. Proin non est in urna porttitor interdum quis at justo. Duis enim mi, interdum ut molestie et, pellentesque eu elit. Mauris aliquam justo turpis, vitae pharetra magna mollis eget. Integer risus nisl, pretium eget facilisis laoreet, rhoncus ac nisi.

                            
                            var menuCatVertical = [{
                                    "label": "Categoria Demo",
                                    "link": "categoriaDemo",
                                    "icon": "icon-ecommerce-shopcart"
                            }, {
                                    "label": "Cat Demo 2",
                                    "link": "catDemo2",
                                    "icon": "icon-transport-car"
                            }, {
                                    "label": "Tasselli Demo",
                                    "link": "tasselliDemo",
                                    "icon": "icon-user-alt"
                            }];
    
                            var btn = {
                                    "text": "Scopri tutti i prodotti würth",
                                    "href": "https://eshop.wuerth.it/Categorie-di-prodotti/Categorie-di-prodotti/3114.cyid/3114.cgid/it/IT/EUR/"
                            };
    
                            // Menu con CTA
                            WRenderVerticalMenu.verticalMenu('light', menuCatVertical, "Categorie", "Scopri anche il resto dei prodotti Würth!", btn );
                            
                            // Menu senza CTA
                            WRenderVerticalMenu.verticalMenu('dark', menuCatVertical, "Categorie");
                            
                        

Coupon Dark - S

                            
                            var product = {
                                    "range":"299",
                                    "coupon":"OFC-MWS-A-PORTA",
                                    "name":"Portabottiglie in legno",
                                    "img":"/is-bin/intershop.static/WFS/WuerthGroup-Wuerth-Site/3114-B1/en_US/2022/08-agosto/summer_wuerth/0WAG002134.png",

                                    "legal":"*",
                                    "extra": 1 // 1 = active button, 2 = disabled button
                            };
    
                            WRenderCopyCoupon.copyCoupon(product, "S", "new", "dark");
                            
                        

Coupon Dark - M

                            
                                WRenderCopyCoupon.copyCoupon(product, "M", "new", "dark");
                            
                        

Coupon Dark - L

                            
                                WRenderCopyCoupon.copyCoupon(product, "L", "new", "dark");
                            
                        

Vecchio coupon

                            
                                var product = {
                                        "range":"299",
                                        "coupon":"OFC-MWS-A-PORTA",
                                        "name":"Portabottiglie in legno",
                                        "img":"/is-bin/intershop.static/WFS/WuerthGroup-Wuerth-Site/3114-B1/en_US/2022/08-agosto/summer_wuerth/0WAG002134.png",
                                        "legal":"*",
                                        "extra": 1 // 1 = active button, 2 = disabled button
                                };
                                WRenderCopyCoupon.copyCoupon(product, "L", "old");
                            
                        

Coupon Light - S

                            
                                var product = {
                                        "range":"299",
                                        "coupon":"OFC-MWS-A-PORTA",
                                        "name":"Portabottiglie in legno",
                                        "img":"/is-bin/intershop.static/WFS/WuerthGroup-Wuerth-Site/3114-B1/en_US/2022/08-agosto/summer_wuerth/0WAG002134.png",
                                        "legal":"*",
                                        "extra": 1 // 1 = active button, 2 = disabled button
                                };
                                WRenderCopyCoupon.copyCoupon(product, "S", "new", "light");
                            
                        

Coupon Light - M

                            
                                WRenderCopyCoupon.copyCoupon(product, "M", "new", "light");
                            
                        

Coupon Light - L

                            
                                WRenderCopyCoupon.copyCoupon(product, "L", "new", "light");
                            
                        

Box taglie Dark

                            
                            var sizes = [
                                    ["M", "KAM-PILE-M"],
                                    ["L", "KAM-PILE-L"],
                                    ["XL", "KAM-PILE-XL"]
                            ];

                            var coupons = [{
                                    "range":"250",
                                     "coupon":"KAM-PILE-M",
                                    "name":"",
                                    "img":"",
                                    "legal":"*",
                                    "extra": 1
                            }, {
                                    "range":"250",
                                    "coupon":"KAM-PILE-L",
                                    "name":"",
                                    "img":"",
                                    "legal":"*",
                                    "extra": 1
                            }, {
                                    "range":"250",
                                    "coupon":"KAM-PILE-XL",
                                    "name":"",
                                    "img":"",
                                    "legal":"*",
                                    "extra": 1
                            }];

                            WRenderBoxSizes.boxSizes(sizes, coupons, "M", "new", "dark");
                            
                        

Box taglie Light

                            
                            WRenderBoxSizes.boxSizes(sizes, coupons, "M", "new", "light");
                            
                        

Sezione prodotti - griglia dark con pulsanti


                        
                            var info_category = [
                                "martelli",
                                "Titolo categoria prodotti",
                                "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eu purus lorem. Integer sit amet est enim. Vivamus aliquet mattis odio eu venenatis. Duis tincidunt interdum mauris, nec ornare orci pulvinar at.",

                            var catProducts = [
                                "Accessori-martelli-elettrici",
                                "Martelli-perforatori-combinati",
                                "Martelli-perforatori-elettrici",
                                "Martelli-scalpellatori-elettrici"
                            ]
                            
                            var urlToCall = "https://wos.wuerth.it/landing_page_admin/public/page/4885/json"
                            
                            RenderProduct.print(false, info_category, catProducts, false, "dark", urlToCall)

                            #productHeader .row {
                                max-width: 100vw;
                                margin: 0;
                            }
                        
                    
Scarica qui l'esempio dell'excel

Sezione prodotti - carosello light con dropdown


                         
                            var info_category = [
                                "trapani",
                                "Titolo categoria prodotti",
                                "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eu purus lorem. Integer sit amet est enim. Vivamus aliquet mattis odio eu venenatis. Duis tincidunt interdum mauris, nec ornare orci pulvinar at.",

                            var catProducts = [
                                "Trapani-avvitatori-a-batteria",
                                "Trapani-elettrici",
                                "Trapani-pneumatici"
                            ]

                            var urlToCall = "https://wos.wuerth.it/landing_page_admin/public/page/4886/json"

                            RenderProduct.print(true, info_category, catProducts, false, "dark", urlToCall)

                            #productHeader2 .row {
                                max-width: 100vw;
                                margin: 0;
                            }
                        
                    
Scarica qui l'esempio dell'excel

Sezione Newsletter


                        
                            WRenderNewsletter.print("classic", "");