API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jan 23rd, 2018
471
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 172.77 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!DOCTYPE html>
  3. <html xmlns:og="http://ogp.me/ns" xmlns:fb="https://www.facebook.com/2008/fbml" lang="fr-CA" data-region="quebec">
  4. <head><title>Toile solaire pour fenêtre à 50% de rabais - Store en ligne.ca</title>
  5. <meta charset="utf-8"><meta name="robots" content="index, follow"><meta property="og:image" content="https://www.store-en-ligne.ca/media/cms/catalogs_mod/69/31/large/solaire_tokablanc01.jpg"><meta name="description" content="-Produit sur mesure de fabrication canadienne
  6. - Produit idéal pour : salon, cuisine, bureau, solarium, verrière
  7. - Différentes perforations offertes : 1% / 3% / 5%
  8. - Collections de tissu offertes : 3
  9. - Couleurs offertes : 10
  10. - Options offertes : déroulement normal ou inversé, cantonnière de PVC ou aluminium ou cassette
  11. - Mécanisme de chaine de plastique ou de chaine d'acier inoxydable
  12. - Quincaillerie d'installation incluse
  13. - Composition du tissu : polyester et PVC
  14. - Garantie à vie sur tous nos mécanismes
  15. - Profondeur minimale requise pour l’installation intérieure : 2 ¼’’
  16. - Dimensions maximales : 102 largeurs x 126 hauteurs
  17. - Produit muni d’un dispositif de tensionneur approuvé par Santé Canada pour la sécurité des enfants.
  18. - À partir de : 60,40 CAD (le prix minimum du produit en question selon la devise)"><meta name="keywords" content="">    <link type='text/css' href='https://www.store-en-ligne.ca/skin/_cache/css/2f24b5b5ba06ea594cb24132fec5f784frontend.compiled1.css?_m=bb1eb36c519327d8e0522e1e89d9982c' rel='stylesheet'>    <script src="https://www.store-en-ligne.ca/skin/_cache/script/1949036b318565b07b36059784fe5884frontend.compiled1.js?_m=596fb4edf2176ee3c5e890758c1fa458"></script>
  19. <link href="https://www.store-en-ligne.ca/media/system/sites/logos/1507729357_storeenligne_fbshare.jpg" rel="image_src"/>
  20.  
  21. <script>
  22.     Frontend.init({
  23.         site_root : "https://www.store-en-ligne.ca/"
  24.     });
  25.     $(document).ajaxSuccess(function(){
  26.         if ( typeof(Cufon) != 'undefined' ) {
  27.             Cufon.refresh();
  28.         }
  29.  
  30.         // Refresh all
  31.         if ( typeof(FB) != 'undefined' ) FB.XFBML.parse();
  32.         if ( typeof(gapi) != 'undefined' ) gapi.plusone.go();
  33.         if ( typeof(twttr) != 'undefined' && twttr.widgets ) twttr.widgets.load();
  34.     });
  35.  
  36.     Frontend.addReadyCallback(function(sel){
  37.         $(sel).find('a.popup').click(function(e){
  38.             e.preventDefault();
  39.             window.open(this.href, 'popup', 'height=600,width=800,scrollbars=yes,location=no,status=no');
  40.         });
  41.  
  42.         $(sel).find('.zone .block').each(function(){
  43.             $(this).find('a.lightbox').sambox({
  44.                 contentLayout : 'horizontal',
  45.                 circularNav : true
  46.             });
  47.         });
  48.     });
  49.  
  50.     $(function(){
  51.         // Set default jqueryui language
  52.         $.datepicker.setDefaults($.datepicker.regional['fr']);
  53.         $.datepicker.setDefaults({ dateFormat: 'dd/mm/yy' });
  54.         Frontend.fireReadyCallbacks('body');
  55.     });
  56.  
  57.         var _gaq = _gaq || [];
  58.     _gaq.push(['_setAccount', 'UA-42255943-2']);
  59.     _gaq.push(['_setDomainName', 'store-en-ligne.ca']);
  60.     _gaq.push(['_trackPageview']);
  61.     (function() {
  62.         var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  63.         ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  64.         var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  65.     })();
  66.    
  67.     //GOOGLE ANALYTICS FOR ECOMMERCE
  68.     (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  69.     (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  70.     m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  71.     })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
  72.  
  73.     ga('create', 'UA-42255943-2', 'auto');
  74.     ga('require', 'ec');
  75.     //ga('send', 'pageview'); <= already sent by another Google Analytics script
  76. </script>
  77.  
  78. <script type="application/ld+json">
  79. {
  80.     "@context": "http://schema.org",
  81.     "@type": "Organization",
  82.     "address": {
  83.         "@type": "PostalAddress",
  84.         "addressLocality": "Québec",
  85.         "addressCountry": "CA"
  86.     },
  87.     "email": "info@store-en-ligne.ca",
  88.     "telephone": "+1 (855) 995-9191",
  89.     "description": "Store en ligne.ca",
  90.     "name": "Store en Ligne",
  91.     "logo": "https://www.store-en-ligne.ca/media/system/sites/logos/1502134560_store_en_ligne.png",
  92.     "contactPoint": {
  93.         "@type": "ContactPoint",
  94.         "contactType": "Customer Service",
  95.         "telephone": "+1 (855) 995-9191",
  96.         "email": "info@store-en-ligne.ca",
  97.         "availableLanguage": {
  98.             "@type": "Language",
  99.             "name": [
  100.                 "French",
  101.                 "English"
  102.             ]
  103.         }
  104.     },
  105.     "url": "https://www.store-en-ligne.ca/",
  106.     "image": "https://www.store-en-ligne.ca/media/system/sites/logos/1507729357_storeenligne_fbshare.jpg",
  107.     "sameAs": [
  108.         "https://www.facebook.com/Store-en-ligneca-823138171183981/",
  109.         "https://plus.google.com/u/0/b/102429576397001504440/102429576397001504440"
  110.     ]
  111. }
  112. </script>
  113.  
  114. <script type="application/ld+json">
  115. {
  116.     "@context": "http://schema.org",
  117.     "@type": "WebSite",
  118.     "url": "https://www.store-en-ligne.ca/stores-sur-mesure/69/toile-solaire",
  119.     "publisher": "Éckinox"
  120. }
  121. </script>
  122. <meta name="viewport" content="initial-scale=1,width=device-width,maximum-scale=1,user-scalable=0"><!--script src="https://ajax.googleapis.com/ajax/libs/webfont/1.4.7/webfont.js"></script>
  123. <script type="text/javascript">
  124.    WebFont.load({
  125.      google: {
  126.        families: ["Kreon:300,regular,700","Raleway:100,regular,500,700,700italic"]
  127.      }
  128.    });
  129. </script-->
  130. <link href="/skin/site/image/favicon.ico?_m=a70b0164f7506f64701ac5a466156f2a" rel="shortcut icon" type="image/x-icon">
  131. <script async src="https://use.fontawesome.com/d602bb79a5.js"></script>
  132.  
  133.             <link rel="alternate" href="https://www.store-en-ligne.ca/stores-sur-mesure/69/toile-solaire" hreflang="fr-CA"/>
  134.             <link rel="alternate" href="https://www.customblinds-online.com/custom-blinds/69/solar-shades" hreflang="en-CA"/>
  135.    
  136. <!-- Hotjar Tracking Code for www.store-signature.com -->
  137. <!--script>
  138. (function(h,o,t,j,a,r){
  139. h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
  140. h._hjSettings={hjid:500137,hjsv:5};
  141. a=o.getElementsByTagName('head')[0];
  142. r=o.createElement('script');r.async=1;
  143. r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
  144. a.appendChild(r);
  145. })(window,document,'//static.hotjar.com/c/hotjar-','.js?sv=');
  146. </script-->
  147.  
  148.  
  149. <!-- Facebook Pixel Code -->
  150. <script>
  151. !function(f,b,e,v,n,t,s)
  152. {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  153. n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  154. if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  155. n.queue=[];t=b.createElement(e);t.async=!0;
  156. t.src=v;s=b.getElementsByTagName(e)[0];
  157. s.parentNode.insertBefore(t,s)}(window,document,'script',
  158. 'https://connect.facebook.net/en_US/fbevents.js');
  159. fbq('init', '356740778082678');
  160. fbq('track', 'PageView');
  161. </script>
  162. <noscript>
  163. <img height="1" width="1"
  164. src="https://www.facebook.com/tr?id=356740778082678&ev=PageView
  165. &noscript=1"/>
  166. </noscript>
  167. <!-- End Facebook Pixel Code -->
  168.  
  169. <script>
  170.     $(function(){
  171.         $('#left-panel-menu').sidepanel({
  172.             content : '#full-site-container',
  173.             trigger : '.left-panel-toggle'
  174.         });
  175.     });
  176.    
  177.    
  178.     var cart_items_count = 0;
  179.     $(function(){
  180.         if (cart_items_count > 0) {
  181.             $(".nav-link.cart-link").append('<span class="item-count">' + cart_items_count + '</span>');
  182.         }
  183.     });
  184. </script>
  185.  
  186.  
  187. <!--[if IE 9]>
  188.    <style>
  189.        .section-flex { display: block; }
  190.         .flex-box { float: left; }
  191.         .section-flex::after { content:  ' '; display: block; clear: both; }
  192.         .options-demos-title { position: relative; height: 100%; }
  193.         .options-col.col-demos { min-height: 500px; }
  194.         .block-products-list .list { display: block; }
  195.         .block-products-list .list::after { content: ' '; display: block; clear: both; }
  196.         .block-products-list .list .item { float: left; }
  197.         .block-products-list .list .item > div { display: block; text-align: center; }
  198.         .block-products-list .list .item > div.basic .title { margin: auto; margin-top: 26%; }
  199.         .block-products-list .list .item > div.overlay .title { margin-bottom: 10px; }
  200.         .block-products-list .list .item > div.overlay .subtitle { margin-bottom: 15px; }
  201.         .block-products-list .list .item > div.overlay .description { margin-bottom: 15px; }
  202.         .block-catalogs.block-product .block-content .section-formats .subblock.formats {display: block;text-align: center;}
  203.         .block-catalogs.block-product .block-content .section-formats .subblock.formats a {display: inline-block;margin-bottom: 15px; vertical-align: top; }
  204.         .block-catalogs.block-product .block-content .section-configurator-steps ul { display: block; }
  205.         .block-catalogs.block-product .block-content .section-configurator-steps li { display: inline-block; }
  206.         .block-catalogs.block-product .block-content .section-configurator-steps li a { display: block; }
  207.         #main-content .block-catalogs.block-product .block-content .product .attribute-wrapper.color .value li .preview-wrapper .preview { display: none; }
  208.         #main-content .block-catalogs.block-product .block-content .product .attribute-wrapper.color .value li .preview-wrapper .preview-trigger:hover + .preview { display: block; }
  209.         .block-catalogs.block-carts .block-content ol.order-breadcrumb { display: block; }
  210.         .block-catalogs.block-carts .block-content ol.order-breadcrumb li { display: inline-block; }
  211.         .block-catalogs.block-carts .block-content ol.order-breadcrumb li a { display: block; }
  212.         .block-catalogs.block-carts .list ol li.body .subblock.view-details a { display: none; }
  213.         .section-content .block-navigation.block-catalogs  .block-content .nav-menu { display: block; }
  214.         .section-content .block-navigation.block-catalogs  .block-content .nav-menu a { display: inline-block; padding: 15px 25px; }
  215.         .layout-product-details .block-list .section.top { display: block; }
  216.         .layout-product-details .block-list .section.top::after { content: ' '; display: block; clear: both; }
  217.         .section.top > * { min-height: 500px; }
  218.         .banner-circle-content-wrapper { margin-top: 40px; }
  219.         .layout-product-details .block-list .section.formatted-content p { display: block; }
  220.         .layout-product-details .block-list .section.formatted-content p::after { content: ' '; display: block; clear: both; }
  221.         .layout-product-details .block-list .section.content .product-page-content img { float: left; }
  222.         .popup .popup-content .tool-tips-row { display: block; }
  223.         .popup .popup-content .tool-tips-row .tool-tips-column {float: left;}
  224.         .popup .popup-content .tool-tips-row::after { content:  ' '; display: block; clear: both; }
  225.    </style>
  226. <![endif]-->
  227.  
  228. <script>
  229.     $(function(){
  230.         var css = "<style>" +
  231.             ".block-products-list .list { display: block; }" +
  232.             ".block-products-list .list::after { content: ' '; display: block; clear: both; }" +
  233.             ".block-products-list .list .item { float: left; }" +
  234.             ".block-products-list .list .item > div { display: block; text-align: center; }" +
  235.             ".block-products-list .list .item > div.basic .title { margin: auto; margin-top: 26%; }" +
  236.             ".block-products-list .list .item > div.overlay .title { margin-bottom: 10px; }" +
  237.             ".block-products-list .list .item > div.overlay .subtitle { margin-bottom: 15px; }" +
  238.             ".block-products-list .list .item > div.overlay .description { margin-bottom: 15px; }" +
  239.             ".block-catalogs.block-product .block-content .section-formats .subblock.formats { display: block; text-align: center; }" +
  240.             ".block-catalogs.block-product .block-content .section-formats .subblock.formats a { display: inline-block; margin-bottom: 10px; }" +
  241.             ".block-catalogs.block-product .block-content .section-configurator-steps ul { display: block; }" +
  242.             ".block-catalogs.block-product .block-content .section-configurator-steps li { display: inline-block; }" +
  243.             ".block-catalogs.block-productjoe rogan .block-content .section-configurator-steps li a { display: block; }" +
  244.             "#main-content .block-catalogs.block-product .block-content .product .attribute-wrapper.color .value li .preview-wrapper .preview { display: none; }"+
  245.             "#main-content .block-catalogs.block-product .block-content .product .attribute-wrapper.color .value li .preview-wrapper .preview-trigger:hover + .preview { display: block; }"+
  246.             ".block-catalogs.block-carts .block-content ol.order-breadcrumb { display: block; }" +
  247.             ".block-catalogs.block-carts .block-content ol.order-breadcrumb li { display: inline-block; }" +
  248.             ".block-catalogs.block-carts .block-content ol.order-breadcrumb li a { display: block; }" +
  249.             ".block-catalogs.block-carts .list ol li.body .subblock.view-details a { display: none; }" +
  250.             ".section-content .block-navigation.block-catalogs  .block-content .nav-menu { display: block; }" +
  251.             ".section-content .block-navigation.block-catalogs  .block-content .nav-menu a { display: inline-block; padding: 15px 25px; }" +
  252.             ".layout-product-details .block-list .section.top { display: block; }" +
  253.             ".layout-product-details .block-list .section.top::after { content: ' '; display: block; clear: both; }" +
  254.             ".section.top > * { min-height: 500px; }" +
  255.             ".banner-circle-content-wrapper { margin-top: 40px; }" +
  256.             ".layout-product-details .block-list .section.formatted-content p { display: block; }"+
  257.             ".layout-product-details .block-list .section.formatted-content p::after { content: ' '; display: block; clear: both; }"+
  258.             ".layout-product-details .block-list .section.content .product-page-content img { float: left; }"+
  259.             ".popup .popup-content .tool-tips-row { display: block; }"+
  260.             ".popup .popup-content .tool-tips-row .tool-tips-column {float: left;}"+
  261.             ".popup .popup-content .tool-tips-row::after { content:  ' '; display: block; clear: both; }"+
  262.         "</style>";
  263.        
  264.         if (!!navigator.userAgent.match(/MSIE 10/)) {
  265.             $("head").append(css);
  266.         }
  267.     });
  268. </script></head>
  269. <body class="body desktop stores-sur-mesure layout-product-details">
  270. <!-- Facebook Pixel Code -->
  271. <script>
  272. fbq('track', 'ViewContent');
  273. </script><div id="left-panel-menu" data-scrollbar>
  274.   <div class="lang-switcher">
  275.     <div id="block-" class="block-navigation  block ">
  276.     <div class="block-header">
  277.            </div>
  278.     <div class="block-content">
  279.         <div data-collapse="medium" data-animation="default" data-duration="400" class="w-nav navbar"><div class="w-nav-button nav-button"><div class="w-icon-nav-menu"></div></div><nav role="navigation" id="nav-5a67493d25d35" class="w-nav-menu nav-menu hover-trigger  nav-menu"><a class="first-item odd item-0  w-nav-link nav-link" href="https://www.customblinds-online.com/custom-blinds/69/toile-solaire" rel=nofollow>EN</a><a class="even item-1 last-item  w-nav-link nav-link" href="https://www.store-en-ligne.ca/stores-sur-mesure/69/toile-solaire" rel=nofollow>FR</a></nav></div>    </div>
  280.     <div class="block-footer">
  281.             </div>
  282. </div>
  283.   </div>
  284.   <div id="block-" class="block-navigation  block ">
  285.     <div class="block-header">
  286.            </div>
  287.     <div class="block-content">
  288.         <div data-collapse="medium" data-animation="default" data-duration="400" class="w-nav navbar"><div class="w-nav-button nav-button"><div class="w-icon-nav-menu"></div></div><nav role="navigation" id="nav-5a67493d26fb1" class="w-nav-menu nav-menu hover-trigger  nav-menu"><div class="w-dropdown nav-dropdown " data-delay="0" data-ix="over-menu"><div class="w-dropdown-toggle nav-dropdown-toggle"><div>Nos services</div><div class="w-icon-dropdown-toggle nav-icon-dropdown-toggle"></div></div><nav class="w-dropdown-list nav-dropdown-list hover-trigger "><a class="region-quebec first-item odd item-0  w-dropdown-link nav-dropdown-link region-quebec" href="https://www.store-en-ligne.ca/service-de-rendez-vous-a-domicile">Consultation à domicile</a><a class="even item-1 last-item  w-dropdown-link nav-dropdown-link" href="https://www.store-en-ligne.ca/services/commercial">Commercial</a></nav></div><div class="w-dropdown nav-dropdown " data-delay="0" data-ix="over-menu"><div class="w-dropdown-toggle nav-dropdown-toggle"><div>Boutique en ligne</div><div class="w-icon-dropdown-toggle nav-icon-dropdown-toggle"></div></div><nav class="w-dropdown-list nav-dropdown-list hover-trigger "><a class="first-item odd item-0 active  w-dropdown-link nav-dropdown-link" href="https://www.store-en-ligne.ca/stores-sur-mesure/61/toile-opaque0">Toiles opaques</a><a class="even item-1 active  w-dropdown-link nav-dropdown-link" href="https://www.store-en-ligne.ca/stores-sur-mesure/69/toile-solaire">Toiles solaires</a><a class="odd item-2 active  w-dropdown-link nav-dropdown-link" href="https://www.store-en-ligne.ca/stores-sur-mesure/37/toile-alternee">Toiles alternées</a><a class="even item-3 active  w-dropdown-link nav-dropdown-link" href="https://www.store-en-ligne.ca/stores-sur-mesure/65/store-aluminium">Stores horizontaux en aluminium</a><a class="odd item-4 active  w-dropdown-link nav-dropdown-link" href="https://www.store-en-ligne.ca/stores-sur-mesure/68/store-polymere">Stores horizontaux en PVC</a><a class="even item-5 active  w-dropdown-link nav-dropdown-link" href="https://www.store-en-ligne.ca/stores-sur-mesure/1/store-de-bois">Stores de bois</a><a class="odd item-6 last-item  w-dropdown-link nav-dropdown-link" href="https://www.store-en-ligne.ca/toiles/motorisation-toile-a-rouleau">La motorisation</a></nav></div><div class="w-dropdown nav-dropdown hide" data-delay="0" data-ix="over-menu"><div class="w-dropdown-toggle nav-dropdown-toggle"><div>Stores sur demande</div><div class="w-icon-dropdown-toggle nav-icon-dropdown-toggle"></div></div><nav class="w-dropdown-list nav-dropdown-list hover-trigger "><a class=" first-item odd item-0 active last-item  w-dropdown-link nav-dropdown-link" href="https://www.store-en-ligne.ca/stores-sur-mesure/69/toile-solaire">Toiles solaires Altex</a></nav></div><div class="nav-group"><div class="w-dropdown nav-dropdown group-open" data-delay="0" data-ix="over-menu"><div class="w-dropdown-toggle nav-dropdown-toggle"><div>Aide</div><div class="w-icon-dropdown-toggle nav-icon-dropdown-toggle"></div></div><nav class="w-dropdown-list nav-dropdown-list hover-trigger "><a class="first-item odd item-0  w-dropdown-link nav-dropdown-link" href="https://www.store-en-ligne.ca/nos-politiques">Nos politiques</a><a class="even item-1  w-dropdown-link nav-dropdown-link" href="https://www.store-en-ligne.ca/aide/pourquoi-acheter-chez-nous">Pourquoi acheter chez nous?</a><a class="odd item-2 last-item  w-dropdown-link nav-dropdown-link" href="https://www.store-en-ligne.ca/nous-joindre">Nous joindre</a></nav></div><div class="w-dropdown nav-dropdown no-dropdown contact-page group-close" data-delay="0" data-ix="over-menu"><div class="w-dropdown-toggle nav-dropdown-toggle"><a href="https://www.store-en-ligne.ca/service-de-rendez-vous-a-domicile">Consultation à domicile</a><div class="w-icon-dropdown-toggle nav-icon-dropdown-toggle"></div></div><nav class="w-dropdown-list nav-dropdown-list hover-trigger "><a class="sitemap-cart-link first-item odd item-0 last-item  w-dropdown-link nav-dropdown-link sitemap-cart-link" href="https://www.store-en-ligne.ca/boutique-stores/stores-panier">Mon panier</a></nav></div></div></nav></div>    </div>
  289.     <div class="block-footer">
  290.             </div>
  291. </div>
  292. </div>
  293. <div id="full-site-container">
  294.   <div class="section-main-bar">
  295.     <div class="nav-bar w-nav" data-animation="default" data-collapse="medium" data-duration="400">
  296.       <a class="brand-link w-nav-brand" href="https://www.store-en-ligne.ca/"><img src="https://www.store-en-ligne.ca/media/system/sites/logos/1502134560_store_en_ligne_fr_CA.png"></a>
  297.       <div class="main-menu w-clearfix">
  298.         <div class="lang-select">
  299.           <a class="active lang-link w-inline-block" href="#">
  300.             <div>Fr</div>
  301.           </a>
  302.           <div class="separator">/</div>
  303.           <a class="lang-link w-inline-block" href="#">
  304.             <div>En</div>
  305.           </a>
  306.         </div>
  307.         <div id="block-" class="block-navigation  block ">
  308.     <div class="block-header">
  309.            </div>
  310.     <div class="block-content">
  311.         <div data-collapse="medium" data-animation="default" data-duration="400" class="w-nav navbar"><div class="w-nav-button nav-button"><div class="w-icon-nav-menu"></div></div><nav role="navigation" id="nav-5a67493d27e11" class="w-nav-menu nav-menu hover-trigger  nav-menu"><a class="first-item odd item-0  w-nav-link nav-link" href="https://www.store-en-ligne.ca/stores-et-toiles-en-ligne">Magasiner les stores</a><div class="w-dropdown nav-dropdown " data-delay="0" data-ix="over-menu"><div class="w-dropdown-toggle nav-dropdown-toggle"><div>Nos services</div><div class="w-icon-dropdown-toggle nav-icon-dropdown-toggle"></div></div><nav class="w-dropdown-list nav-dropdown-list hover-trigger "><a class="region-quebec first-item odd item-0  w-dropdown-link nav-dropdown-link region-quebec" href="https://www.store-en-ligne.ca/service-de-rendez-vous-a-domicile">Consultation à domicile 100% gratuite</a><a class="even item-1 last-item  w-dropdown-link nav-dropdown-link" href="https://www.store-en-ligne.ca/services/commercial">Commercial-évaluation gratuite</a></nav></div><a class=" odd item-2  w-nav-link nav-link" href="https://www.store-en-ligne.ca/nous-joindre">Nous joindre</a><a class="region-quebec appointment-link even item-3  w-nav-link nav-link region-quebec appointment-link" href="https://www.store-en-ligne.ca/service-de-rendez-vous-a-domicile">Consultation à domicile 100% gratuite</a><a class="cart-link odd item-4  w-nav-link nav-link cart-link" href="https://www.store-en-ligne.ca/boutique-stores/stores-panier">Panier</a><a class="even item-5 last-item  w-nav-link nav-link" href="https://www.customblinds-online.com/custom-blinds/69/toile-solaire" rel=nofollow>EN</a></nav></div>    </div>
  312.     <div class="block-footer">
  313.             </div>
  314. </div>
  315.  
  316.         <a class="menu-button left-panel-toggle" href="#">
  317.             <div class="first-line hamburger-line"></div>
  318.             <div class="hamburger-line"></div>
  319.             <div class="hamburger-line last-line"></div>
  320.             <div class="first-line hamburger-line white-line"></div>
  321.             <div class="hamburger-line white-line"></div>
  322.             <div class="hamburger-line last-line white-line"></div>
  323.       </a>
  324.       </div>
  325.     </div>
  326.     <div class="offer-bar">
  327.       <div class="container w-container">
  328.           <div class="contact-text">
  329.             <a href="tel:4186619191" class="contact-phone">418 661-9191</a><a href="tel:18559959191" class="contact-phone">1 855 995-9191</a>
  330.             <a href="mailto:info@store-en-ligne.ca" class="contact-email">info@store-en-ligne.ca</a>
  331.             <a href="https://www.store-en-ligne.ca/nos-politiques" class="free-shipping">Livraison gratuite</a>
  332.           </div>
  333.       </div>
  334.     </div>
  335.   </div>  <div id="main-content">
  336.     <div class="section-content">
  337.         <div id="zone-1" class="zone  zone zone-white">
  338.     <div class="zone-content">
  339.         <div id="block-8" class="block-catalogs block-product block ">
  340.     <div class="block-header">
  341.             </div>
  342.     <div class="block-content">
  343.                 <div class="product toile-rouleau" id="product-69">
  344.                                                                                                                                                 <div class="section-product-banner  ">
  345.                         <div class="section top">
  346.         <div class="w-col w-col-6 left-col col-picture" style="background-image: url('https://www.store-en-ligne.ca/media/images/listing_page_produits/toile_solaire/toile-solaire.jpg');">
  347.             <div class="corner-promo">
  348.                 <span class='number'>50%</span><span class='explanation'>de rabais</span>            </div>
  349.             <div class="quick-action hide-dev">
  350.                 <a class="small-button video"   href="javascript:$('.video.block-list-items').scroll_to(1250, 70)"><span>Video</span></a>
  351.                 <a class="small-button gallery" href="javascript:$('.block-list-photo').scroll_to(1250, 70)"><span>Gallery</span></a>
  352.             </div>
  353.         </div>
  354.         <div class="w-col w-col-6 right-col">
  355.             <div class="infos">
  356.                 <h1 class="field-wrapper product-name text ">
  357.                     <div class="value">Toiles solaires pour fenêtres</div>
  358.                 </h1>
  359.                
  360.                 <div class="free-shipping">Livraison gratuite partout au Québec, Ontario et Nouveau-Brunswick</div>
  361.            
  362.                 <div class="field-wrapper product-description textarea ">
  363.                     <div class="value"><p><strong>Description</strong></p>
  364. <ul>
  365. <li>Produit sur mesure de fabrication canadienne</li>
  366. <li>Produit id&eacute;al pour : salon, cuisine, bureau, solarium, verri&egrave;re</li>
  367. <li>Diff&eacute;rentes perforations offertes : 1% / 3% / 5%</li>
  368. <li>Collections <!-- 3 collections ou 3 tissus? Si collection, Collections de tissu. Si tissus, Collection de tissus -->de tissu offertes : 3</li>
  369. <li>Couleurs offertes : 10</li>
  370. <li>Options offertes : d&eacute;roulement normal ou invers&eacute;, cantonni&egrave;re de PVC ou aluminium ou cassette</li>
  371. <li>M&eacute;canisme de chaine de plastique ou de chaine d'acier inoxydable</li>
  372. <li>Quincaillerie d'installation incluse</li>
  373. <li>Composition du tissu : polyester et PVC</li>
  374. <li>Garantie &agrave; vie sur tous nos m&eacute;canismes</li>
  375. <li>Profondeur minimale requise pour l&rsquo;installation int&eacute;rieure : 2 &frac14;&rsquo;&rsquo;</li>
  376. <li>Dimensions maximales : 102 largeurs x 126 hauteurs<!-- Voir commentaire plus haut. --></li>
  377. <li>Produit muni d&rsquo;un dispositif de tensionneur approuv&eacute; par Sant&eacute; Canada pour la s&eacute;curit&eacute; des enfants.</li>
  378. <li>&Agrave; partir de : 60,40 $</li>
  379. </ul></div>
  380.                 </div>
  381.                
  382.                                     <div class="motorization-offered">
  383.                         <div class="icon"></div>
  384.                         <div class="text">La motorisation est offerte pour ce type de toile</div>
  385.                         <a href="https://www.store-en-ligne.ca/produits/motorisation" class="link">Faites-en la demande</a>
  386.                     </div>
  387.                                
  388.                             </div>
  389.         </div>
  390.     </div>
  391.                 </div>
  392.                                                                                                                                                                 <div class="section-product-action  empty">
  393.                                     </div>
  394.                                                                                                                                                                 <div class="section-formats  ">
  395.                                 <label><span class="step-label">Étape #1:</span> Choisissez l'une des nombreuses collections offertes :</label>
  396.         <div class="subblock formats">
  397.                                                                             <a href="?id_format=31#steps" class="format-link current">
  398.                     <span class="format-title">Toka</span>
  399.                                             <div class="format-swatch">
  400.                             <img  src = "https://www.store-en-ligne.ca/media/cms/catalogs_mod/69/31/small/solaire_tokablanc01.jpg"  alt = "Toka" />                        </div>
  401.                                         <div class="format-description"><p>Perforations: 1% / 3% / 5%</p></div>
  402.                                             <div class="color-count">
  403.                             <span class="number">5</span>
  404.                             <span class="text">
  405.                                                                     couleurs disponibles                                                            </span>
  406.                         </div>
  407.                                                         </a>
  408.                                                                             <a href="?id_format=32#steps" class="format-link ">
  409.                     <span class="format-title">Kato</span>
  410.                                             <div class="format-swatch">
  411.                             <img  src = "https://www.store-en-ligne.ca/media/cms/catalogs_mod/69/32/small/solaire_katocharcoalgris10.jpg"  alt = "Kato" />                        </div>
  412.                                         <div class="format-description"><p>Perforations: 3% / 5%</p></div>
  413.                                             <div class="color-count">
  414.                             <span class="number">1</span>
  415.                             <span class="text">
  416.                                                                     couleur disponible                                                            </span>
  417.                         </div>
  418.                                                         </a>
  419.                                                                             <a href="?id_format=33#steps" class="format-link ">
  420.                     <span class="format-title">Monza</span>
  421.                                             <div class="format-swatch">
  422.                             <img  src = "https://www.store-en-ligne.ca/media/cms/catalogs_mod/69/33/small/solaire_monzacharcoalbrun18.jpg"  alt = "Monza" />                        </div>
  423.                                         <div class="format-description"><p>Perforations: 3%</p></div>
  424.                                             <div class="color-count">
  425.                             <span class="number">4</span>
  426.                             <span class="text">
  427.                                                                     couleurs disponibles                                                            </span>
  428.                         </div>
  429.                                                         </a>
  430.                     </div>
  431.                     </div>
  432.                                                                                                                                                                 <div class="section-0 section-configurator-steps ">
  433.                    
  434. <div class="configurator-steps subblock available" id="steps">
  435.     <div class="configurator-pagination">
  436.         <ul>
  437.                     </ul>
  438.     </div>
  439. </div>
  440.                 </div>
  441.                                                                                                                                                                                     <div class="product-wrapper">                <div class="section-1 section-media ">
  442.                     <div class="media-viewer subblock" data-media-count="13">
  443.     <div class="main-media media">
  444.         <a href="https://www.store-en-ligne.ca/media/cms/catalogs_mod/69/medium/solaire_tokablanc01.jpg" title="Toka: 01 - White" target="_blank">
  445.             <img  src = "https://www.store-en-ligne.ca/media/cms/catalogs_mod/69/large/solaire_tokablanc01.jpg"  alt = "Toka: 01 - White" />        </a>
  446.     </div>
  447. </div>
  448. <script>
  449.     if ( typeof window[guard = "__BLOCK8MEDIA_GUARD__"] == 'undefined' ) {
  450.         window[guard] = true;
  451.  
  452.         $(function(){
  453.             var $block          = $('#block-8');
  454.             var prod_id         = "69";
  455.             var $product        = $block.find('#product-'+prod_id).first();
  456.  
  457.             var $pager          = $product.find('.media-pager');
  458.             var $medias         = $pager.find('[data-role="media"]');
  459.             var $main_media     = $product.find('.main-media');
  460.  
  461.             $mainSambox = $main_media.find('a').sambox();
  462.  
  463.             $medias.find('a').bind('click', function(e){
  464.                 e.preventDefault();
  465.                 var $media = $(this).parent();
  466.  
  467.                 if ( $media.attr('data-id-format') ) {
  468.                     $product.find('#id_format').val($media.attr('data-id-format')).trigger('change');
  469.                 }
  470.  
  471.                 swapMainMediaWith($media);
  472.             });
  473.  
  474.             $product.bind('format_change', function(e, data){
  475.                 var $format_medias = $medias.filter('[data-id-format=' + data.value +']');
  476.  
  477.                 // Change main pic
  478.                 if ( $format_medias.length ) {
  479.                     swapMainMediaWith($format_medias);
  480.                 } else {
  481.                     swapMainMediaWith($medias);
  482.                 }
  483.             });
  484.  
  485.             function swapMainMediaWith($media) {
  486.                 var $a = $media.children('a');
  487.  
  488.                 $mainSambox.attr('href', $a.attr('href')).attr('title', $a.attr('title'));
  489.                 $mainSambox.find('img').attr('src', $a.attr('data-medium-url')).attr('title', $a.attr('title'));
  490.                 $mainSambox.sambox('refresh');
  491.             }
  492.         });
  493.     }
  494. </script>
  495.                 </div>
  496.                                                                                                                                                                                                                                         <div class="section-header  ">
  497.                     <div class="header subblock">
  498.                     <div class="title-area-wrapper">
  499.             <h2>
  500.                                     <span class="title-product">
  501.                         Toile solaire pour fenêtre                    </span>
  502.                                             <span class="title-format">
  503.                             Toka                        </span>
  504.                                                 </h2>
  505.                     </div>
  506.                             <div class="regular-price">
  507.             <span class="label">Prix régulier:</span>
  508.             <span data-role="regular-price" class="price">0,80 <span class='currency_symbol'>CAD </span> $</span>
  509.         </div>
  510.         <div class="actual-price">
  511.             <span class="label">En rabais à</span>
  512.             <span data-role="price" class="price">0,40 <span class='currency_symbol'>CAD </span> $</span>
  513.         </div>
  514.     </div>
  515. <script>
  516.     $(function(){
  517.         var $block = $('#block-8');
  518.         var $products = $block.find('[id^="product-"]');
  519.  
  520.         $products.each(function(){
  521.             var $this   = $(this),
  522.                 $add    = $this.find('[data-role="addToCart"]'),
  523.                 $availability    = $this.find('.availability'),
  524.                 $format_selector = $this.find('select#id_format'),
  525.                 $qty             = $this.find('input[name="qty"]');
  526.  
  527.             $this.on('format_change', function(e, data){
  528.                 $add.attr('href') && $add.attr('href', $.param.querystring($add.attr('href'), 'id_format=' + data.value));
  529.  
  530.                 if ( data.format.is_available ) {
  531.                     $availability.removeClass('unavailable').addClass('available');
  532.                     $add.removeAttr('disabled');
  533.                     $qty.removeAttr('disabled');
  534.                 }
  535.                 else {
  536.                     $availability.removeClass('available').addClass('unavailable');
  537.                     $add.attr('disabled', 'disabled');
  538.                     $qty.attr('disabled', 'disabled');
  539.                 }
  540.  
  541.                 // Specific values from userselect's format must match
  542.                 $this.find('select.userselect').trigger('change');
  543.                 $this.find('input[name="id_format"][type="hidden"]').val(data.value);
  544.             });
  545.  
  546.             // When add to cart button clicked
  547.             $this.find('a[data-role=addToCart], button[data-role=addToCart]').on('click', function(e){
  548.                 var $product = $this,
  549.                     $format_selector = $product.find('select#id_format');
  550.  
  551.                 $format_selector.prevAll('.msg.error').remove();
  552.  
  553.                 if ( $format_selector.length && !$format_selector.val() ) {
  554.                    e.preventDefault();
  555.                     $format_selector.before("<p class=\"msg error \">Vous devez s\u00e9lectionner une option pour ajouter ce produit au panier.<\/p>")
  556.                     $format_selector.closest('.subblock').addClass('error');
  557.                     return;
  558.                 }
  559.                 else {
  560.                     $format_selector.closest('.subblock').removeClass('error');
  561.                 }
  562.             });
  563.  
  564.             // Selectable attributes
  565.             $this.find('select.userselect, input.usertext, textarea.usertext').on('change', function(e, data){
  566.                 var serialization = {},
  567.                     $product      = $this;
  568.  
  569.                 // Serializing every values each time an attribute is sets
  570.                 $product.find('select.userselect, input.usertext, textarea.usertext').each(function() {
  571.                     serialization[$(this).attr('data-id')] = $(this).val().toString();
  572.                 });
  573.  
  574.                 $product.find('input[name="attributes_values"][type="hidden"]').val(JSON.stringify(serialization)).trigger('change');
  575.             });
  576.             //.trigger('change'); // No need, will be triggered by format_change listener, which is triggered by change event
  577.         });
  578.  
  579.         $products.find('select#id_format').trigger('change');
  580.     });
  581. </script>
  582. <script>
  583.     $('button[data-role=addToCart]').prop('type', 'button').click(function(e){
  584.         e.preventDefault;
  585.        
  586.         // Only allow ajax add to cart in product listings - not in details page.
  587.         if ($(this).closest('.block-product-list').length == 0)
  588.             return;
  589.  
  590.         var button = $(this);
  591.         button.attr('disabled', 'disabled');
  592.         var form = $(this).closest('form');
  593.         addAjaxCartMessage("Le panier a été mis à jour. <div class='cart-link-wrapper'><a href='https://www.store-en-ligne.ca/boutique-stores/stores-panier' class='cart-link'>Consulter mon panier</a></div>", 'success', form);
  594.        
  595.         var newFormAction = Frontend.site_root + 'block' + form.attr('action').substr(form.attr('action').indexOf('?')) + '&id_block=' + form.data('cart-block-id') + '&ajax=1';
  596.         $.ajax({
  597.             type: "POST",
  598.             url: newFormAction,
  599.             data: form.serialize(),
  600.             success: function(data){
  601.                 form.find('.cart-loading').remove();
  602.                 button.removeAttr('disabled');
  603.                 $('.block-cart-nav').each(function(){
  604.                     var blockID = $(this).attr('id');
  605.                     blockID = parseInt(blockID.substr(blockID.lastIndexOf('-')+1));
  606.                     Frontend.ajaxBlock(blockID, null);
  607.                 });
  608.                 if (data) {
  609.                     var results = $.parseJSON(data);
  610.                     addAjaxCartMessage(results.error, 'error', form);
  611.                 } else {
  612.                     //addAjaxCartMessage("Le panier a été mis à jour. <div class='cart-link-wrapper'><a href='https://www.store-en-ligne.ca/boutique-stores/stores-panier' class='cart-link'>Consulter mon panier</a></div>", 'success');
  613.                 }
  614.             }
  615.         });
  616.     });
  617.    
  618.     function addAjaxCartMessage(msg, classes, $root) {
  619.         $root.prepend('<div class="cart-ajax-message ' + (classes ? classes : '') + '">' + msg + '</div>');
  620.         $(".cart-ajax-message").click(removeAjaxCartMessages);
  621.         setTimeout(function(){
  622.             removeAjaxCartMessages();
  623.         }, 3000);
  624.     }
  625.    
  626.    
  627.     function removeAjaxCartMessages() {
  628.         $(".cart-ajax-message").fadeOut(400, function(){ $(this).remove(); });
  629.     }
  630. </script>
  631.  
  632. <script type="text/javascript">
  633.     $('.addtocart form').submit(function(e){
  634.  
  635.     //$('.addtocart a').click(function(e){
  636.  
  637.         var attributes_values = JSON.parse($('#attributes_values').val());
  638.         var qty = $('#qty').val();
  639.         var price = $('#price').val();
  640.         var id_format = $('#id_format').val();
  641.  
  642.         ga('ec:addProduct',{
  643.             'id' : id_format + '-' + attributes_values['63'],
  644.             'name' : id_format + '-' + attributes_values['63'],
  645.             'variant' : attributes_values['61'] + ' by ' + attributes_values['62'] + ' - ' +  attributes_values['64'] + ' ' +  attributes_values['65'] + ' ' + attributes_values['71'] + '%',
  646.             'price' : price,
  647.             'quantity' : qty,
  648.         });
  649.         ga("ec:setAction", "add");
  650.         ga("send", "event", "detail view", "click", "addToCart");
  651.     });
  652.  
  653. </script>
  654.  
  655.  
  656. <script>
  657.     var loading_interactions_completed = false;
  658.    
  659.     $(function(){
  660.         var currentLang = $("html").attr('lang');
  661.        
  662.         var $product = $('#product-69');
  663.         var attrWidthChartPrice = {
  664.             '#mechanism' : {
  665.                 "STD" : [180,180,180,180,242,242,248,248,248,248], // @todo last two were missing from excel sheet
  666.                 "COFFEE" : [396,402,406,415,416,420,571,575,575,575], // @todo last two were missing from excel sheet
  667.             }
  668.         };
  669.         var postRatioAttrWidthChartPrice = {
  670.             "#cantoniere" : {
  671.                 "AL" : [23,28,30,32,36,39,42,44,47,50,53,56,59,62],
  672.                 "PVC" : [23,28,30,32,36,39,42,44,47,50,53,56,59,62],
  673.                 "CASS" : [25,34,37,42,49,56,61,67,73,79,85,92,97,103],
  674.             }
  675.         };
  676.         var priceChart = [["","24","30","36","42","48","54","60","66","72","78","84","90","96","102"],["36","151","176","200","225","250","274","299","324","348","373","398","422","447","472"],["48","168","197","226","255","284","313","342","371","400","429","458","487","516","545"],["60","186","219","252","286","319","352","385","419","452","485","519","552","585","619"],["72","203","241","278","316","353","391","429","466","504","541","579","617","654","692"],["84","220","262","304","346","388","430","472","514","556","598","640","682","723","765"],["96","237","284","330","376","422","469","515","561","608","654","700","746","793","839"],["108","255","305","356","406","457","508","558","609","659","710","761","811","862","912"],["120","272","327","382","437","492","547","601","656","711","766","821","876","931","986"],["132","289","349","408","467","526","585","645","704","763","822","882","941","1000","1059"]];
  677.         var attrModifiers = {"height1":{"tooltip":{"type":"popup","content":"size"}},"width1":{"tooltip":{"type":"popup","content":"size"}},"width2":{"tooltip":{"type":"popup","content":"size"}},"ladder":{"price_modifier":{"1":"* 1.15","2":"* 1.15"}},"spacer":{"price_modifier":{"*":"+ (SELF * 3)"},"tooltip":{"type":"popup","content":"spacer"}},"clientmsg":{"description":"site.clientmsgDescription"},"installation":{"dynamic_description":{"INT":"installation:interior","EXTCASE":"installation:exteriorCase","EXTFABRIC":"installation:exteriorFabric"},"tooltip":{"type":"popup","content":"installation"}},"cassette_fabric":{"price_modifier":{"1":"* 1.18"}},"chain":{"tooltip":{"type":"popup","content":"chain-side"}},"perforation":{"description":"site.builder.perforation:description","tooltip":{"type":"popup","content":"opacity-scale"}},"type":{"tooltip":{"type":"popup","content":"type"}},"mechanism":{"tooltip":{"type":"popup","content":"mechanism"}},"deroulement":{"tooltip":{"type":"popup","content":"direction"}},"cantoniere":{"price_modifier":{"CASS":"+ 0.4"},"tooltip":{"type":"popup","content":"case"}},"cantoniere_color":{"tooltip":{"type":"popup","content":"cantoniere-color"}},"valence":{"description":"site.builder.valence:description"}};
  678.         var attrDescriptions = {"installation":{"vals":{"INT":"installation:toiles.interior","EXTFABRIC":"installation:toiles.exteriorFabric","EXTCASE":"installation:toiles.exteriorCase","EXTCADRE":"installation:toiles.exteriorCadre"}}};
  679.         var productFormats = {"31":{"title":"Toka","value":"0.00","price":"0.40","description":"<p>Perforations: 1% \/ 3% \/ 5%<\/p>","width":"0","height":"0","length":"0","weight":"0.00","qty":"0","availability":null,"attribute":{"63":{"value":"<select class=\"inputs userselect\" id=\"color\" name=\"color\" data-id=\"63\"><option value=\"tokablanc01\" class=\"toka-01-white\">Toka: 01 - White<\/option><option value=\"tokabeigeblanc02\" class=\"toka-02-beige-blanc\">Toka: 02 - Beige\/blanc<\/option><option value=\"tokagrisblanc03\" class=\"toka-03-gris-blanc\">Toka: 03 - Gris\/blanc<\/option><option value=\"tokanoir09\" class=\"toka-09-noir\">Toka: 09 - Noir<\/option><option value=\"tokagrismoyen14\" class=\"toka-14-gris-moyen\">Toka: 14 - Gris moyen<\/option><\/select>","type":"USERSELECT"},"71":{"value":"<select class=\"inputs userselect\" id=\"perforation\" name=\"perforation\" data-id=\"71\"><option value=\"1\" class=\"1\">1%<\/option><option value=\"3\" class=\"3\">3%<\/option><option value=\"5\" class=\"5\">5%<\/option><\/select>","type":"USERSELECT"}},"price_str":"0,40 <span class='currency_symbol'>CAD <\/span> $","availability_str":"Plusieurs en inventaire","availability_status":"no-limit","qty_str":"Plusieurs en inventaire","is_available":true}};
  680.         var langs = {"blindsName:line1":"Toiles altern\u00e9es","blindsName:line2":"Toiles solaires","blindsName:line3":"Toiles opaques","blindsName:line4":"Stores horizontaux de bois","blindsName:line5":"Stores horizontaux de PVC","blindsName:line6":"Stores en aluminium","blindsName:line7":"Voir tous nos stores disponible","builder.banner:descriptionLink":"Plus d'informations","builder.cassetteFabric:description.no":"","builder.cassetteFabric:description.yes":"Le recouvrage de tissu augmente le co\u00fbt de 18%.","builder.formatShortcuts:label":"Choisir une Collection","builder.formatShortcuts:color":"Choisir une Couleur","builder.perforation:description":"Des options de perforations diff\u00e9rentes peuvent \u00eatre disponibles dans les autres mod\u00e8les de toile solaire.","builder.sizeInInches":"Mesure en pouces","builder.size.fractionSublabel:width":"Ici les fractions de la largeur (ex: 3\/8\")","builder.size.fractionSublabel:height":"Ici les fractions de la hauteur (ex: 3\/8\")","builder.valence:description":"La valence est incluse et sans frais.","chain:bothExtremities":"Les stores doubles \u00e0 une seule t\u00eate ont une chaine \u00e0 chaque extr\u00e9mit\u00e9, soit une chaine \u00e0 gauche pour le store de gauche et une chaine \u00e0 droite pour le store de droite.","clientmsgDescription":"Vous avez des fen\u00eatres de m\u00eame hauteur tr\u00e8s proches? Ou plusieurs stores dans la m\u00eame fen\u00eatre? Demander \u00e0 faire aligner les bandes de celles-ci.","color.shortDescription:alternee_milanblanc":"Voilage gros cadrier","color.shortDescription:alternee_nocturnegris":"Opaque bande de 5 pouces","color.shortDescription:alternee_picasso01":"Blanc vers un brun p\u00e2le en d\u00e9grad\u00e9","color.shortDescription:alternee_raphael01":"Extra blanc \/ voilage fin","color.shortDescription:alternee_raphael02":"Ivoire tr\u00e8s p\u00e2le","color.shortDescription:alternee_raphaelgris05":"Gris p\u00e2le \/ voilage fin","color.shortDescription:alternee_classicnoir":"Voilage fin","color.shortDescription:alternee_davinciblanc01":"Bande et voilage textur\u00e9s","color.shortDescription:alternee_davincigris04":"Bande et voilage textur\u00e9s","color.shortDescription:alternee_michelangelogrisfonce04":"Satin\u00e9 et voilage fin","color.shortDescription:alternee_michelangelogrismoyen03":"Satin\u00e9 et voilage fin","color.shortDescription:rouleau_opaque_tenleyblackoutalabaster601":"Blanc doux","color.shortDescription:rouleau_translucide_davidbeige01":"Ivoire-lin","configurator.goToPreviousStep":"Retour \u00e0 l'\u00e9tape pr\u00e9c\u00e9dente","configuratorNextStep":"Prochaine \u00e9tape","configuratorNextStep:1":"Choisir la couleur et l'aspect","configuratorNextStep:1:label":"Couleur et dimensions","__configuratorNextStep:2":"Passer au choix de pose et de dimensions","__configuratorNextStep:2:label":"Dimension et type de pose","configuratorNextStep:2":"Passer \u00e0 l`\u00e9tape suivante","configuratorNextStep:2:label":"Sp\u00e9cifications","configuratorNextStep:3":"Passer \u00e0 l`\u00e9tape finale","configuratorNextStep:3:label":"Confirmation","configuratorNextStep:cart":"Ajouter au panier","configurator.stepLabel":"\u00c9tape #%s","copyProduct":"Copier","emailAddress":"info@store-en-ligne.ca","installation:alternee.interior":"Donner votre mesure pr\u00e9cise de l'int\u00e9rieur du cadrage.","installation:alternee.exteriorCadre":"Donner la mesure ext\u00e9rieur de votre cadrage.","installation:alternee.exteriorCase":"\u00c9quivaut \u00e0 la mesure exacte du boitier, donc le tissu sera 1 1\/2\" plus petit.","installation:alternee.exteriorFabric":"\u00c9quivaut \u00e0 la mesure exacte du tissu, donc le boitier sera 1 1\/2\" plus grand.","installation:diaphane.interior":"\u00c9gale la mesure du boitier et 1\/8 de pouce sera d\u00e9duit de votre mesure.","installation:cellulaire.interior3\/8":"3\/8\" sera d\u00e9duit \u00e0 votre mesure pour la largeur et 1\/4\" pour la hauteur afin d'assurer un fonctionnement parfait sans friction \u00e0 l'int\u00e9rieur de votre cadrage.","installation:interior":"\u00c9gale la mesure du boitier et 1\/8 de pouce sera d\u00e9duit \u00e0 votre mesure pour la largeur et 3\/8 de pouce pour la hauteur","installation:interior1\/4":"1\/4\" sera d\u00e9duit \u00e0 votre mesure pour la largeur et 1\/4\" pour la hauteur afin d'assurer un fonctionnement parfait sans friction \u00e0 l'int\u00e9rieur de votre cadrage.","installation:toiles.interior":"Donner votre mesure pr\u00e9cise de l'int\u00e9rieur du cadrage.","installation:toiles.exteriorCase":"Donner la mesure ext\u00e9rieur de votre cadrage.","installation:toiles.exteriorCadre":"Donner la mesure ext\u00e9rieur de votre cadrage.","-installation:toiles.interior":"\u00c9gale la mesure entre les 2 support et 1\/8 de pouce sera d\u00e9duit de votre mesure.","-installation:toiles.exteriorCase":"\u00c9quivaut \u00e0 la mesure exacte du boitier, donc le tissu sera 1\" plus petit.","installation:toiles.exteriorFabric":"\u00c9quivaut \u00e0 la mesure exacte du tissu, donc avec les fixation  1\" plus grand.","installation:exterior":"Vous recevrez exactement la hauteur et la largeur que vous indiquez, sans aucune d\u00e9duction ou rajout.","installation:exteriorCase":"\u00c9quivaut \u00e0 la mesure exacte du boitier, donc le tissu sera 1\u00bd\" plus petit","installation:exteriorFabric":"\u00c9quivaut \u00e0 la mesure exacte du tissu, donc le tissu sera 1\u00bd\" plus grand","helpBar:freeShipping":"Livraison gratuite","helpTooltip":"Voir","home.product:promoText":"<span class='number'>50%<\/span><span class='explanation'>de rabais<\/span>","leftWidth":"Largeur de gauche","popup:close":"Fermer","productPage:buyOnline":"Acheter en ligne","productPage:contactUs":"Contactez-nous","productPage:freeShipping":"Livraison gratuite partout au Qu\u00e9bec, Ontario et Nouveau-Brunswick","productPage:motorization.title":"Motorisation disponible","productPage:motorization.description":"Ce type de store est compatible avec la motorisation.<br>Vous d\u00e9sirez en savoir plus?","productPage:motorization.viewMore":"En savoir plus","productPage:motorizationOffered:text":"La motorisation est offerte pour ce type de toile","productPage:motorizationOffered:link":"Faites-en la demande","productPage:shippingService:available":"Service \u00e0 domicile disponible","productPage:shippingService:description":"Service sans frais et sans obligation d'achat","productPage:promo:conditionsApply":"certaines conditions s'appliquent","productsPopup:onDemand.title":"Commande sp\u00e9ciale","productsPopup:onDemand.description":"Vous ne trouvez pas le store ou l'habillage de fen\u00eatre de vos r\u00eaves dans notre boutique? <br><strong>Nous le commandons pour vous!<\/strong>","productsPopup:onDemand.button":"Faire une demande","configurator.stepLabelText":"Choisissez l'une des nombreuses collections offertes :","productVideo.label":"Facile d'installation, voyez-vous m\u00eame !","region.switchTo:other":"Je ne suis pas de la r\u00e9gion de Qu\u00e9bec","region.switchTo:quebec":"Je suis de la r\u00e9gion de Qu\u00e9bec","textTooltip:dimensions":"Apprendre <a href='\/services\/boite-a-outils#comment-mesurer' target='_blank'>comment mesurer votre fen\u00eatre<\/a>","textTooltip:windowname":"Donnez \u00e0 la fen\u00eatre un nom qui vous servira de rep\u00e8re au cours du processus d'achat. <br>Ex.: fen\u00eatre du salon","viewProduct":"Voir le produit","viewProductDetails":"Voir les d\u00e9tails","width":"Largeur","bannerContent:line1":"Une offre d\u2019une dur\u00e9e limit\u00e9e","bannerContent:line2":"50%","bannerContent:line3":"sur tous les stores","bannerContent:button":"Magasinez maintenant","choiceBoxContent:line1":"Le plus grand choix de","choiceBoxContent:line2":"toiles et stores sur mesure","choiceBoxContent:line3":"au Qu\u00e9bec","choiceBoxContent:line4":"Magasinez maintenant","consultationHomeBox:line1":"Consultation \u00e0 domicile","consultationHomeBox:line2":"gratuite","consultationHomeBox:line3":"contactez-nous sans attendre","consultationHomeBox:phone":"418 661-9191","button:learnmore":"En savoir plus","optionBox:title":"Une foule de toiles et stores","optionBox:toilesAlternees":"Toiles altern\u00e9es","optionBox:toilesSolaires":"Toiles solaires","optionBox:storeHorizontaux":"Store horizontaux","optionBox:storeDiaphanes":"Stores diaphanes","optionBox:more":"et plus encore...","optionBox:button":"Voir tous nos stores","customisationBox:line1":"Des options de personnalisation","customisationBox:line2":"pour tous les go\u00fbts","businessServices:question":"Besoin de nos services pour votre entreprise?","businessServices:answer":"Nous avons l'expertise","servicesBannerContent:line1":"Installation","servicesBannerContent:line2":"Gratuite","servicesBannerContent:line3":"\u00e0 l'achat de 4 stores","siteTitle":"Store en ligne.ca","authorizedDealer":"D\u00e9positaire des produits"};
  681.         var isSplitted = false;
  682.         var attrInfos = [{"title":"Notes et commentaires","possible_values":[],"unique_name":"windowname","order":"1","id":"60"},{"title":"Largeur du store","possible_values":[],"unique_name":"width1","order":"2","id":"61"},{"title":"Hauteur du store","possible_values":[],"unique_name":"height1","order":"3","id":"62"},{"title":"Couleur","possible_values":{"polyflexblanc900":"Blanc 900","polyflexbourgogne915":"Bourgogne 915","polyflexchampagne933":"Champagne 933","polyflexecru929":"Ecru 929","polyflexfaon934":"Faon 934","polyflexgris909":"Gris 909","polyflexlin926":"Lin 926","polyflexmarine913":"Marine 913","polyflexnoir930":"Noir 930","polyflexvertchasseur914":"Vert chasseur 914","scalablackoutblack0177":"Black 0177","scalablackoutcoconut0154":"Coconut 0154","scalablackoutdolphinfin0157":"Dolphinfin 0157","scalablackoutlinen0165":"Linen 0165","scalablackoutmississippi0155":"Mississippi 0155","scalablackoutmochamousse0156":"Mocha mousse 0156","scalablackoutnutbrown0013":"Nut brown 0013","scalablackoutwhite0163":"White 0163","tenleyblackoutalabaster601":"Alabaster 601","tenleyblackoutcamel605":"Camel 605","tenleyblackoutcream603":"Cream 603","tenleyblackoutdenim609":"Denim 609","tenleyblackoutlinen616":"Linen 616","tenleyblackoutmint606":"Mint 606","tenleyblackoutslate612":"Slate 612","tenleyblackoutvanilla602":"Vanilla 602","davidbeige01":"Beige 01","rodinbeige02":"Beige 02","rodinblanc01":"Blanc 01","rodingris04":"Gris 04","tenleyalabaster202051":"Alabaster 202051","tenleychipotle2022526":"Chipotle 2022526","tenleyfawn202512":"Fawn 202512","tenleyink2022528":"Ink 2022528","tenleymint202514":"Mint 202514","tenleysand202058":"Sand 202058","tenleyslate2022519":"Slate 20225519","tenleyvanilla202052":"Vanilla 202052","tokablanc01":"Toka: 01 - White","tokabeigeblanc02":"Toka: 02 - Beige\/blanc","tokagrisblanc03":"Toka: 03 - Gris\/blanc","tokanoir09":"Toka: 09 - Noir","tokagrismoyen14":"Toka: 14 - Gris moyen","katonoirgris05":"Kato: 05 - Noir\/gris","monzagrisblanc03":"Monza: 03 - Gris\/blanc","monzacharcoalgris16":"Monza: 16 - Charcoal\/gris","monzabrun17":"Monza: 17 - Brun","monzacharcoalbrun18":"Monza: 18 - Charcoal brun"},"unique_name":"color","order":"4","id":"63"},{"title":"D\u00e9roulement r\u00e9gulier ou invers\u00e9?","possible_values":{"REG":"R\u00e9gulier","REV":"Invers\u00e9"},"unique_name":"deroulement","order":"5","id":"64"},{"title":"Quel type de cantoni\u00e8re?","possible_values":{"NONE":"Aucune","AL":"Aluminium","PVC":"P.V.C. avec insertion tissu","CASS":"Cassette Z\u00e9bra"},"unique_name":"cantoniere","order":"6","id":"65"},{"title":"De quelle couleur souhaitez-vous votre cantoni\u00e8re?","possible_values":["Noir","Blanc","Anodizer","Ivoire"],"unique_name":"cantoniere_color","order":"7","id":"66"},{"title":"De quel mat\u00e9riaux aimeriez-vous votre cha\u00eenette?","possible_values":["Acier inoxydable","PVC"],"unique_name":"chainette","order":"8","id":"67"},{"title":"La cha\u00eene de contr\u00f4le doit-elle \u00eatre \u00e0 gauche ou \u00e0 droite?","possible_values":["Gauche","Droite"],"unique_name":"chain","order":"9","id":"68"},{"title":"Le store sera-t-il pos\u00e9 \u00e0 l'int\u00e9rieur du cadre ou \u00e0 l'ext\u00e9rieur?","possible_values":{"INT":"Int\u00e9rieur cadre","EXTCADRE":"Ext\u00e9rieur cadre","2":""},"unique_name":"installation","order":"10","id":"69"},{"title":"De combien de paires d'espaceurs (\u00bd'') aurez-vous besoin? (3$ la paire)","possible_values":[],"unique_name":"spacer","order":"11","id":"70"},{"title":"Quel doit \u00eatre le pourcentage de perforation de la toile?","possible_values":{"1":"1%","3":"3%","5":"5%"},"unique_name":"perforation","order":"12","id":"71"},{"title":"Cat\u00e9gorie de prix","possible_values":["$","$$","$$$"],"unique_name":"price_bracket","order":"13","id":"142"},{"title":"Titre de la page de d\u00e9tails","possible_values":[],"unique_name":"details_page_title","order":"149","id":"149"},{"title":"Album image","possible_values":[],"unique_name":"album","order":"166","id":"166"},{"title":"RichTextSnippet","possible_values":[],"unique_name":"rts","order":"167","id":"167"},{"title":"Texte contenu","possible_values":[],"unique_name":"fulltext","order":"168","id":"168"},{"title":"Vid\u00e9o d'installation","possible_values":[],"unique_name":"video","order":"169","id":"169"},{"title":"Comment mesure","possible_values":[],"unique_name":"measure","order":"170","id":"170"}];
  683.         var attrTooltipPopups = {"height1":"    <div id=\"size-measurement\">\n    <div class=\"tool-tips-row double tool-tips-title\">\n        <div class=\"tool-tips-column\">Fen\u00eatre simple int\u00e9rieur<\/div>\n        <div class=\"tool-tips-column\">Fen\u00eatre simple ext\u00e9rieur<\/div>\n    <\/div>\n    <div class=\"tool-tips-row double tool-tips-content\">\n        <div class=\"tool-tips-column\">\n            <div class=\"title-mobile\">Fen\u00eatre simple int\u00e9rieur<\/div>\n            <img src=\"\/skin\/site\/image\/tool-tips\/measure-simple-interior.png?_m=9ea63a70a149dd6e676f3aebe0e43d71\">\n        <\/div>\n        <div class=\"tool-tips-column\">\n            <div class=\"title-mobile\">Fen\u00eatre simple ext\u00e9rieur<\/div>\n            <img src=\"\/skin\/site\/image\/tool-tips\/measure-simple-exterior.png?_m=9ea63a70a149dd6e676f3aebe0e43d71\">\n        <\/div>        \n  <\/div>\n  <div class=\"explanation\"> \n    <p><strong>Installation int\u00e9rieure Fen\u00eatre simple<\/strong><\/p>\n    <p> La mesure de la largeur doit se prendre seulement au haut du cadrage, cette toile en descendant laisse +\/- 3\/8 pouce de d\u00e9gagement de chaque c\u00f4t\u00e9 de la toile lors de la descente.<\/p>\n    <p> La mesure pour la hauteur n'as pas besoin d'\u00eatre tr\u00e8s pr\u00e9cise; une mesure \u00e0 1\/2 pouces pr\u00e8s est convenable.\u00a0<\/p>\n    <p><strong> Installation ext\u00e9rieure Fen\u00eatre simple<\/strong><\/p>\n    <p> Si vous d\u00e9sirez que les supports soient \u00e9gaux \u00e0 votre cadrage, vous prenez simplement la mesure ext\u00e9rieure du cadrage sur la largeur et si vous d\u00e9sirez couvrir totalement votre cadrage avec la toile alors vous devez rajouter 1 1\/2 pouces \u00e0 cette mesure. \u00a0<\/p>\n    <p> Pour la hauteur vous avez 2 options, donc si vous d\u00e9sirez installer la toile sur le cadrage alors prendre la mesure ext\u00e9rieure des cadrages sur la hauteur. Si toutefois le bo\u00eetier est install\u00e9 au haut du cadrage, vous devez rajouter 3 pouces \u00e0 cette mesure.\u00a0 <\/p>\n    <p><br>\n  <\/p>\n    <p>\u00a0<\/p>\n  <\/div>\n<\/div>","width1":"    <div id=\"size-measurement\">\n    <div class=\"tool-tips-row double tool-tips-title\">\n        <div class=\"tool-tips-column\">Fen\u00eatre simple int\u00e9rieur<\/div>\n        <div class=\"tool-tips-column\">Fen\u00eatre simple ext\u00e9rieur<\/div>\n    <\/div>\n    <div class=\"tool-tips-row double tool-tips-content\">\n        <div class=\"tool-tips-column\">\n            <div class=\"title-mobile\">Fen\u00eatre simple int\u00e9rieur<\/div>\n            <img src=\"\/skin\/site\/image\/tool-tips\/measure-simple-interior.png?_m=9ea63a70a149dd6e676f3aebe0e43d71\">\n        <\/div>\n        <div class=\"tool-tips-column\">\n            <div class=\"title-mobile\">Fen\u00eatre simple ext\u00e9rieur<\/div>\n            <img src=\"\/skin\/site\/image\/tool-tips\/measure-simple-exterior.png?_m=9ea63a70a149dd6e676f3aebe0e43d71\">\n        <\/div>        \n  <\/div>\n  <div class=\"explanation\"> \n    <p><strong>Installation int\u00e9rieure Fen\u00eatre simple<\/strong><\/p>\n    <p> La mesure de la largeur doit se prendre seulement au haut du cadrage, cette toile en descendant laisse +\/- 3\/8 pouce de d\u00e9gagement de chaque c\u00f4t\u00e9 de la toile lors de la descente.<\/p>\n    <p> La mesure pour la hauteur n'as pas besoin d'\u00eatre tr\u00e8s pr\u00e9cise; une mesure \u00e0 1\/2 pouces pr\u00e8s est convenable.\u00a0<\/p>\n    <p><strong> Installation ext\u00e9rieure Fen\u00eatre simple<\/strong><\/p>\n    <p> Si vous d\u00e9sirez que les supports soient \u00e9gaux \u00e0 votre cadrage, vous prenez simplement la mesure ext\u00e9rieure du cadrage sur la largeur et si vous d\u00e9sirez couvrir totalement votre cadrage avec la toile alors vous devez rajouter 1 1\/2 pouces \u00e0 cette mesure. \u00a0<\/p>\n    <p> Pour la hauteur vous avez 2 options, donc si vous d\u00e9sirez installer la toile sur le cadrage alors prendre la mesure ext\u00e9rieure des cadrages sur la hauteur. Si toutefois le bo\u00eetier est install\u00e9 au haut du cadrage, vous devez rajouter 3 pouces \u00e0 cette mesure.\u00a0 <\/p>\n    <p><br>\n  <\/p>\n    <p>\u00a0<\/p>\n  <\/div>\n<\/div>","width2":"    <div id=\"size-measurement\">\n    <div class=\"tool-tips-row double tool-tips-title\">\n        <div class=\"tool-tips-column\">Fen\u00eatre simple int\u00e9rieur<\/div>\n        <div class=\"tool-tips-column\">Fen\u00eatre simple ext\u00e9rieur<\/div>\n    <\/div>\n    <div class=\"tool-tips-row double tool-tips-content\">\n        <div class=\"tool-tips-column\">\n            <div class=\"title-mobile\">Fen\u00eatre simple int\u00e9rieur<\/div>\n            <img src=\"\/skin\/site\/image\/tool-tips\/measure-simple-interior.png?_m=9ea63a70a149dd6e676f3aebe0e43d71\">\n        <\/div>\n        <div class=\"tool-tips-column\">\n            <div class=\"title-mobile\">Fen\u00eatre simple ext\u00e9rieur<\/div>\n            <img src=\"\/skin\/site\/image\/tool-tips\/measure-simple-exterior.png?_m=9ea63a70a149dd6e676f3aebe0e43d71\">\n        <\/div>        \n  <\/div>\n  <div class=\"explanation\"> \n    <p><strong>Installation int\u00e9rieure Fen\u00eatre simple<\/strong><\/p>\n    <p> La mesure de la largeur doit se prendre seulement au haut du cadrage, cette toile en descendant laisse +\/- 3\/8 pouce de d\u00e9gagement de chaque c\u00f4t\u00e9 de la toile lors de la descente.<\/p>\n    <p> La mesure pour la hauteur n'as pas besoin d'\u00eatre tr\u00e8s pr\u00e9cise; une mesure \u00e0 1\/2 pouces pr\u00e8s est convenable.\u00a0<\/p>\n    <p><strong> Installation ext\u00e9rieure Fen\u00eatre simple<\/strong><\/p>\n    <p> Si vous d\u00e9sirez que les supports soient \u00e9gaux \u00e0 votre cadrage, vous prenez simplement la mesure ext\u00e9rieure du cadrage sur la largeur et si vous d\u00e9sirez couvrir totalement votre cadrage avec la toile alors vous devez rajouter 1 1\/2 pouces \u00e0 cette mesure. \u00a0<\/p>\n    <p> Pour la hauteur vous avez 2 options, donc si vous d\u00e9sirez installer la toile sur le cadrage alors prendre la mesure ext\u00e9rieure des cadrages sur la hauteur. Si toutefois le bo\u00eetier est install\u00e9 au haut du cadrage, vous devez rajouter 3 pouces \u00e0 cette mesure.\u00a0 <\/p>\n    <p><br>\n  <\/p>\n    <p>\u00a0<\/p>\n  <\/div>\n<\/div>","spacer":"<div id=\"spacer\">\r\n    <div class=\"tool-tips-row single tool-tips-title\">\r\n        <div class=\"tool-tips-column\">Espaceur<\/div>\r\n    <\/div>\r\n    <div class=\"tool-tips-row double tool-tips-content\">\r\n        <div class=\"tool-tips-column\">\r\n            <div class=\"title-mobile\">Espaceur<\/div>\r\n            <img src=\"\/skin\/site\/image\/tool-tips\/spacers.png?_m=9ea63a70a149dd6e676f3aebe0e43d71\">\r\n        <\/div>        \r\n    <\/div>\r\n<\/div><!--END type-->","installation":"<div id=\"installation\">\r\n    <div class=\"tool-tips-row double tool-tips-title\">\r\n        <div class=\"tool-tips-column\">Int\u00e9rieur<\/div>\r\n        <div class=\"tool-tips-column\">Ext\u00e9rieur<\/div>\r\n    <\/div>\r\n    <div class=\"tool-tips-row double tool-tips-content\">\r\n        <div class=\"tool-tips-column\">\r\n            <div class=\"title-mobile\">Int\u00e9rieur<\/div>\r\n            <img src=\"\/skin\/site\/image\/tool-tips\/mount-thin-inside.png?_m=5f7d2322e2786f311a6d0d33fb9d7816\">\r\n        <\/div>\r\n        <div class=\"tool-tips-column\">\r\n            <div class=\"title-mobile\">Ext\u00e9rieur<\/div>\r\n            <img src=\"\/skin\/site\/image\/tool-tips\/mount-thin-outside.png?_m=d6eb507457761f7852f33b5f65a53e97\">\r\n        <\/div>\r\n    <\/div>\r\n<\/div><!--END type-->","chain":"<div id=\"chain-side\">\r\n    <div class=\"tool-tips-row double tool-tips-title\">\r\n        <div class=\"tool-tips-column\">Cha\u00eenette \u00e0 gauche<\/div>\r\n        <div class=\"tool-tips-column\">Cha\u00eenette \u00e0 droite<\/div>\r\n    <\/div>\r\n    <div class=\"tool-tips-row double tool-tips-content\">\r\n        <div class=\"tool-tips-column\">\r\n            <div class=\"title-mobile\">Cha\u00eenette \u00e0 gauche<\/div>\r\n            <img src=\"\/skin\/site\/image\/tool-tips\/chainette-gauche.png?_m=3deee4c59cc6dff44bfd9d55c1edae90\">\r\n        <\/div>\r\n        <div class=\"tool-tips-column\">\r\n            <div class=\"title-mobile\">Cha\u00eenette \u00e0 droite<\/div>\r\n            <img src=\"\/skin\/site\/image\/tool-tips\/chainette-droite.png?_m=4e0fa9f2aaad0944503bdd8bfe5185a9\">\r\n        <\/div>\r\n    <\/div>\r\n<\/div>","perforation":"<div id=\"opacity-scale\">\r\n    <div class=\"tool-tips-row triple tool-tips-title\">\r\n        <div class=\"tool-tips-column\">1% de transparence<\/div>\r\n        <div class=\"tool-tips-column\">3% de transparence<\/div>\r\n        <div class=\"tool-tips-column\">5% de transparence<\/div>\r\n    <\/div>\r\n    <div class=\"tool-tips-row triple tool-tips-content\">\r\n        <div class=\"tool-tips-column\">\r\n            <div class=\"title-mobile\">1% de transparence<\/div>\r\n            <img src=\"\/skin\/site\/image\/tool-tips\/opacity-1.jpg?_m=39a11aa30b3eb864e68bc77d0ee9b0b9\">\r\n        <\/div>\r\n        <div class=\"tool-tips-column\">\r\n            <div class=\"title-mobile\">3% de transparence<\/div>\r\n            <img src=\"\/skin\/site\/image\/tool-tips\/opacity-3.jpg?_m=4185526bfbf03f3095619f5a166f4f07\">\r\n        <\/div>\r\n        <div class=\"tool-tips-column\">\r\n            <div class=\"title-mobile\">5% de transparence<\/div>\r\n            <img src=\"\/skin\/site\/image\/tool-tips\/opacity-5.jpg?_m=4185526bfbf03f3095619f5a166f4f07\">\r\n        <\/div>\r\n    <\/div>\r\n    <div class=\"tool-tips-row triple tool-tips-content\">\r\n        <div class=\"tool-tips-column\">\r\n            <div class=\"title-mobile\">1% de transparence<\/div>\r\n            <img src=\"\/skin\/site\/image\/tool-tips\/opacity-black-1.jpg?_m=03f36a6e8e3bba73abe30a5400cbc303\">\r\n        <\/div>\r\n        <div class=\"tool-tips-column\">\r\n            <div class=\"title-mobile\">3% de transparence<\/div>\r\n            <img src=\"\/skin\/site\/image\/tool-tips\/opacity-black-3.jpg?_m=9fcda4e1b1895ae912a96a079c953506\">\r\n        <\/div>\r\n        <div class=\"tool-tips-column\">\r\n            <div class=\"title-mobile\">5% de transparence<\/div>\r\n            <img src=\"\/skin\/site\/image\/tool-tips\/opacity-black-5.jpg?_m=9fcda4e1b1895ae912a96a079c953506\">\r\n        <\/div>\r\n    <\/div>\r\n<\/div>","type":"<div id=\"type\">\r\n    <div class=\"tool-tips-row double tool-tips-title\">\r\n        <div class=\"tool-tips-column\">Store simple<\/div>\r\n        <div class=\"tool-tips-column\">Store double<\/div>\r\n    <\/div>\r\n    <div class=\"tool-tips-row double tool-tips-content\">\r\n        <div class=\"tool-tips-column\">\r\n            <div class=\"title-mobile\">Store simple<\/div>\r\n            <img src=\"\/skin\/site\/image\/tool-tips\/type-single.png?_m=199bc5f0b6c599770d23bd7260068fab\">\r\n        <\/div>\r\n        <div class=\"tool-tips-column\">\r\n            <div class=\"title-mobile\">Store double<\/div>\r\n            <img src=\"\/skin\/site\/image\/tool-tips\/type-double.png?_m=199bc5f0b6c599770d23bd7260068fab\">\r\n        <\/div>\r\n    <\/div>\r\n<\/div><!--END type-->","mechanism":"<div id=\"mecanism\">\r\n    <div class=\"tool-tips-row double tool-tips-title\">\r\n        <div class=\"tool-tips-column\">Standard avec corde<\/div>\r\n        <div class=\"tool-tips-column\">Standard sans corde<\/div>\r\n    <\/div>\r\n    <div class=\"tool-tips-row double tool-tips-content\">\r\n        <div class=\"tool-tips-column\">\r\n            <div class=\"title-mobile\">Standard avec corde<\/div>\r\n            <img src=\"image\/tool-tips\/mecanism-cord.png\">\r\n        <\/div>\r\n        <div class=\"tool-tips-column\">\r\n            <div class=\"title-mobile\">Standard sans corde<\/div>\r\n            <img src=\"image\/tool-tips\/mecanism-cordless.png\">\r\n        <\/div>\r\n    <\/div>\r\n<\/div><!--END mecanism-->","deroulement":"<div id=\"direction\">\r\n    <div class=\"tool-tips-row double tool-tips-title\">\r\n        <div class=\"tool-tips-column\">R\u00e9gulier<\/div>\r\n        <div class=\"tool-tips-column\">Invers\u00e9<\/div>\r\n    <\/div>\r\n    <div class=\"tool-tips-row double tool-tips-content\">\r\n        <div class=\"tool-tips-column\">\r\n            <div class=\"title-mobile\">R\u00e9gulier<\/div>\r\n            <img src=\"\/skin\/site\/image\/tool-tips\/direction-standard.png?_m=4e0fa9f2aaad0944503bdd8bfe5185a9\">\r\n        <\/div>\r\n        <div class=\"tool-tips-column\">\r\n            <div class=\"title-mobile\">Invers\u00e9<\/div>\r\n            <img src=\"\/skin\/site\/image\/tool-tips\/direction-reverse.png?_m=4e0fa9f2aaad0944503bdd8bfe5185a9\">\r\n        <\/div>\r\n    <\/div>\r\n<\/div><!--END direction-->","cantoniere":"<div id=\"case\">\r\n    <div class=\"tool-tips-row quadruple tool-tips-title\">\r\n        <div class=\"tool-tips-column\">Sans cantoni\u00e8re<\/div>\r\n        <div class=\"tool-tips-column\">Aluminium<\/div>\r\n        <div class=\"tool-tips-column\">Tissu<\/div>\r\n        <div class=\"tool-tips-column\">Zebra<\/div>\r\n    <\/div>\r\n    <div class=\"tool-tips-row quadruple tool-tips-content\">\r\n    \r\n        <div class=\"tool-tips-column\">\r\n            <div class=\"title-mobile\">Sans cantoni\u00e8re<\/div>\r\n            <img src=\"\/skin\/site\/image\/tool-tips\/case-none.png?_m=206c2ff1b77590cb26d2af66539ebcc2\">\r\n        <\/div>\r\n        <div class=\"tool-tips-column\">\r\n            <div class=\"title-mobile\">Aluminium<\/div>\r\n            <img src=\"\/skin\/site\/image\/tool-tips\/case-aluminium.png?_m=7e72ea07cdaa1ef61d8abc2b1f3ad4d3\">\r\n        <\/div>\r\n        <div class=\"tool-tips-column\">\r\n            <div class=\"title-mobile\">Tissu<\/div>\r\n            <img src=\"\/skin\/site\/image\/tool-tips\/case-fabric.png?_m=7e72ea07cdaa1ef61d8abc2b1f3ad4d3\">\r\n        <\/div>\r\n        <div class=\"tool-tips-column\">\r\n            <div class=\"title-mobile\">Zebra<\/div>\r\n            <img src=\"\/skin\/site\/image\/tool-tips\/case-zebra.png?_m=02259e9615b354923abe84786e0f33e8\">\r\n        <\/div>\r\n    <\/div>\r\n<\/div><!--END case-->","cantoniere_color":"<div id=\"type\">\r\n    <div class=\"tool-tips-row quadruple tool-tips-title\">\r\n        <div class=\"tool-tips-column\">Blanc<\/div>\r\n        <div class=\"tool-tips-column\">Noir<\/div>\r\n        <div class=\"tool-tips-column\">Ivoire<\/div>\r\n        <div class=\"tool-tips-column\">Anodis\u00e9<\/div>\r\n    <\/div>\r\n    <div class=\"tool-tips-row quadruple tool-tips-content\">\r\n        <div class=\"tool-tips-column\">\r\n            <div class=\"title-mobile\">Blanc<\/div>\r\n\t\t\t<div class=\"swatches\">\r\n            \t<div class=\"swatch-wrapper\"><img src=\"\/skin\/site\/image\/tool-tips\/color-white.png?_m=bada07f51bbda262bafc805e25d555e6\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"tool-tips-column\">\r\n            <div class=\"title-mobile\">Noir<\/div>\r\n\t\t\t<div class=\"swatches\">\r\n            \t<div class=\"swatch-wrapper\"><img src=\"\/skin\/site\/image\/tool-tips\/color-black.png?_m=bada07f51bbda262bafc805e25d555e6\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"tool-tips-column\">\r\n            <div class=\"title-mobile\">Ivoire<\/div>\r\n\t\t\t<div class=\"swatches\">\r\n            \t<div class=\"swatch-wrapper\"><img src=\"\/skin\/site\/image\/tool-tips\/color-ivory.png?_m=bada07f51bbda262bafc805e25d555e6\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"tool-tips-column\">\r\n            <div class=\"title-mobile\">Anodis\u00e9<\/div>\r\n\t\t\t<div class=\"swatches\">\r\n            \t<div class=\"swatch-wrapper\"><img src=\"\/skin\/site\/image\/tool-tips\/color-metalic.png?_m=bada07f51bbda262bafc805e25d555e6\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n    <\/div>\r\n<\/div><!--END type-->"};
  684.        
  685.        
  686.         // Clone price tags to keep them visible at all time
  687.         /*
  688.         $(".block-catalogs.block-product .block-content .product .product-wrapper > .section-media").append($('.block-catalogs.block-product .block-content .product .regular-price').first().clone());
  689.         $(".block-catalogs.block-product .block-content .product .product-wrapper > .section-media").append($('.block-catalogs.block-product .block-content .product .actual-price').first().clone());
  690.         */
  691.         // Add it to the builder's footer, too.
  692.         $(".block-catalogs.block-product .block-content .product .product-wrapper > .section-configurator-footer").prepend($('.block-catalogs.block-product .block-content .product .actual-price').first().clone());
  693.         $(".block-catalogs.block-product .block-content .product .product-wrapper > .section-configurator-footer").prepend($('.block-catalogs.block-product .block-content .product .regular-price').first().clone());
  694.        
  695.         // Clone samples link under media
  696.         $(".block-catalogs.block-product .block-content .product .header").append($('.block-catalogs.block-product .block-content a.samples-catalog-link').first());
  697.         $(".block-catalogs.block-product .block-content .product .product-wrapper > .section-media").append($('.block-catalogs.block-product .block-content a.samples-catalog-link').first().clone());
  698.        
  699.         $product.find('input#id_format, #width1, #width2, #height1, #ladder, #spacer').bind('change', calculatePrice);
  700.         function calculatePrice()
  701.         {
  702.             var price = 0;
  703.            
  704.             // Price Chart
  705.             if ( priceChart ) {
  706.                 var xChart = 1, yChart = 1;
  707.                 var productWidth =  parseInt($product.find('#part1_width1').val()) + ($product.find('#part2_width1').val() != "0" ? 1 : 0) ;
  708.                 var productHeight =  parseInt($product.find('#part1_height1').val()) + ($product.find('#part2_height1').val() != "0" ? 1 : 0);
  709.                 while ( productWidth > priceChart[0][xChart] && xChart < (priceChart[0].length - 1) ) xChart++;
  710.                 while ( productHeight > priceChart[yChart][0] && yChart < (priceChart.length - 1) ) yChart++;
  711.                 price = parseInt(priceChart[yChart][xChart]);
  712.                
  713.                 if ( isSplitted ) {
  714.                     xChart = 1, yChart = 1;
  715.                     productWidth =  parseInt($product.find('#part1_width2').val()) + ($product.find('#part2_width2').val() != "0" ? 1 : 0) ;
  716.                     while ( productWidth > priceChart[0][xChart] && xChart < (priceChart[0].length - 1) ) xChart++;
  717.                     price += parseInt(priceChart[yChart][xChart]);
  718.                 }
  719.             }
  720.            
  721.             // Modifier depending on specific attribute values
  722.             for ( k in attrWidthChartPrice ) {
  723.                 $attr = $product.find(k);
  724.                 if ($attr.length > 0 && typeof(attrWidthChartPrice[k][$attr.val()]) != 'undefined' ) {
  725.                    price += attrWidthChartPrice[k][$attr.val()][xChart - 1];
  726.                 }
  727.             }
  728.            
  729.             // Collection modifier
  730.             var idFormat = $product.find('input#id_format').val();
  731.             if ( idFormat ) {
  732.                 price = price * productFormats[idFormat]['price'];
  733.             } else {
  734.                 price = price * 0.40;
  735.             }
  736.            
  737.             // Price modifiers
  738.             for ( k in attrModifiers ) {
  739.                 if ( typeof attrModifiers[k]['price_modifier'] == 'undefined' ) continue;
  740.                
  741.                 var val = $product.find('#' + k).val();
  742.                 if ( attrModifiers[k]['price_modifier'][val] ) {
  743.                     price = eval('parseFloat(price) ' + attrModifiers[k]['price_modifier'][val].replace('SELF', $.trim(val) ? parseInt(val) : 0));
  744.                 }
  745.                 else if ( attrModifiers[k]['price_modifier']['*'] ) {
  746.                     price = eval('parseFloat(price) ' + attrModifiers[k]['price_modifier']['*'].replace('SELF', $.trim(val) ? parseInt(val) : 0));
  747.                    
  748.                 }
  749.             }
  750.            
  751.             // Modifier depending on specific attribute values
  752.             for ( k in postRatioAttrWidthChartPrice ) {
  753.                 $attr = $product.find(k);
  754.                 if ($attr.length > 0 && typeof(postRatioAttrWidthChartPrice[k][$attr.val()]) != 'undefined' ) {
  755.                    price += postRatioAttrWidthChartPrice[k][$attr.val()][xChart - 1];
  756.                 }
  757.             }
  758.            
  759.             regular_price = (price * 2).toFixed(2).replace('.', ',');
  760.             if (currentLang == 'fr-CA')
  761.                 $product.find('[data-role=regular-price]').html(regular_price + '$');
  762.             else
  763.                 $product.find('[data-role=regular-price]').html('$' + regular_price);
  764.            
  765.             price = price.toFixed(2);
  766.             if (currentLang == 'fr-CA')
  767.                 $product.find('[data-role=price]').html(price.replace('.', ',') + '$');
  768.             else
  769.                 $product.find('[data-role=price]').html('$' + price.replace('.', ','));
  770.             $product.find('input#price').val(price);
  771.         }
  772.         calculatePrice();
  773.         for ( k in attrWidthChartPrice ) $product.find(k).bind('change', calculatePrice);
  774.         for ( k in attrWidthChartPrice ) $product.find(k).bind('change', calculatePrice);
  775.        
  776.         // Check dimensions
  777.         var maxHeight = parseInt($product.find('#part1_height1').children('option:last').attr('value'));
  778.         var maxWidth = parseInt($product.find('#part1_width1').children('option:last').attr('value'));
  779.         // Store cellulaire
  780.         if ( $product.find('select#mechanism').length > 0 ) {
  781.             $product.find('select#mechanism').bind('change', function(e){
  782.                 switch (this.value)
  783.                 {
  784.                     case 'STDSTR': maxWidth = 96; maxHeight = 120; break;
  785.                     case 'STD':
  786.                     case 'COFFEE': maxWidth = maxHeight = 72; break;
  787.                 }
  788.                 checkSizePart1('width1', true, maxWidth);
  789.                 checkSizePart1('height1', true, maxHeight);
  790.             })
  791.             .trigger('change');
  792.         }
  793.        
  794.         $product.find('#part1_height1').bind('change', function(){
  795.             checkSizePart1('height1', true, maxHeight);
  796.         });
  797.         $product.find('#part2_height1').bind('change', function(){
  798.             checkSizePart2('height1', true, maxHeight);
  799.         });
  800.        
  801.         $product.find('#part1_width1').bind('change', function(){
  802.             checkSizePart1('width1', true, maxWidth);
  803.         });
  804.         $product.find('#part2_width1').bind('change', function(){
  805.             checkSizePart2('width1', true, maxWidth);
  806.         });
  807.        
  808.         $product.find('#part1_width2').bind('change', function(){
  809.             checkSizePart1('width2', true, maxWidth);
  810.         });
  811.         $product.find('#part2_width2').bind('change', function(){
  812.             checkSizePart2('width2', true, maxWidth);
  813.         });
  814.        
  815.         function checkSizePart1(name, checkCounterPart, max)
  816.         {
  817.             var maxRemaining = max;
  818.            
  819.             var counterPartName = name.substr(0, name.length - 1) + (name.substr(-1) == '2' ? '1' : '2');
  820.             if ( isSplitted ) {
  821.                 maxRemaining -= $product.find('#part1_' + counterPartName).val();
  822.             }
  823.            
  824.             $el = $('#part1_' + name);
  825.             $el.children('option').each(function(){
  826.                 if ( this.value > maxRemaining ) $(this).prop('disabled', true);
  827.                 else $(this).prop('disabled', false);
  828.             });
  829.  
  830.             if ( $el.val() == $el.children('option:enabled').last().val() && $product.find('#part2_' + name).data('last-disabled') != true ) {
  831.                $product.find('#part2_' + name).children('option').not(':first').prop('disabled', true);
  832.             } else {
  833.                 $product.find('#part2_' + name).children('option').prop('disabled', false);
  834.             }
  835.            
  836.             if ( checkCounterPart && $product.find('#part1_' + counterPartName).length ) {
  837.                checkSizePart1(counterPartName, false, max);
  838.             }
  839.         }
  840.        
  841.         function checkSizePart2(name, checkCounterPart, max)
  842.         {  
  843.             counterPartName = name.substr(0, name.length - 1) + (name.substr(-1) == '2' ? '1' : '2');
  844.             var maxRemaining = max - $('#part1_' + name).val() - $('#part1_' + counterPartName).val();
  845.             $el = $('#part2_' + name);
  846.            
  847.             if ( $el.val() != "0" ) {
  848.                 if ( !$el.data('last-disabled') ) {
  849.                     $product.find('#part1_' + name).children('option:enabled').last().prop('disabled', true);
  850.                     $el.data('last-disabled', true);
  851.                 }
  852.                 if ( maxRemaining <= 1 && $product.find('#part2_' + counterPartName).data('last-disabled') != true ) {
  853.                    $product.find('#part1_' + counterPartName).children('option:enabled').last().prop('disabled', true);
  854.                    $product.find('#part2_' + counterPartName).data('last-disabled', true);
  855.                }
  856.            } else {
  857.                if ( $el.data('last-disabled') == true ) {
  858.                    $product.find('#part1_' + name).children('option:disabled').first().prop('disabled', false);
  859.                    $el.data('last-disabled', false);
  860.                }
  861.                if ( maxRemaining <= 1 && $product.find('#part2_' + counterPartName).data('last-disabled') == true) {
  862.                    $product.find('#part1_' + counterPartName).children('option:enabled').last().prop('disabled', false);
  863.                    $product.find('#part2_' + counterPartName).data('last-disabled', false);
  864.                }
  865.            }
  866.            
  867.            if ( checkCounterPart && $product.find('#part2_' + counterPartName).length ) {
  868.                if ( maxRemaining <= 1 ) {
  869.                    maxValIndex = $el.children('option').length - $el.children('option:selected').index();
  870.                    $product.find('#part2_' + counterPartName).children('option').each(function(i){
  871.                        if ( i > maxValIndex ) $(this).prop('disabled', true);
  872.                         else $(this).prop('disabled', false);
  873.                     });
  874.                 }
  875.             }
  876.         }
  877.        
  878.         // Store diaphane et store alterné (store double)
  879.         $product.find('select#type').bind('change', function(e){
  880.             if ( this.value == "1" ) {
  881.                 isSplitted = true;
  882.                 $product.find('#width2').parent().parent().removeClass('hide');
  883.                 $product.find('#width1').parent().siblings('label').children('span').html(langs['leftWidth']);
  884.                 maxWidth = 102;
  885.             } else {
  886.                 $product.find('#width2').parent().parent().addClass('hide');
  887.                 $product.find('#width1').parent().siblings('label').children('span').html(langs['width']);
  888.                 $product.find('#part1_width1, #part2_width1').children('option').prop('disabled', false);
  889.                 isSplitted = false;
  890.                 maxWidth = parseInt($product.find('#part1_width1').children('option:last').attr('value'));
  891.             }
  892.            
  893.             calculatePrice();
  894.         })
  895.         .trigger('change');
  896.        
  897.         // Interior/exterior
  898.         $product.find('#installation').bind('change', function(e){
  899.             if ( this.value == "INT" ) {
  900.                 $product.find('#spacer').val(0).parent().parent().css('display', 'none');
  901.                 calculatePrice();
  902.             } else {
  903.                 $product.find('#spacer').parent().parent().css('display', '');
  904.             }
  905.         })
  906.         .trigger('change');
  907.        
  908.        
  909.         // Cassette fabric toggles color choice
  910.         $product.find('#cassette_fabric').bind('change', function(e){
  911.             if ( this.value == 1) {
  912.                 $product.find('#cassette').val(0).parent().parent().css('display', 'none');
  913.             } else {
  914.                 $product.find('#cassette').parent().parent().css('display', '');
  915.             }
  916.         })
  917.         .trigger('change');
  918.        
  919.         // Attributes descriptions
  920.         for ( k in attrModifiers ) {
  921.             if ( typeof attrModifiers[k]['dynamic_description'] != 'undefined' && attrDescriptions[k] == 'undefined' ) {
  922.                attrDescriptions[k] = {'vals' : attrModifiers[k]['dynamic_description']};
  923.             }
  924.         }
  925.         for ( var attrId in attrDescriptions ) {
  926.             $product.find('#' + attrId).bind('change', function(e){
  927.                 var thisAttrId = $(this).attr('id');
  928.                 var values = attrDescriptions[thisAttrId]['vals'];
  929.                 if ( typeof values[this.value] == 'string' ) {
  930.                     if ( $(this).next('.description[data-dynamic]').length == 0 ) $(this).after('<p class="description" data-dynamic="1"></p>');
  931.                     $(this).next('.description[data-dynamic]').html(langs[values[this.value]]);
  932.                 }
  933.                 else {
  934.                     $(this).next('.description[data-dynamic]').remove();
  935.                 }
  936.             })
  937.             .trigger('change');
  938.         }
  939.        
  940.         // Configurator pagination
  941.         var $configuratorNav = $product.find('.configurator-steps .configurator-pagination ul');
  942.         var $nextStep = $product.find('.addtocart .configurator-pagination a.nextStep');
  943.        
  944.         $product.find('.section-configurator > .subblock').each(function(i, val){
  945.             i++;
  946.             var stepId = "configurator-step-" + i;
  947.             $(this).attr('id', stepId);
  948.             var visitedClass = (i === 1 ? 'visited' : '');
  949.             var step_number = "Étape #%s".replace('%s', (parseInt(i)+1).toString());
  950.             $configuratorNav.append("<li class='" + visitedClass + "'><a href='#" + stepId + "' title='" + langs['configuratorNextStep:' + i] + "'><span class='number'>" + step_number + ":</span> <span class='label'>" + langs['configuratorNextStep:' + i + ':label'] + "</span></a></li>");
  951.         });
  952.        
  953.         $configuratorNav.on('click', 'a', function(e, check_visited){
  954.             if (check_visited === undefined)
  955.                 check_visited = true;
  956.                
  957.             e.preventDefault();
  958.             e.stopPropagation(); // Disables the annoying scrolling animation
  959.            
  960.             // Can't go directly to a step you haven't visited yet, but you can backtrack and come back to a step you were previously on
  961.             if (!check_visited || (check_visited && $(this).parent().hasClass('visited'))) {
  962.                // Check if any required fields need to be filled
  963.                if (isCurrentConfiguratorStepValid($(this).attr('href').substr(-1))) {
  964.                    $(this).parent().addClass('visited')
  965.                    $(this).parent().addClass('active').siblings().removeClass('active');
  966.                    
  967.                     var stepId = $(this).attr('href');
  968.                     $product.find('.section-configurator > .subblock').not(stepId).removeClass('active');
  969.                     $(stepId).addClass('active');
  970.                    
  971.                     $nextStep.html($(this).parent().next().children('a,button').attr('title'));
  972.                    
  973.                     // Hide previous step button on first step
  974.                     if (stepId.substr(-1) == '1') {
  975.                         $(".section-product-footer a.return").hide();
  976.                     } else {
  977.                         $(".section-product-footer a.return").show();
  978.                     }
  979.                    
  980.                     $(".addtocart .configurator-pagination").toggleClass('last-step', $(this).parent().is(':last-child'));
  981.                    
  982.                     if (loading_interactions_completed) {
  983.                         history.pushState(null, $("title").val(), $(this).attr('href'));
  984.                    
  985.                         if ($(window).width() < 767) {
  986.                            if (!isElementTopInScreen($(".product-wrapper .section-header")[0])) {
  987.                                $('html, body').animate({
  988.                                    scrollTop: ($(".product-wrapper .section-header").offset().top - $(".section-main-bar > .nav-bar").height())
  989.                                 }, 500);
  990.                             }
  991.                         }
  992.                     }
  993.                    
  994.                     loading_interactions_completed = true;
  995.                 }
  996.             }
  997.         });
  998.        
  999.         // Coupled with the history.pushState
  1000.         $(window).on('popstate', function() {
  1001.             if (window.location.hash.length > 0)
  1002.                 $(".configurator-steps a[href='" + window.location.hash + "']").first().trigger('click');
  1003.             else
  1004.                 $(".configurator-steps a[href='#configurator-step-1']").first().trigger('click');
  1005.         });
  1006.        
  1007.         function isCurrentConfiguratorStepValid(clicked_step_number) {
  1008.             // No validation when going to previous steps
  1009.             var $currentStepLink = $(".configurator-steps .configurator-pagination li.active");
  1010.             if ($currentStepLink.length === 0 || ($currentStepLink.index() + 1 >= clicked_step_number))
  1011.                 return true;
  1012.            
  1013.             $(".attribute-wrapper.has-error").removeClass('has-error');
  1014.            
  1015.             var step_is_valid = true;
  1016.             var input_names = ["color"];
  1017.             $.each(input_names, function(unused, name) {
  1018.                 $("input[name='" + name + "']").each(function(){
  1019.                     if (name == 'windowname' && $(".configurator-pagination li.active a").attr('href').substr(-1) == 1)
  1020.                        return;
  1021.                    
  1022.                     if (!$(this).val() || $(this).val() == '@todo') {
  1023.                         $(this).closest('.attribute-wrapper').addClass('has-error');
  1024.                         step_is_valid = false;
  1025.                     }
  1026.                 });
  1027.             });
  1028.            
  1029.             return step_is_valid;
  1030.         }
  1031.         // On required input change, check to remove 'has-error' class.
  1032.         $.each(["color"], function(key, name){
  1033.             $("input[name='" + name + "']").on('change keypress', function(){
  1034.                 if ($(this).val() && $(this).val() != '@todo')
  1035.                    $(this).closest('.attribute-wrapper').removeClass('has-error');
  1036.             });
  1037.         });
  1038.        
  1039.         $nextStep.bind('click', function(e){
  1040.             e.preventDefault();
  1041.             $configuratorNav.find('li.active').next().children('a,button').trigger('click', [false]);
  1042.         });
  1043.        
  1044.         $(".section-product-footer a.return").click(function(e){
  1045.             e.preventDefault();
  1046.             $configuratorNav.find('li.active').prev().children('a,button').trigger('click', [false]);
  1047.         });
  1048.        
  1049.         $configuratorNav.find('a:first').trigger('click');
  1050.        
  1051.         // Tooltips
  1052.         // @todo make it mobile friendly
  1053.         $('a.tooltip-trigger').click(function (e) {
  1054.             console.log(attrTooltipPopups);
  1055.             console.log($(this).data('attr'));
  1056.             e.preventDefault();
  1057.             e.stopPropagation();
  1058.             var target = $(this).attr('href');
  1059.             if ($(target).hasClass('popup-tooltip')) {
  1060.                 // Open tooltip popup
  1061.                 $(".tooltip-infos.popup").remove();
  1062.                 var tooltip_popup = '<div class="popup tooltip-infos">' +
  1063.                                         '<div class="popup-tooltip-wrapper">' +
  1064.                                             '<div class="popup-scroll-wrapper" data-scrollbar>' +
  1065.                                                 '<div class="popup-content">' +
  1066.                                                     attrTooltipPopups[$(this).data('attr')] +
  1067.                                                 '</div>' +
  1068.                                             '</div>' +
  1069.                                         '</div>' +
  1070.                                         '<div class="close-button-container">' +
  1071.                                             '<a href="#" class="close">Fermer</a>' +
  1072.                                         '</div>' +
  1073.                                     '</div>';
  1074.                 $("body").append(tooltip_popup);
  1075.                 Scrollbar.init($(".tooltip-infos.popup .popup-scroll-wrapper")[0]);
  1076.                 setTimeout(function(){ $(".tooltip-infos.popup").addClass('open'); }, 10);
  1077.             } else {
  1078.                 // Show text tooltip
  1079.                 close_tooltips(target);
  1080.                 if ($(target).is(':visible')) {
  1081.                     $(target).add(this).removeClass('active');
  1082.                 } else {
  1083.                     $(target).css({
  1084.                         'left':  $(this).position().left + $(this).outerWidth() + parseInt($(this).css('margin-left')) + 10
  1085.                     })
  1086.                     .add(this).addClass('active');
  1087.                 }
  1088.             }
  1089.         });
  1090.         $(document).click(function (e) {
  1091.             close_tooltips(e.target);
  1092.         });
  1093.         function close_tooltips(target) {
  1094.             $('.tooltip:visible')
  1095.                 .not(target)
  1096.                 .not($(target).parents('.tooltip'))
  1097.                 .each(function () {
  1098.                     $(this).removeClass('active');
  1099.                 });
  1100.         }
  1101.        
  1102.        
  1103.         // Price modifiers change events should update price (call calculatePrice)
  1104.         $.each(attrModifiers, function(attr) {
  1105.             if ( typeof attrModifiers[attr]['price_modifier'] == 'undefined' )
  1106.                 return;
  1107.            
  1108.             $("[name='" + attr + "']").change(function(){
  1109.                 calculatePrice();
  1110.             });
  1111.         });
  1112.        
  1113.        
  1114.         // Callbacks / events of attributes selection that affect other attributes
  1115.         // Déroulement
  1116.         $(".product.toile-rouleau [name='deroulement']").change(function(){
  1117.             var $select_cantoniere = $(this).closest('.product').find("[name='cantoniere']");
  1118.            
  1119.             if ($(this).val() == 'REV') {
  1120.                 if ($select_cantoniere.val() != 'PVC') {
  1121.                     $select_cantoniere.find('option[value="NONE"]').prop('selected', true);
  1122.                 }
  1123.                 $select_cantoniere.find('option:not([value="PVC"]):not([value="NONE"])').prop('disabled', true);
  1124.             } else {
  1125.                 $select_cantoniere.find('option').prop('disabled', false);
  1126.             }
  1127.         });
  1128.         $(".product.toile-rouleau [name='deroulement']").trigger('change');
  1129.        
  1130.         $product.find("#cantoniere").change(function(){
  1131.             var $wrapper_cantoniere_color = $product.find(".attribute-wrapper.cantoniere-color");
  1132.            
  1133.             if (this.value == 'PVC' || this.value == 'NONE') {
  1134.                 $wrapper_cantoniere_color.hide();
  1135.             } else {
  1136.                 $wrapper_cantoniere_color.show();
  1137.             }
  1138.         });
  1139.         $product.find("#cantoniere").trigger('change');
  1140.        
  1141.         // Dynamic summary
  1142.         $("#configurator-step-3").append('<div class="dynamic-summary"></div>');
  1143.         $("input[name='attributes_values']").change(function(){
  1144.             var attribute_values = JSON.parse($(this).val());
  1145.            
  1146.             $(".dynamic-summary").empty().append('<table></table>');
  1147.             var dynamic_summary_table = $(".dynamic-summary table");
  1148.          
  1149.             $.each(attrInfos, function(key, attr){
  1150.                 if (attr['unique_name'] == 'cantoniere_color' && ($("#cantoniere").val() == 'NONE' || $("#cantoniere").val() == 'PVC'))
  1151.                    return;
  1152.                
  1153.                 if (attr['unique_name'] == 'cassette' && ($("#cassette_fabric").val() == 1))
  1154.                    return;
  1155.                
  1156.                 if (attr['unique_name'] == 'spacer' && ($("#installation").val() == 'INT'))
  1157.                    return;
  1158.                
  1159.                 if (attr['unique_name'] == 'width2' && ($("#type").length > 0 && $("#type").val() != 1))
  1160.                    return;
  1161.                
  1162.                 var attr_label = attr.title;
  1163.                 var attr_value = attribute_values[attr.id];
  1164.                
  1165.                 if ((typeof attr_value === 'undefined')) {
  1166.                     attr_value = $("[name='" + attr.unique_name + "']").val();
  1167.                 }
  1168.                
  1169.                 if (['width1', 'width2', 'height1'].indexOf(attr.unique_name) !== -1) {
  1170.                     if (typeof attr_value !== 'undefined') {
  1171.                         if (attr_value.substr(-2) == " 0")
  1172.                             attr_value = attr_value.substr(0, attr_value.indexOf(' '));
  1173.                            
  1174.                         attr_value = attr_value + '"';
  1175.                     }
  1176.                 }
  1177.                
  1178.                 // Check for value label in possible values
  1179.                 if (typeof attr.possible_values === 'object' || (attr.possible_values && attr.possible_values.length > 0)) {
  1180.                    if (attr.unique_name == 'color') {
  1181.                        if (attr_value == '@todo')
  1182.                            attr_value = $("input[name='color']").val() ? $("input[name='color']").val() : attr_value;
  1183.                            
  1184.                     }
  1185.                    
  1186.                     if (typeof attr.possible_values[attr_value] !== 'undefined')
  1187.                         attr_value = attr.possible_values[attr_value];
  1188.                 }
  1189.                
  1190.                 if (attr_label && attr_value)
  1191.                    dynamic_summary_table.append('<tr class="' + attr.unique_name + '" data-attr-id="' + attr.id + '" data-attr-order="' + attr.order + '"><td class="label">' + attr_label + '</td><td class="value">' + attr_value + '</td></tr>');
  1192.             });
  1193.         });
  1194.        
  1195.         // On page load, if there's only a single color, select it by default
  1196.         if ($(".attribute-wrapper.color .value ul li").length == 1) {
  1197.             setTimeout(function(){
  1198.                 $(".attribute-wrapper.color .value ul li a").trigger('click');
  1199.             }, 1);
  1200.         }
  1201.        
  1202.         $(".block-catalogs .product a.more-infos").click(function(e){
  1203.             e.preventDefault();
  1204.             e.stopPropagation();
  1205.            
  1206.             var $target = $($(this).attr('href'));
  1207.            
  1208.             if ($target.length == 1) {
  1209.                 var is_visible = $target.is(':visible');
  1210.                 $target.slideToggle(1000);
  1211.                 setTimeout(function(){
  1212.                     $target.closest('.section').toggleClass('open', !is_visible);
  1213.                 }, 5);
  1214.                
  1215.                 if ($(this).hasClass('is-button') || $(this).hasClass('anchor-link')) {
  1216.                     $('html, body').animate({
  1217.                         scrollTop: (parseInt($target.offset().top) - parseInt($(".section-main-bar > .nav-bar").height()))
  1218.                     }, 1500);
  1219.                 }
  1220.             }
  1221.         });
  1222.        
  1223.        
  1224.         // On page load, disable "chains at the extremities"
  1225.         //$("#chain option[value='2']").prop('disabled', true).hide();
  1226.        
  1227.        
  1228.         // Interactions between attributes
  1229.         // Cantoniere available colors depend on cantoniere choice
  1230.         $("#cantoniere").change(function(){
  1231.             if ($(this).val() == 'NONE' || $(this).val() == 'PVC') {
  1232.                 $(".attribute-wrapper.cantoniere-color").hide();
  1233.             } else {
  1234.                 $(".attribute-wrapper.cantoniere-color").show();
  1235.             }
  1236.         });
  1237.         $("#cantoniere").trigger('change');
  1238.         // Chain "at the extremities" for double blinds
  1239.         $("#type").change(function(){
  1240.             if ($(this).val() == 1) {
  1241.                 $("#chain option").prop('disabled', true).hide();
  1242.                 $("#chain option[value='2']").prop('disabled', false).prop('selected', true).show();
  1243.             } else {
  1244.                 $("#chain option").prop('disabled', false).show();
  1245.                 $("#chain option[value='2']").prop('disabled', true).prop('selected', false).hide();
  1246.             }
  1247.             $("#chain").trigger("change");
  1248.         });
  1249.        
  1250.         $("#installation").change(function(){
  1251.             if ($(this).val() == 'INT') {
  1252.                 $(".attribute-wrapper.deroulement").show();
  1253.             } else {
  1254.                 $(".attribute-wrapper.deroulement").hide();
  1255.             }
  1256.         });
  1257.        
  1258.         // On page load, hide selects if only one option is available.
  1259.         $("#main-content .block-product .product .attribute-wrapper select").each(function(){
  1260.             if ($(this).find('option').length <= 1) {
  1261.                $(this).closest('.attribute-wrapper').hide();
  1262.            }
  1263.        });
  1264.        
  1265.        // On page load, try to clear lines correctly for color pickers.
  1266.        clearColorPickerLines();
  1267.        // On window resizes (after 250ms without resizing), check to clear lines correctly again.
  1268.        $(window).resize(function() {
  1269.            clearTimeout($.data(this, 'scrollTimer'));
  1270.            $.data(this, 'scrollTimer', setTimeout(function() {
  1271.                clearColorPickerLines();
  1272.            }, 250));
  1273.        });
  1274.        
  1275.  
  1276.         // Add shortcuts to different formats in first page of builder, above color
  1277.         var format_shortcuts = $(".block-catalogs.block-product .block-content .section-formats .subblock.formats").first().clone();
  1278.         format_shortcuts.find('a > *:not(.format-title)').remove();
  1279.        
  1280.         if (format_shortcuts.length) {
  1281.             format_shortcuts = '<div class="attribute-wrapper format-shortcuts"><label>' + langs['builder.formatShortcuts:label'] + '</label><div class="value">' + format_shortcuts.html() + '</div><div>';
  1282.         }
  1283.        
  1284.         $("#main-content .block-product .product .section-configurator > .subblock#configurator-step-1").prepend(format_shortcuts);
  1285.    
  1286.    
  1287.         // Sticky builder steps-bar
  1288.         var steps_bar = $(".block-catalogs.block-product .block-content .product > .section-configurator-steps");
  1289.         var steps_bar_offset_top = steps_bar.offset().top - 70;
  1290.         var product_wrapper = $("body .block-catalogs.block-product .block-content .product .product-wrapper");
  1291.         $(window).on("load scroll", function(){
  1292.             var should_stick = $(window).width() > 767 && $(window).scrollTop() >= steps_bar_offset_top;
  1293.             $("body").toggleClass("stick-stepbar", should_stick);
  1294.            
  1295.             var should_fade = $(window).width() > 767 && $(window).scrollTop() >= product_wrapper.offset().top + product_wrapper.outerHeight() - 70;
  1296.             steps_bar.toggleClass("fade", should_fade);
  1297.         });
  1298.     });
  1299.    
  1300.     function isElementTopInScreen(elem) {
  1301.         var docViewTop = $(window).scrollTop();
  1302.         var docViewBottom = docViewTop + $(window).height();
  1303.    
  1304.         var elemTop = $(elem).offset().top;
  1305.         var elemBottom = elemTop + $(elem).height();
  1306.    
  1307.         return ((elemTop <= docViewBottom) && (elemTop >= docViewTop));
  1308.     }
  1309.    
  1310.     function clearColorPickerLines() {
  1311.         var colors_container = $("#main-content .block-product .product .attribute-wrapper.color");
  1312.         var color_width = 105;
  1313.         colors_container.find('li').css('clear', 'none');
  1314.         if (colors_container.width() < colors_container.find('li').length * color_width) {
  1315.            var clear_after_nth = Math.floor(colors_container.width() / color_width);
  1316.            colors_container.find('li:nth-child(' + clear_after_nth + 'n+1)').css("clear", "left");
  1317.        }
  1318.    }
  1319. </script>                </div>
  1320.                                                                                                                                                                                                                                                                             <div class="section-configurator  ">
  1321.                     <div class="informations subblock ">
  1322.                                             <div id="product-attribute-63" class="attribute-wrapper  userselect color " data-attribute-id="63" data-attribute-type="USERSELECT">
  1323.     <label>
  1324.         Choisir une Couleur            </label>
  1325.     <div class="value">
  1326.         <ul>
  1327.                             <li>
  1328.                     <a href="https://www.store-en-ligne.ca/media/cms/catalogs_mod/69/medium/solaire_tokablanc01.jpg" data-large-href="https://www.store-en-ligne.ca/media/cms/catalogs_mod/69/large/solaire_tokablanc01.jpg" title="Toka: 01 - White" data-color="tokablanc01" target="_blank">
  1329.                         <img  src = "https://www.store-en-ligne.ca/media/images/stores/textures/solaire_tokablanc01.jpg"  alt = "Toka: 01 - White" />                        <span class="color-label">Toka: 01 - White</span>
  1330.                     </a>
  1331.                     <div class="preview-wrapper">
  1332.                         <span class="preview-trigger"><i class="fa fa-search"></i></span>
  1333.                         <div class="preview">
  1334.                             <img  src = "https://www.store-en-ligne.ca/media/images/stores/textures/solaire_tokablanc01.jpg"  alt = "Toka: 01 - White" />                            <div class="title">Toka: 01 - White</div>
  1335.                                                                                                             </div>
  1336.                     </div>
  1337.                 </li>
  1338.                             <li>
  1339.                     <a href="https://www.store-en-ligne.ca/media/cms/catalogs_mod/69/medium/solaire_tokabeigeblanc02.jpg" data-large-href="https://www.store-en-ligne.ca/media/cms/catalogs_mod/69/large/solaire_tokabeigeblanc02.jpg" title="Toka: 02 - Beige/blanc" data-color="tokabeigeblanc02" target="_blank">
  1340.                         <img  src = "https://www.store-en-ligne.ca/media/images/stores/textures/solaire_tokabeigeblanc02.jpg"  alt = "Toka: 02 - Beige/blanc" />                        <span class="color-label">Toka: 02 - Beige/blanc</span>
  1341.                     </a>
  1342.                     <div class="preview-wrapper">
  1343.                         <span class="preview-trigger"><i class="fa fa-search"></i></span>
  1344.                         <div class="preview">
  1345.                             <img  src = "https://www.store-en-ligne.ca/media/images/stores/textures/solaire_tokabeigeblanc02.jpg"  alt = "Toka: 02 - Beige/blanc" />                            <div class="title">Toka: 02 - Beige/blanc</div>
  1346.                                                                                                             </div>
  1347.                     </div>
  1348.                 </li>
  1349.                             <li>
  1350.                     <a href="https://www.store-en-ligne.ca/media/cms/catalogs_mod/69/medium/solaire_tokagrisblanc03.jpg" data-large-href="https://www.store-en-ligne.ca/media/cms/catalogs_mod/69/large/solaire_tokagrisblanc03.jpg" title="Toka: 03 - Gris/blanc" data-color="tokagrisblanc03" target="_blank">
  1351.                         <img  src = "https://www.store-en-ligne.ca/media/images/stores/textures/solaire_tokagrisblanc03.jpg"  alt = "Toka: 03 - Gris/blanc" />                        <span class="color-label">Toka: 03 - Gris/blanc</span>
  1352.                     </a>
  1353.                     <div class="preview-wrapper">
  1354.                         <span class="preview-trigger"><i class="fa fa-search"></i></span>
  1355.                         <div class="preview">
  1356.                             <img  src = "https://www.store-en-ligne.ca/media/images/stores/textures/solaire_tokagrisblanc03.jpg"  alt = "Toka: 03 - Gris/blanc" />                            <div class="title">Toka: 03 - Gris/blanc</div>
  1357.                                                                                                             </div>
  1358.                     </div>
  1359.                 </li>
  1360.                             <li>
  1361.                     <a href="https://www.store-en-ligne.ca/media/cms/catalogs_mod/69/medium/solaire_tokanoir09.jpg" data-large-href="https://www.store-en-ligne.ca/media/cms/catalogs_mod/69/large/solaire_tokanoir09.jpg" title="Toka: 09 - Noir" data-color="tokanoir09" target="_blank">
  1362.                         <img  src = "https://www.store-en-ligne.ca/media/images/stores/textures/solaire_tokanoir09.jpg"  alt = "Toka: 09 - Noir" />                        <span class="color-label">Toka: 09 - Noir</span>
  1363.                     </a>
  1364.                     <div class="preview-wrapper">
  1365.                         <span class="preview-trigger"><i class="fa fa-search"></i></span>
  1366.                         <div class="preview">
  1367.                             <img  src = "https://www.store-en-ligne.ca/media/images/stores/textures/solaire_tokanoir09.jpg"  alt = "Toka: 09 - Noir" />                            <div class="title">Toka: 09 - Noir</div>
  1368.                                                                                                             </div>
  1369.                     </div>
  1370.                 </li>
  1371.                             <li>
  1372.                     <a href="https://www.store-en-ligne.ca/media/cms/catalogs_mod/69/medium/solaire_tokagrismoyen14.jpg" data-large-href="https://www.store-en-ligne.ca/media/cms/catalogs_mod/69/large/solaire_tokagrismoyen14.jpg" title="Toka: 14 - Gris moyen" data-color="tokagrismoyen14" target="_blank">
  1373.                         <img  src = "https://www.store-en-ligne.ca/media/images/stores/textures/solaire_tokagrismoyen14.jpg"  alt = "Toka: 14 - Gris moyen" />                        <span class="color-label">Toka: 14 - Gris moyen</span>
  1374.                     </a>
  1375.                     <div class="preview-wrapper">
  1376.                         <span class="preview-trigger"><i class="fa fa-search"></i></span>
  1377.                         <div class="preview">
  1378.                             <img  src = "https://www.store-en-ligne.ca/media/images/stores/textures/solaire_tokagrismoyen14.jpg"  alt = "Toka: 14 - Gris moyen" />                            <div class="title">Toka: 14 - Gris moyen</div>
  1379.                                                                                                             </div>
  1380.                     </div>
  1381.                 </li>
  1382.                     </ul>
  1383.         <input type="hidden" name="color" id="color" class="usertext" value="@todo" data-id="63"/>
  1384.        
  1385.             </div>
  1386.    
  1387.                         <a href="https://www.store-en-ligne.ca/echantillons/2/categorie/echantillons_toile_solaire" target='_blank' class="samples-catalog-link">Commander des échantillons gratuits</a>
  1388.                
  1389.     </div>
  1390. <script>
  1391.     $(function(){
  1392.         $('#product-attribute-63 .value a').bind('click', function(e){
  1393.             e.preventDefault();
  1394.             $(this).parent().addClass('active').siblings().removeClass('active');
  1395.             $media = $('#product-69 .media-viewer .main-media');
  1396.             $media.find('img').attr('src', $(this).attr('href'))
  1397.                 .attr('alt', $(this).attr('title'));
  1398.             $media.find('a').attr('href', $(this).data('large-href'))
  1399.                 .attr('title', $(this).attr('title'))
  1400.                 .sambox('refresh');
  1401.            
  1402.             $('#color').val($(this).attr('data-color')).trigger('change');
  1403.         });
  1404.        
  1405.             });
  1406. </script>                                                                    <div class="attribute-wrapper  userselect installation " data-attribute-id="69" data-attribute-type="USERSELECT">
  1407.             <label>
  1408.             Le store sera-t-il posé à l'intérieur du cadre ou à l'extérieur?                            <a href="#installation-tooltip" class="tooltip-trigger" data-attr="installation"><span>Voir</span></a>
  1409.                     </label>
  1410.    
  1411.         <div class="value">
  1412.        
  1413.                         <select class="inputs userselect" id="installation" name="installation" data-id="69"><option value="INT" class="interieur-cadre">Intérieur cadre</option><option value="EXTCADRE" class="exterieur-cadre">Extérieur cadre</option></select>        
  1414.                
  1415.             </div>
  1416.        
  1417.                                 <div class="tooltip popup-tooltip" data-source="installation" id="installation-tooltip"></div>
  1418.             </div>                                                        <div class="attribute-wrapper size-attribute  usertext width1 " data-attribute-id="61" data-attribute-type="USERTEXT">
  1419.         <label>
  1420.             <div class="split-label-col">
  1421.                 <span>Largeur du store</span>
  1422.                                     <a href="#width1-tooltip" class="tooltip-trigger" data-attr="width1"><span>Voir</span></a>
  1423.                                 <span class="additionnal-details">Mesure en pouces</span>
  1424.             </div>
  1425.             <div class="split-label-col">
  1426.                 <span class="additionnal-details">Ici les fractions de la largeur (ex: 3/8")</span>
  1427.             </div>
  1428.         </label>
  1429.         <div class="value">
  1430.             <input type="hidden" name="width1" id="width1" value="10 0" class="inputs usertext"  data-id = "61" /><select id = "part1_width1"  name = "part1_width1"  class = "input_select inputs w-select"  onchange = "document.getElementById('width1').value = document.getElementById('part1_width1').value + ' ' + document.getElementById('part2_width1').value ; $('#width1').trigger('change');"   >
  1431. <option value="10" selected="selected">10"</option>
  1432. <option value="11">11"</option>
  1433. <option value="12">12"</option>
  1434. <option value="13">13"</option>
  1435. <option value="14">14"</option>
  1436. <option value="15">15"</option>
  1437. <option value="16">16"</option>
  1438. <option value="17">17"</option>
  1439. <option value="18">18"</option>
  1440. <option value="19">19"</option>
  1441. <option value="20">20"</option>
  1442. <option value="21">21"</option>
  1443. <option value="22">22"</option>
  1444. <option value="23">23"</option>
  1445. <option value="24">24"</option>
  1446. <option value="25">25"</option>
  1447. <option value="26">26"</option>
  1448. <option value="27">27"</option>
  1449. <option value="28">28"</option>
  1450. <option value="29">29"</option>
  1451. <option value="30">30"</option>
  1452. <option value="31">31"</option>
  1453. <option value="32">32"</option>
  1454. <option value="33">33"</option>
  1455. <option value="34">34"</option>
  1456. <option value="35">35"</option>
  1457. <option value="36">36"</option>
  1458. <option value="37">37"</option>
  1459. <option value="38">38"</option>
  1460. <option value="39">39"</option>
  1461. <option value="40">40"</option>
  1462. <option value="41">41"</option>
  1463. <option value="42">42"</option>
  1464. <option value="43">43"</option>
  1465. <option value="44">44"</option>
  1466. <option value="45">45"</option>
  1467. <option value="46">46"</option>
  1468. <option value="47">47"</option>
  1469. <option value="48">48"</option>
  1470. <option value="49">49"</option>
  1471. <option value="50">50"</option>
  1472. <option value="51">51"</option>
  1473. <option value="52">52"</option>
  1474. <option value="53">53"</option>
  1475. <option value="54">54"</option>
  1476. <option value="55">55"</option>
  1477. <option value="56">56"</option>
  1478. <option value="57">57"</option>
  1479. <option value="58">58"</option>
  1480. <option value="59">59"</option>
  1481. <option value="60">60"</option>
  1482. <option value="61">61"</option>
  1483. <option value="62">62"</option>
  1484. <option value="63">63"</option>
  1485. <option value="64">64"</option>
  1486. <option value="65">65"</option>
  1487. <option value="66">66"</option>
  1488. <option value="67">67"</option>
  1489. <option value="68">68"</option>
  1490. <option value="69">69"</option>
  1491. <option value="70">70"</option>
  1492. <option value="71">71"</option>
  1493. <option value="72">72"</option>
  1494. <option value="73">73"</option>
  1495. <option value="74">74"</option>
  1496. <option value="75">75"</option>
  1497. <option value="76">76"</option>
  1498. <option value="77">77"</option>
  1499. <option value="78">78"</option>
  1500. <option value="79">79"</option>
  1501. <option value="80">80"</option>
  1502. <option value="81">81"</option>
  1503. <option value="82">82"</option>
  1504. <option value="83">83"</option>
  1505. <option value="84">84"</option>
  1506. <option value="85">85"</option>
  1507. <option value="86">86"</option>
  1508. <option value="87">87"</option>
  1509. <option value="88">88"</option>
  1510. <option value="89">89"</option>
  1511. <option value="90">90"</option>
  1512. <option value="91">91"</option>
  1513. <option value="92">92"</option>
  1514. <option value="93">93"</option>
  1515. <option value="94">94"</option>
  1516. <option value="95">95"</option>
  1517. <option value="96">96"</option>
  1518. <option value="97">97"</option>
  1519. <option value="98">98"</option>
  1520. <option value="99">99"</option>
  1521. <option value="100">100"</option>
  1522. <option value="101">101"</option>
  1523. <option value="102">102"</option>
  1524. </select> <select id = "part2_width1"  name = "part2_width1"  class = "input_select inputs w-select"  onchange = "document.getElementById('width1').value = document.getElementById('part1_width1').value + ' ' + document.getElementById('part2_width1').value ; $('#width1').trigger('change');"   >
  1525. <option value="0" selected="selected">0"</option>
  1526. <option value="1/8">1/8"</option>
  1527. <option value="1/4">1/4"</option>
  1528. <option value="3/8">3/8"</option>
  1529. <option value="1/2">1/2"</option>
  1530. <option value="5/8">5/8"</option>
  1531. <option value="3/4">3/4"</option>
  1532. <option value="7/8">7/8"</option>
  1533. </select>            
  1534.                     </div>
  1535.        
  1536.                                                 <div class="tooltip popup-tooltip" data-source="size" id="width1-tooltip"></div>
  1537.                        
  1538.             </div>
  1539.                                                                 <div class="attribute-wrapper size-attribute  usertext height1 " data-attribute-id="62" data-attribute-type="USERTEXT">
  1540.         <label>
  1541.             <div class="split-label-col">
  1542.                 <span>Hauteur du store</span>
  1543.                                     <a href="#height1-tooltip" class="tooltip-trigger" data-attr="height1"><span>Voir</span></a>
  1544.                                 <span class="additionnal-details">Mesure en pouces</span>
  1545.             </div>
  1546.             <div class="split-label-col">
  1547.                 <span class="additionnal-details">Ici les fractions de la hauteur (ex: 3/8")</span>
  1548.             </div>
  1549.         </label>
  1550.         <div class="value">
  1551.             <input type="hidden" name="height1" id="height1" value="10 0" class="inputs usertext"  data-id = "62" /><select id = "part1_height1"  name = "part1_height1"  class = "input_select inputs w-select"  onchange = "document.getElementById('height1').value = document.getElementById('part1_height1').value + ' ' + document.getElementById('part2_height1').value ; $('#height1').trigger('change');"   >
  1552. <option value="10" selected="selected">10"</option>
  1553. <option value="11">11"</option>
  1554. <option value="12">12"</option>
  1555. <option value="13">13"</option>
  1556. <option value="14">14"</option>
  1557. <option value="15">15"</option>
  1558. <option value="16">16"</option>
  1559. <option value="17">17"</option>
  1560. <option value="18">18"</option>
  1561. <option value="19">19"</option>
  1562. <option value="20">20"</option>
  1563. <option value="21">21"</option>
  1564. <option value="22">22"</option>
  1565. <option value="23">23"</option>
  1566. <option value="24">24"</option>
  1567. <option value="25">25"</option>
  1568. <option value="26">26"</option>
  1569. <option value="27">27"</option>
  1570. <option value="28">28"</option>
  1571. <option value="29">29"</option>
  1572. <option value="30">30"</option>
  1573. <option value="31">31"</option>
  1574. <option value="32">32"</option>
  1575. <option value="33">33"</option>
  1576. <option value="34">34"</option>
  1577. <option value="35">35"</option>
  1578. <option value="36">36"</option>
  1579. <option value="37">37"</option>
  1580. <option value="38">38"</option>
  1581. <option value="39">39"</option>
  1582. <option value="40">40"</option>
  1583. <option value="41">41"</option>
  1584. <option value="42">42"</option>
  1585. <option value="43">43"</option>
  1586. <option value="44">44"</option>
  1587. <option value="45">45"</option>
  1588. <option value="46">46"</option>
  1589. <option value="47">47"</option>
  1590. <option value="48">48"</option>
  1591. <option value="49">49"</option>
  1592. <option value="50">50"</option>
  1593. <option value="51">51"</option>
  1594. <option value="52">52"</option>
  1595. <option value="53">53"</option>
  1596. <option value="54">54"</option>
  1597. <option value="55">55"</option>
  1598. <option value="56">56"</option>
  1599. <option value="57">57"</option>
  1600. <option value="58">58"</option>
  1601. <option value="59">59"</option>
  1602. <option value="60">60"</option>
  1603. <option value="61">61"</option>
  1604. <option value="62">62"</option>
  1605. <option value="63">63"</option>
  1606. <option value="64">64"</option>
  1607. <option value="65">65"</option>
  1608. <option value="66">66"</option>
  1609. <option value="67">67"</option>
  1610. <option value="68">68"</option>
  1611. <option value="69">69"</option>
  1612. <option value="70">70"</option>
  1613. <option value="71">71"</option>
  1614. <option value="72">72"</option>
  1615. <option value="73">73"</option>
  1616. <option value="74">74"</option>
  1617. <option value="75">75"</option>
  1618. <option value="76">76"</option>
  1619. <option value="77">77"</option>
  1620. <option value="78">78"</option>
  1621. <option value="79">79"</option>
  1622. <option value="80">80"</option>
  1623. <option value="81">81"</option>
  1624. <option value="82">82"</option>
  1625. <option value="83">83"</option>
  1626. <option value="84">84"</option>
  1627. <option value="85">85"</option>
  1628. <option value="86">86"</option>
  1629. <option value="87">87"</option>
  1630. <option value="88">88"</option>
  1631. <option value="89">89"</option>
  1632. <option value="90">90"</option>
  1633. <option value="91">91"</option>
  1634. <option value="92">92"</option>
  1635. <option value="93">93"</option>
  1636. <option value="94">94"</option>
  1637. <option value="95">95"</option>
  1638. <option value="96">96"</option>
  1639. <option value="97">97"</option>
  1640. <option value="98">98"</option>
  1641. <option value="99">99"</option>
  1642. <option value="100">100"</option>
  1643. <option value="101">101"</option>
  1644. <option value="102">102"</option>
  1645. <option value="103">103"</option>
  1646. <option value="104">104"</option>
  1647. <option value="105">105"</option>
  1648. <option value="106">106"</option>
  1649. <option value="107">107"</option>
  1650. <option value="108">108"</option>
  1651. <option value="109">109"</option>
  1652. <option value="110">110"</option>
  1653. <option value="111">111"</option>
  1654. <option value="112">112"</option>
  1655. <option value="113">113"</option>
  1656. <option value="114">114"</option>
  1657. <option value="115">115"</option>
  1658. <option value="116">116"</option>
  1659. <option value="117">117"</option>
  1660. <option value="118">118"</option>
  1661. <option value="119">119"</option>
  1662. <option value="120">120"</option>
  1663. <option value="121">121"</option>
  1664. <option value="122">122"</option>
  1665. <option value="123">123"</option>
  1666. <option value="124">124"</option>
  1667. <option value="125">125"</option>
  1668. <option value="126">126"</option>
  1669. </select> <select id = "part2_height1"  name = "part2_height1"  class = "input_select inputs w-select"  onchange = "document.getElementById('height1').value = document.getElementById('part1_height1').value + ' ' + document.getElementById('part2_height1').value ; $('#height1').trigger('change');"   >
  1670. <option value="0" selected="selected">0"</option>
  1671. <option value="1/8">1/8"</option>
  1672. <option value="1/4">1/4"</option>
  1673. <option value="3/8">3/8"</option>
  1674. <option value="1/2">1/2"</option>
  1675. <option value="5/8">5/8"</option>
  1676. <option value="3/4">3/4"</option>
  1677. <option value="7/8">7/8"</option>
  1678. </select>            
  1679.                     </div>
  1680.        
  1681.                                                 <div class="tooltip popup-tooltip" data-source="size" id="height1-tooltip"></div>
  1682.                        
  1683.             </div>
  1684.                                                     <div class="attribute-wrapper  usertext spacer " data-attribute-id="70" data-attribute-type="USERTEXT">
  1685.             <label>
  1686.             De combien de paires d'espaceurs (½'') aurez-vous besoin? (3$ la paire)                            <a href="#spacer-tooltip" class="tooltip-trigger" data-attr="spacer"><span>Voir</span></a>
  1687.                     </label>
  1688.    
  1689.         <div class="value">
  1690.        
  1691.                         <input type = "text"  id = "spacer"  name = "spacer"  value = ""  maxlength = "255"  class = "input_text inputs usertext w-input"  data-id = "70"   />        
  1692.                
  1693.             </div>
  1694.        
  1695.                                 <div class="tooltip popup-tooltip" data-source="spacer" id="spacer-tooltip"></div>
  1696.             </div>            </div>
  1697. <div class="informations subblock ">
  1698.                                                                     <div class="attribute-wrapper  userselect perforation " data-attribute-id="71" data-attribute-type="USERSELECT">
  1699.             <label>
  1700.             Quel doit être le pourcentage de perforation de la toile?                            <a href="#perforation-tooltip" class="tooltip-trigger" data-attr="perforation"><span>Voir</span></a>
  1701.                     </label>
  1702.    
  1703.         <div class="value">
  1704.        
  1705.                         <select class="inputs userselect" id="perforation" name="perforation" data-id="71"><option value="1" class="1">1%</option><option value="3" class="3">3%</option><option value="5" class="5">5%</option></select>        
  1706.                
  1707.                     <p class="description">Des options de perforations différentes peuvent être disponibles dans les autres modèles de toile solaire.</p>
  1708.             </div>
  1709.        
  1710.                                 <div class="tooltip popup-tooltip" data-source="opacity-scale" id="perforation-tooltip"></div>
  1711.             </div>                                                    <div class="attribute-wrapper  userselect deroulement " data-attribute-id="64" data-attribute-type="USERSELECT">
  1712.             <label>
  1713.             Déroulement régulier ou inversé?                            <a href="#deroulement-tooltip" class="tooltip-trigger" data-attr="deroulement"><span>Voir</span></a>
  1714.                     </label>
  1715.    
  1716.         <div class="value">
  1717.        
  1718.                         <select class="inputs userselect" id="deroulement" name="deroulement" data-id="64"><option value="REG" class="regulier">Régulier</option><option value="REV" class="inverse">Inversé</option></select>        
  1719.                
  1720.             </div>
  1721.        
  1722.                                 <div class="tooltip popup-tooltip" data-source="direction" id="deroulement-tooltip"></div>
  1723.             </div>                                                                    <div class="attribute-wrapper  userselect cantoniere " data-attribute-id="65" data-attribute-type="USERSELECT">
  1724.             <label>
  1725.             Quel type de cantonière?                            <a href="#cantoniere-tooltip" class="tooltip-trigger" data-attr="cantoniere"><span>Voir</span></a>
  1726.                     </label>
  1727.    
  1728.         <div class="value">
  1729.        
  1730.                         <select class="inputs userselect" id="cantoniere" name="cantoniere" data-id="65"><option value="NONE" class="aucune">Aucune</option><option value="AL" class="aluminium">Aluminium</option><option value="PVC" class="pvc-avec-insertion-tissu">P.V.C. avec insertion tissu</option><option value="CASS" class="cassette-zebra">Cassette Zébra</option></select>        
  1731.                
  1732.             </div>
  1733.        
  1734.                                 <div class="tooltip popup-tooltip" data-source="case" id="cantoniere-tooltip"></div>
  1735.             </div>                                                    <div class="attribute-wrapper  userselect cantoniere-color " data-attribute-id="66" data-attribute-type="USERSELECT">
  1736.             <label>
  1737.             De quelle couleur souhaitez-vous votre cantonière?                            <a href="#cantoniere_color-tooltip" class="tooltip-trigger" data-attr="cantoniere_color"><span>Voir</span></a>
  1738.                     </label>
  1739.    
  1740.         <div class="value">
  1741.        
  1742.                         <select class="inputs userselect" id="cantoniere_color" name="cantoniere_color" data-id="66"><option value="0" class="noir" selected="1">Noir</option><option value="1" class="blanc">Blanc</option><option value="2" class="anodizer">Anodizer</option><option value="3" class="ivoire">Ivoire</option></select>        
  1743.                
  1744.             </div>
  1745.        
  1746.                                 <div class="tooltip popup-tooltip" data-source="cantoniere-color" id="cantoniere_color-tooltip"></div>
  1747.             </div>                                                    <div class="attribute-wrapper  userselect chainette " data-attribute-id="67" data-attribute-type="USERSELECT">
  1748.             <label>
  1749.             De quel matériaux aimeriez-vous votre chaînette?                    </label>
  1750.    
  1751.         <div class="value">
  1752.        
  1753.                         <select class="inputs userselect" id="chainette" name="chainette" data-id="67"><option value="0" class="acier-inoxydable" selected="1">Acier inoxydable</option><option value="1" class="pvc">PVC</option></select>        
  1754.                
  1755.             </div>
  1756.        
  1757.     </div>                                                    <div class="attribute-wrapper  userselect chain " data-attribute-id="68" data-attribute-type="USERSELECT">
  1758.             <label>
  1759.             La chaîne de contrôle doit-elle être à gauche ou à droite?                            <a href="#chain-tooltip" class="tooltip-trigger" data-attr="chain"><span>Voir</span></a>
  1760.                     </label>
  1761.    
  1762.         <div class="value">
  1763.        
  1764.                         <select class="inputs userselect" id="chain" name="chain" data-id="68"><option value="0" class="gauche" selected="1">Gauche</option><option value="1" class="droite">Droite</option></select>        
  1765.                
  1766.             </div>
  1767.        
  1768.                                 <div class="tooltip popup-tooltip" data-source="chain-side" id="chain-tooltip"></div>
  1769.             </div>                            </div>
  1770. <div class="informations subblock ">
  1771.                                             <div class="attribute-wrapper  usertextarea windowname " data-attribute-id="60" data-attribute-type="USERTEXTAREA">
  1772.             <label>
  1773.             Notes et commentaires                    </label>
  1774.    
  1775.         <div class="value">
  1776.        
  1777.                         <textarea id = "windowname"  name = "windowname"  class = "input_textarea inputs usertext w-input"  data-id = "60"  ></textarea>        
  1778.                
  1779.             </div>
  1780.        
  1781.     </div>            </div>
  1782.                 </div>
  1783.                                                                                                                                                                 <div class="section-configurator-footer  ">
  1784.                    
  1785. <div class="addtocart subblock available">
  1786.     <form action="https://www.store-en-ligne.ca/boutique-stores/stores-panier?id_product=69&qty=1&action=add&iref=stores-sur-mesure%2F69%2Ftoile-solaire" method="post">
  1787.         <input type = "hidden"  id = "attributes_values"  name = "attributes_values"  value = ""   />        <input type = "hidden"  id = "id_format"  name = "id_format"  value = "31"   />        <input type = "hidden"  id = "ref"  name = "ref"  value = ""   />        <input type = "hidden"  id = "qty"  name = "qty"  value = "1"   />        <input type = "hidden"  id = "price"  name = "price"  value = ""   />
  1788.                
  1789.         <div class="configurator-pagination">
  1790.             <a href="#" class="nextStep">Prochaine étape</a>
  1791.             <ul>
  1792.                 <li><button data-role="addToCart" title="Ajouter au panier" class="is-button big" ><span>Ajouter au panier</span></button></li>
  1793.             </ul>
  1794.         </div>
  1795.     </form>
  1796. </div>
  1797.                 </div>
  1798.                                                                                                                                                                 <div class="section-2 section-product-footer ">
  1799.                    
  1800. <div class="footer subblock">
  1801.             <a href="#" class="is-button return"><span>Retour à l'étape précédente</span></a>
  1802.     </div>                </div>
  1803.                 </div>                                                                                                                                                <div class="section-3  empty">
  1804.                                     </div>
  1805.                                                                                                                                                                 <div class="section-4  empty">
  1806.                                     </div>
  1807.                                                                                                                                                                 <div class="section-5  empty">
  1808.                                     </div>
  1809.                                                                                                                                                                 <div class="section-6  empty">
  1810.                                     </div>
  1811.                                                                                                                                                                 <div class="section-rts  ">
  1812.                     <script type="application/ld+json">
  1813. {
  1814.   "@context": "http://schema.org/",
  1815.   "@type": "Product",
  1816.   "brand": {
  1817.     "@type": "Brand",
  1818.     "name": "SBM"
  1819.   },
  1820.   "name": "Toile solaire",
  1821.   "image": "http://www.store-en-ligne.ca/media/images/listing_page_produits/toile_solaire/toile-solaire.jpg",
  1822.   "description": "-Produit sur mesure de fabrication canadienne \n - Produit idéal pour : salon, cuisine, bureau, solarium, verrière \n - Différentes perforations offertes : 1% / 3% / 5% \n - Collections de tissu offertes : 3 \n - Couleurs offertes : 10 \n - Options offertes : déroulement normal ou inversé, cantonnière de PVC ou aluminium ou cassette \n - Mécanisme de chaine de plastique ou de chaine d'acier inoxydable \n - Quincaillerie d'installation incluse \n - Composition du tissu : polyester et PVC \n - Garantie à vie sur tous nos mécanismes \n - Profondeur minimale requise pour l’installation intérieure : 2 ¼’’ \n - Dimensions maximales : 102 largeurs x 126 hauteurs \n - Produit muni d’un dispositif de tensionneur approuvé par Santé Canada pour la sécurité des enfants. \n - À partir de : 60,40 CAD (le prix minimum du produit en question selon la devise)",
  1823.   "productID": "69",
  1824.   "offers": {
  1825.     "@type": "Offer",
  1826.     "priceCurrency": "CAD",
  1827.     "price": "60.40",
  1828.     "itemCondition": "new"
  1829.   }
  1830. }</script>
  1831.                 </div>
  1832.                                                                                                                                                                 <div class="section-album  ">
  1833.                     <div id="block-8" class="block-single-album block-album block ">
  1834.     <div class="block-header">
  1835.             </div>
  1836.     <div class="block-content">
  1837.         <div class="list section-toggle">
  1838.             <ol>
  1839.                                                                             <li id="album-category-16" class="category">
  1840.                     <div class="list">
  1841.                         <ul class="preview">
  1842.                                                                                                                             </ul>
  1843.                                     <ul class="full">
  1844.                                                                 <li>
  1845.                                                                             <a href="https://www.store-en-ligne.ca/media/cms/albums_mod/3/large/212_toile_soleil.jpg" target="_blank" data-content="> .content" title="Toile soleil">
  1846.                                             <img  title = "Toile soleil"  alt = "Toile soleil"  src = "https://www.store-en-ligne.ca/media/cms/albums_mod/3/small/212_toile_soleil.jpg"  />                                            <div class="content"></div>
  1847.                                         </a>
  1848.                                                                     </li>
  1849.                                                                                                                             <li>
  1850.                                                                             <a href="https://www.store-en-ligne.ca/media/cms/albums_mod/3/large/213_toile_soleil_en_ligne.jpg" target="_blank" data-content="> .content" title="Toile soleil en ligne">
  1851.                                             <img  title = "Toile soleil en ligne"  alt = "Toile soleil en ligne"  src = "https://www.store-en-ligne.ca/media/cms/albums_mod/3/small/213_toile_soleil_en_ligne.jpg"  />                                            <div class="content"></div>
  1852.                                         </a>
  1853.                                                                     </li>
  1854.                                                                                                                             <li>
  1855.                                                                             <a href="https://www.store-en-ligne.ca/media/cms/albums_mod/3/large/214_toile_solaire.jpg" target="_blank" data-content="> .content" title="Toile solaire">
  1856.                                             <img  title = "Toile solaire"  alt = "Toile solaire"  src = "https://www.store-en-ligne.ca/media/cms/albums_mod/3/small/214_toile_solaire.jpg"  />                                            <div class="content"></div>
  1857.                                         </a>
  1858.                                                                     </li>
  1859.                                                                                                                             <li>
  1860.                                                                             <a href="https://www.store-en-ligne.ca/media/cms/albums_mod/3/large/215_toile_solaire_en_ligne_quebec.jpg" target="_blank" data-content="> .content" title="Toile solaire en ligne">
  1861.                                             <img  title = "Toile solaire en ligne"  alt = "Toile solaire en ligne"  src = "https://www.store-en-ligne.ca/media/cms/albums_mod/3/small/215_toile_solaire_en_ligne_quebec.jpg"  />                                            <div class="content"></div>
  1862.                                         </a>
  1863.                                                                     </li>
  1864.                                                                                                                             <li>
  1865.                                                                             <a href="https://www.store-en-ligne.ca/media/cms/albums_mod/3/large/216_toile_solaire_commercial.jpg" target="_blank" data-content="> .content" title="Toile solaire commercial">
  1866.                                             <img  title = "Toile solaire commercial"  alt = "Toile solaire commercial"  src = "https://www.store-en-ligne.ca/media/cms/albums_mod/3/small/216_toile_solaire_commercial.jpg"  />                                            <div class="content"></div>
  1867.                                         </a>
  1868.                                                                     </li>
  1869.                                                                                                                             <li>
  1870.                                                                             <a href="https://www.store-en-ligne.ca/media/cms/albums_mod/3/large/217_toile_solaire_commande_en_ligne.jpg" target="_blank" data-content="> .content" title="Toile solaire commander en ligne">
  1871.                                             <img  title = "Toile solaire commander en ligne"  alt = "Toile solaire commander en ligne"  src = "https://www.store-en-ligne.ca/media/cms/albums_mod/3/small/217_toile_solaire_commande_en_ligne.jpg"  />                                            <div class="content"></div>
  1872.                                         </a>
  1873.                                                                     </li>
  1874.                                                                                                                             <li>
  1875.                                                                             <a href="https://www.store-en-ligne.ca/media/cms/albums_mod/3/large/218_toile_solaire_3.jpg" target="_blank" data-content="> .content" title="Toile solaire">
  1876.                                             <img  title = "Toile solaire"  alt = "Toile solaire"  src = "https://www.store-en-ligne.ca/media/cms/albums_mod/3/small/218_toile_solaire_3.jpg"  />                                            <div class="content"></div>
  1877.                                         </a>
  1878.                                                                     </li>
  1879.                                                                                                                             <li>
  1880.                                                                             <a href="https://www.store-en-ligne.ca/media/cms/albums_mod/3/large/219_toile_restaurant.jpg" target="_blank" data-content="> .content" title="Toile restaurant">
  1881.                                             <img  title = "Toile restaurant"  alt = "Toile restaurant"  src = "https://www.store-en-ligne.ca/media/cms/albums_mod/3/small/219_toile_restaurant.jpg"  />                                            <div class="content"></div>
  1882.                                         </a>
  1883.                                                                     </li>
  1884.                                                                                                                             <li>
  1885.                                                                             <a href="https://www.store-en-ligne.ca/media/cms/albums_mod/3/large/220_toile_perfora.jpg" target="_blank" data-content="> .content" title="Toile solaire perforé">
  1886.                                             <img  title = "Toile solaire perforé"  alt = "Toile solaire perforé"  src = "https://www.store-en-ligne.ca/media/cms/albums_mod/3/small/220_toile_perfora.jpg"  />                                            <div class="content"></div>
  1887.                                         </a>
  1888.                                                                     </li>
  1889.                                                                                                                             <li>
  1890.                                                                             <a href="https://www.store-en-ligne.ca/media/cms/albums_mod/3/large/221_toile_a_rouleau_solaire.jpg" target="_blank" data-content="> .content" title="Toile à rouleau solaire">
  1891.                                             <img  title = "Toile à rouleau solaire"  alt = "Toile à rouleau solaire"  src = "https://www.store-en-ligne.ca/media/cms/albums_mod/3/small/221_toile_a_rouleau_solaire.jpg"  />                                            <div class="content"></div>
  1892.                                         </a>
  1893.                                                                     </li>
  1894.                                                                                                                             <li>
  1895.                                                                             <a href="https://www.store-en-ligne.ca/media/cms/albums_mod/3/large/222_store_solaire.jpg" target="_blank" data-content="> .content" title="Store solaire">
  1896.                                             <img  title = "Store solaire"  alt = "Store solaire"  src = "https://www.store-en-ligne.ca/media/cms/albums_mod/3/small/222_store_solaire.jpg"  />                                            <div class="content"></div>
  1897.                                         </a>
  1898.                                                                     </li>
  1899.                                                                                                                             <li>
  1900.                                                                             <a href="https://www.store-en-ligne.ca/media/cms/albums_mod/3/large/223_store_solaire_perfora.jpg" target="_blank" data-content="> .content" title="Toile solaire perforé">
  1901.                                             <img  title = "Toile solaire perforé"  alt = "Toile solaire perforé"  src = "https://www.store-en-ligne.ca/media/cms/albums_mod/3/small/223_store_solaire_perfora.jpg"  />                                            <div class="content"></div>
  1902.                                         </a>
  1903.                                                                     </li>
  1904.                                                                                                                             <li>
  1905.                                                                             <a href="https://www.store-en-ligne.ca/media/cms/albums_mod/3/large/224_store_solaire_lavable.jpg" target="_blank" data-content="> .content" title="Toile solaire lavable">
  1906.                                             <img  title = "Toile solaire lavable"  alt = "Toile solaire lavable"  src = "https://www.store-en-ligne.ca/media/cms/albums_mod/3/small/224_store_solaire_lavable.jpg"  />                                            <div class="content"></div>
  1907.                                         </a>
  1908.                                                                     </li>
  1909.                                                                                                                             <li>
  1910.                                                                             <a href="https://www.store-en-ligne.ca/media/cms/albums_mod/3/large/225_store_pour_solarium.jpg" target="_blank" data-content="> .content" title="Store pour solarium">
  1911.                                             <img  title = "Store pour solarium"  alt = "Store pour solarium"  src = "https://www.store-en-ligne.ca/media/cms/albums_mod/3/small/225_store_pour_solarium.jpg"  />                                            <div class="content"></div>
  1912.                                         </a>
  1913.                                                                     </li>
  1914.                                                                                                                             <li>
  1915.                                                                             <a href="https://www.store-en-ligne.ca/media/cms/albums_mod/3/large/226_store_enrouleur_solaire.jpg" target="_blank" data-content="> .content" title="Store enrouleur solaire">
  1916.                                             <img  title = "Store enrouleur solaire"  alt = "Store enrouleur solaire"  src = "https://www.store-en-ligne.ca/media/cms/albums_mod/3/small/226_store_enrouleur_solaire.jpg"  />                                            <div class="content"></div>
  1917.                                         </a>
  1918.                                                                     </li>
  1919.                                                                                                                             <li>
  1920.                                                                             <a href="https://www.store-en-ligne.ca/media/cms/albums_mod/3/large/227_commander_toile_en_ligne.jpg" target="_blank" data-content="> .content" title="Commander toiles en ligne">
  1921.                                             <img  title = "Commander toiles en ligne"  alt = "Commander toiles en ligne"  src = "https://www.store-en-ligne.ca/media/cms/albums_mod/3/small/227_commander_toile_en_ligne.jpg"  />                                            <div class="content"></div>
  1922.                                         </a>
  1923.                                                                     </li>
  1924.                                                                                     </ul>
  1925.                     </div>
  1926.                 </li>
  1927.                                                                         </ol>
  1928.         </div>
  1929.     </div>
  1930.     <div class="block-footer">
  1931.             </div>
  1932. </div>
  1933. <script type="text/javascript">
  1934.     $run_once(function() {
  1935.         var jholder = $('#block-8').parent();
  1936.        
  1937.                     function slide_albumpage_8(el, speed){
  1938.                 var parent = el.parentNode ;
  1939.                 var jel = $(parent).find('.full')
  1940.                 if ( ! $(parent).hasClass('active') ) {
  1941.                     $(parent).addClass('active');
  1942.                     $('#block-8 .category .full').not(jel).each(function(){
  1943.                         var height = $(this).height();
  1944.                         $(this).css('height', height).stop(true,true).slideUp(speed);
  1945.                         $(this).parents('.category.active').eq(0).removeClass('active');
  1946.                     });
  1947.                     jel.stop(true,true).slideDown(speed, function(){
  1948.                         $(this).css('height', '');
  1949.                     });
  1950.                 } else {
  1951.                     $(parent).removeClass('active');
  1952.                     jel.css('height',jel.height()).stop(true,true).slideUp(speed);
  1953.                 }
  1954.             }
  1955.             if(window.location.hash) {
  1956.                 jholder.on('click', '#block-8 ' + window.location.hash + ' .header', function(e){
  1957.                     slide_albumpage_8(this, 500);
  1958.                 }).eq(0).trigger('click');
  1959.             }
  1960.             else {
  1961.                 jholder.on('click', '#block-8 .category .header', function(e){
  1962.                     slide_albumpage_8(this, 500);
  1963.                 });
  1964.             }
  1965.                             $('#block-8 .category').each(function(){
  1966.                 $(this).find('.list a').sambox({
  1967.                     contentLayout : 'horizontal',
  1968.                     circularNav : true
  1969.                 });
  1970.             });
  1971.             });
  1972. </script>                </div>
  1973.                                                                                                                                                                 <div class="section-fulltext  ">
  1974.                     <div class="block-product-detail-text">
  1975.     <div class="block-title">
  1976.         Toile solaire pour fenêtre    </div>
  1977.     <div class="block-content">
  1978.         <h5>Nos collections performantes de toiles solaires.</h5>
  1979. <p>Chez Store en ligne.ca, nous vous offrons des toiles de qualité supérieure avec nos 3 collections disponibles, des mécanismes robustes et une qualité de tissu exceptionnel. Toutes les composantes sont fabriquées au Canada et approuvées par les architectes dans les nouveaux édifices et projets résidentiels.</p>
  1980.  
  1981. <h5>Explication de la toile solaire.</h5>
  1982.  
  1983. <p>La toile solaire est conçue de polyester et PVC, perforer de 1% - 3% - 5%. Le 1% étant celui tissé le plus serrer. Cette toile vous protège des rayons UV et ultraviolets. Les toiles de couleurs foncées vous permettent une meilleure vision vers l'extérieur, mais les plus pâles vous offrent une meilleure protection solaire et diffusent la lumière dans la pièce. </p>
  1984. <p>La toile solaire est suggérée pour le salon et cuisine et solarium.</p>
  1985.  
  1986. <h5>Les dénominations des TOILES SOLAIRES.</h5>
  1987.  
  1988. <p>Souvent nommées Sheerweave, texscreen, store enrouleur solaire, toile à rouleau solaire.</p>
  1989.    
  1990. <h5>La qualité et confection des toiles solaire.</h5>
  1991.  
  1992. <p>Nos toiles solaires sont conçues dans notre usine à Montréal, nos tissus sont raffinés et les plus performants du marché.
  1993. Scellé à chaud pour éviter qu'il s'effiloche, le rouleau est en aluminium extrudé.</p>
  1994.  
  1995. <p>Toujours à l’affût des dernières tendances, nous choisissons tous nos tissus avec soin pour plaire à notre clientèle. </p>
  1996.  
  1997. <strong>Avantages.</strong>
  1998. <ul>
  1999. <li>Protection solaire optimale;</li>
  2000. <li>Embellit votre décor;</li>
  2001. <li>Facile à manipuler;</li>
  2002. <li>Facile d'entretient.</li>
  2003. </ul>    </div>
  2004. </div>
  2005.                 </div>
  2006.                                                                                                                                                                 <div class="section-measurement  ">
  2007.                     <div class="popup"><div class="popup-content">
  2008.     <div class="block-title">Comment mesurer vos toiles</div>
  2009.     <div id="size-measurement">
  2010.     <div class="tool-tips-row double tool-tips-title">
  2011.         <div class="tool-tips-column">Fenêtre simple intérieur</div>
  2012.         <div class="tool-tips-column">Fenêtre simple extérieur</div>
  2013.     </div>
  2014.     <div class="tool-tips-row double tool-tips-content">
  2015.         <div class="tool-tips-column">
  2016.             <div class="title-mobile">Fenêtre simple intérieur</div>
  2017.             <img src="/skin/site/image/tool-tips/measure-simple-interior.png?_m=9ea63a70a149dd6e676f3aebe0e43d71">
  2018.         </div>
  2019.         <div class="tool-tips-column">
  2020.             <div class="title-mobile">Fenêtre simple extérieur</div>
  2021.             <img src="/skin/site/image/tool-tips/measure-simple-exterior.png?_m=9ea63a70a149dd6e676f3aebe0e43d71">
  2022.         </div>        
  2023.   </div>
  2024.   <div class="explanation">
  2025.     <p><strong>Installation intérieure Fenêtre simple</strong></p>
  2026.     <p> La mesure de la largeur doit se prendre seulement au haut du cadrage, cette toile en descendant laisse +/- 3/8 pouce de dégagement de chaque côté de la toile lors de la descente.</p>
  2027.     <p> La mesure pour la hauteur n'as pas besoin d'être très précise; une mesure à 1/2 pouces près est convenable. </p>
  2028.     <p><strong> Installation extérieure Fenêtre simple</strong></p>
  2029.     <p> Si vous désirez que les supports soient égaux à votre cadrage, vous prenez simplement la mesure extérieure du cadrage sur la largeur et si vous désirez couvrir totalement votre cadrage avec la toile alors vous devez rajouter 1 1/2 pouces à cette mesure.  </p>
  2030.     <p> Pour la hauteur vous avez 2 options, donc si vous désirez installer la toile sur le cadrage alors prendre la mesure extérieure des cadrages sur la hauteur. Si toutefois le boîtier est installé au haut du cadrage, vous devez rajouter 3 pouces à cette mesure.  </p>
  2031.     <p><br>
  2032.   </p>
  2033.     <p> </p>
  2034.   </div>
  2035. </div></div></div>
  2036.                 </div>
  2037.                                                                                                                                                                 <div class="section-video  ">
  2038.                     <div class="block-list-items">
  2039.     <div class="block-title">
  2040.         Facile d'installation, voyez-vous même !    </div>
  2041.     <div class="list section-toggle" style="max-width:720px;margin:auto;">
  2042.         <div class="field-wrapper list-faq-video aspect-16-9 video" style="max-width:95%;margin:auto;">
  2043.             <div class="value">
  2044.                 <iframe src="//www.youtube.com/embed/8ioOx_dI2DU?rel=0&amp;hd=1&amp;wmode=transparent&amp;enablejsapi=1" frameborder="0" allowfullscreen=""></iframe>
  2045.             </div>
  2046.         </div>
  2047.     </div>
  2048. </div>
  2049.                 </div>
  2050.                                     </div>
  2051.                                                                         <div class="section-related empty">
  2052.                             </div>
  2053.             </div>
  2054.     <div class="block-footer">
  2055.             </div>
  2056. </div>
  2057.     </div>
  2058. </div>  </div>
  2059.     <div class="section-content">
  2060.         <div id="zone-2" class="zone  zone zone-white">
  2061.     <div class="zone-content">
  2062.             </div>
  2063. </div>  </div>
  2064.   </div><!--END main-content-->    
  2065.   <div class="list-brand">
  2066.     <div class="container w-container">
  2067.         <div id="block-list_brand" class="block-list-items block-list block has-title ">
  2068.     <div class="block-header">
  2069.                     <div class="block-title "><span>Dépositaire des marques</span></div>
  2070.         </div>
  2071.     <div class="block-content">
  2072.                                 <div class="list section-toggle">
  2073.                                                         <div class="no-category"><ol>
  2074.                                                        
  2075.                                                                                    
  2076.                                                         <li class="item-0 odd">
  2077.                                 <div class="block-subcontent">
  2078.                                                                                                                     <div class="field-wrapper list-brand-logo image ">
  2079.                 <div class="value">
  2080.                             <a href="http://www.altex.ca/accueil" target="_blank" >
  2081.                            
  2082.                                 <img data-edit-value="images/Depositaire/logo-altex.jpg"  src="https://www.store-en-ligne.ca/media/images/Depositaire/logo-altex.jpg"/>
  2083.                                    
  2084.             </a>        </div>
  2085.     </div>
  2086.                                                                     </div>
  2087.                                 <div class="block-subfooter">
  2088.                                     <a href="https://www.store-en-ligne.ca/?id_lists_item10=132" class="more">
  2089.                                         <span>Plus de détails</span>
  2090.                                     </a>
  2091.                                 </div>
  2092.                             </li>
  2093.                                                                                                                
  2094.                                                         <li class="item-1 even">
  2095.                                 <div class="block-subcontent">
  2096.                                                                                                                     <div class="field-wrapper list-brand-logo image ">
  2097.                 <div class="value">
  2098.            
  2099.                                 <img data-edit-value="images/Depositaire/logo-transiplast.jpg"  src="https://www.store-en-ligne.ca/media/images/Depositaire/logo-transiplast.jpg"/>
  2100.                                    
  2101.                     </div>
  2102.     </div>
  2103.                                                                     </div>
  2104.                                 <div class="block-subfooter">
  2105.                                     <a href="https://www.store-en-ligne.ca/?id_lists_item10=133" class="more">
  2106.                                         <span>Plus de détails</span>
  2107.                                     </a>
  2108.                                 </div>
  2109.                             </li>
  2110.                                                                                                                
  2111.                                                         <li class="item-2 odd">
  2112.                                 <div class="block-subcontent">
  2113.                                                                                                                     <div class="field-wrapper list-brand-logo image ">
  2114.                 <div class="value">
  2115.                             <a href="http://sbmwoodblind.com/" target="_blank" >
  2116.                            
  2117.                                 <img data-edit-value="images/Depositaire/logo-sbm.jpg"  src="https://www.store-en-ligne.ca/media/images/Depositaire/logo-sbm.jpg"/>
  2118.                                    
  2119.             </a>        </div>
  2120.     </div>
  2121.                                                                     </div>
  2122.                                 <div class="block-subfooter">
  2123.                                     <a href="https://www.store-en-ligne.ca/?id_lists_item10=134" class="more">
  2124.                                         <span>Plus de détails</span>
  2125.                                     </a>
  2126.                                 </div>
  2127.                             </li>
  2128.                                                                                                                
  2129.                                                         <li class="item-3 even">
  2130.                                 <div class="block-subcontent">
  2131.                                                                                                                     <div class="field-wrapper list-brand-logo image ">
  2132.                 <div class="value">
  2133.                             <a href="http://maxxmar.com/" target="_blank" >
  2134.                            
  2135.                                 <img data-edit-value="images/Depositaire/logo-maxxmar.jpg"  src="https://www.store-en-ligne.ca/media/images/Depositaire/logo-maxxmar.jpg"/>
  2136.                                    
  2137.             </a>        </div>
  2138.     </div>
  2139.                                                                     </div>
  2140.                                 <div class="block-subfooter">
  2141.                                     <a href="https://www.store-en-ligne.ca/?id_lists_item10=135" class="more">
  2142.                                         <span>Plus de détails</span>
  2143.                                     </a>
  2144.                                 </div>
  2145.                             </li>
  2146.                                                                                                                
  2147.                                                         <li class="item-4 odd">
  2148.                                 <div class="block-subcontent">
  2149.                                                                                                                     <div class="field-wrapper list-brand-logo image ">
  2150.                 <div class="value">
  2151.                             <a href="http://www.elitewf.com/" target="_blank" >
  2152.                            
  2153.                                 <img data-edit-value="images/Depositaire/logo-elite.jpg"  src="https://www.store-en-ligne.ca/media/images/Depositaire/logo-elite.jpg"/>
  2154.                                    
  2155.             </a>        </div>
  2156.     </div>
  2157.                                                                     </div>
  2158.                                 <div class="block-subfooter">
  2159.                                     <a href="https://www.store-en-ligne.ca/?id_lists_item10=136" class="more">
  2160.                                         <span>Plus de détails</span>
  2161.                                     </a>
  2162.                                 </div>
  2163.                             </li>
  2164.                                                                                                             </ol>
  2165.                     </div>
  2166.                                 </div>
  2167.         </div>
  2168.         <div class="block-footer">
  2169.                                             </div>
  2170.         <script>
  2171. if ( typeof window.__BLOCKlist_brand_GUARD__ == 'undefined' ) {
  2172. window.window.__BLOCKlist_brand_GUARD__ = true ;
  2173.     $(function(){
  2174.         var jholder = $('#block-list_brand').parent();
  2175.         jholder.on('click', '#block-list_brand .pagination a', function(e){
  2176.             e.preventDefault();
  2177.             Frontend.ajaxBlock("list_brand", this, null, {scrollTo : true});
  2178.         });
  2179.             });
  2180. }
  2181. </script>
  2182.     </div>
  2183.     </div>
  2184. </div>
  2185. <div class="section-footer">
  2186.     <div class="container w-container">
  2187.       <div class="col-business-infos">
  2188.         <a class="logo-footer w-inline-block" href="https://www.store-en-ligne.ca/"><img class="logo-footer-image" src="https://www.store-en-ligne.ca/media/system/sites/logos/1502134560_store_en_ligne_fr_CA.png"></a>
  2189.         <div class="business-info">
  2190.           <div class="socials">
  2191.             <a class="social-link w-inline-block" href="https://www.facebook.com/Store-en-ligneca-823138171183981/" target="_blank">
  2192.               <div class="fa fa-facebook fa-social"></div>
  2193.             </a>
  2194.           </div>
  2195.         </div>
  2196.         <div id="block-block_footer_infos" class="block-text block div-block block-footer-infos ">
  2197.     <div class="block-header">
  2198.             </div>
  2199.     <div class="block-content" >
  2200.         <div class="business-info"><a href="tel:18559959191" target="_blank">1 855 995-9191</a></div>
  2201. <div class="business-info"><a class="footer-link w-inline-block" href="mailto:info@store-en-ligne.ca" target="_blank">
  2202. <div>info@store-en-ligne.ca</div>
  2203. </a></div>    </div>
  2204.     <div class="block-footer">
  2205.             </div>
  2206. </div>
  2207.         <div class="business-infos">
  2208.           <div class="title-infos"></div>
  2209.           <div class="logo-footer-altex"><a href="http://www.altex.ca/Accueil" target="_blank" title="Distributeur des toiles Altex"><img class="logo-altex" src="/skin/site/image/logo_altex_francais.png?_m=ee14aee804de6a601d4dec9de4adb9e7" alt="Logo toiles solaires Altex"></a></div>
  2210.         </div>
  2211.               </div>
  2212.       <div class="col-sitemap w-clearfix">
  2213.         <div id="block-" class="block-navigation  block ">
  2214.     <div class="block-header">
  2215.            </div>
  2216.     <div class="block-content">
  2217.         <div data-collapse="medium" data-animation="default" data-duration="400" class="w-nav navbar"><div class="w-nav-button nav-button"><div class="w-icon-nav-menu"></div></div><nav role="navigation" id="nav-5a67493dc45f9" class="w-nav-menu nav-menu hover-trigger  nav-menu"><div class="w-dropdown nav-dropdown " data-delay="0" data-ix="over-menu"><div class="w-dropdown-toggle nav-dropdown-toggle"><div>Nos services</div><div class="w-icon-dropdown-toggle nav-icon-dropdown-toggle"></div></div><nav class="w-dropdown-list nav-dropdown-list hover-trigger "><a class="region-quebec first-item odd item-0  w-dropdown-link nav-dropdown-link region-quebec" href="https://www.store-en-ligne.ca/service-de-rendez-vous-a-domicile">Consultation à domicile</a><a class="even item-1 last-item  w-dropdown-link nav-dropdown-link" href="https://www.store-en-ligne.ca/services/commercial">Commercial</a></nav></div><div class="w-dropdown nav-dropdown " data-delay="0" data-ix="over-menu"><div class="w-dropdown-toggle nav-dropdown-toggle"><div>Boutique en ligne</div><div class="w-icon-dropdown-toggle nav-icon-dropdown-toggle"></div></div><nav class="w-dropdown-list nav-dropdown-list hover-trigger "><a class="first-item odd item-0 active  w-dropdown-link nav-dropdown-link" href="https://www.store-en-ligne.ca/stores-sur-mesure/61/toile-opaque0">Toiles opaques</a><a class="even item-1 active  w-dropdown-link nav-dropdown-link" href="https://www.store-en-ligne.ca/stores-sur-mesure/69/toile-solaire">Toiles solaires</a><a class="odd item-2 active  w-dropdown-link nav-dropdown-link" href="https://www.store-en-ligne.ca/stores-sur-mesure/37/toile-alternee">Toiles alternées</a><a class="even item-3 active  w-dropdown-link nav-dropdown-link" href="https://www.store-en-ligne.ca/stores-sur-mesure/65/store-aluminium">Stores horizontaux en aluminium</a><a class="odd item-4 active  w-dropdown-link nav-dropdown-link" href="https://www.store-en-ligne.ca/stores-sur-mesure/68/store-polymere">Stores horizontaux en PVC</a><a class="even item-5 active  w-dropdown-link nav-dropdown-link" href="https://www.store-en-ligne.ca/stores-sur-mesure/1/store-de-bois">Stores de bois</a><a class="odd item-6 last-item  w-dropdown-link nav-dropdown-link" href="https://www.store-en-ligne.ca/toiles/motorisation-toile-a-rouleau">La motorisation</a></nav></div><div class="w-dropdown nav-dropdown hide" data-delay="0" data-ix="over-menu"><div class="w-dropdown-toggle nav-dropdown-toggle"><div>Stores sur demande</div><div class="w-icon-dropdown-toggle nav-icon-dropdown-toggle"></div></div><nav class="w-dropdown-list nav-dropdown-list hover-trigger "><a class=" first-item odd item-0 active last-item  w-dropdown-link nav-dropdown-link" href="https://www.store-en-ligne.ca/stores-sur-mesure/69/toile-solaire">Toiles solaires Altex</a></nav></div><div class="nav-group"><div class="w-dropdown nav-dropdown group-open" data-delay="0" data-ix="over-menu"><div class="w-dropdown-toggle nav-dropdown-toggle"><div>Aide</div><div class="w-icon-dropdown-toggle nav-icon-dropdown-toggle"></div></div><nav class="w-dropdown-list nav-dropdown-list hover-trigger "><a class="first-item odd item-0  w-dropdown-link nav-dropdown-link" href="https://www.store-en-ligne.ca/nos-politiques">Nos politiques</a><a class="even item-1  w-dropdown-link nav-dropdown-link" href="https://www.store-en-ligne.ca/aide/pourquoi-acheter-chez-nous">Pourquoi acheter chez nous?</a><a class="odd item-2 last-item  w-dropdown-link nav-dropdown-link" href="https://www.store-en-ligne.ca/nous-joindre">Nous joindre</a></nav></div><div class="w-dropdown nav-dropdown no-dropdown contact-page group-close" data-delay="0" data-ix="over-menu"><div class="w-dropdown-toggle nav-dropdown-toggle"><a href="https://www.store-en-ligne.ca/service-de-rendez-vous-a-domicile">Consultation à domicile</a><div class="w-icon-dropdown-toggle nav-icon-dropdown-toggle"></div></div><nav class="w-dropdown-list nav-dropdown-list hover-trigger "><a class="sitemap-cart-link first-item odd item-0 last-item  w-dropdown-link nav-dropdown-link sitemap-cart-link" href="https://www.store-en-ligne.ca/boutique-stores/stores-panier">Mon panier</a></nav></div></div></nav></div>    </div>
  2218.     <div class="block-footer">
  2219.             </div>
  2220. </div>
  2221.      
  2222.       </div>
  2223.       <div class="payment-method-logos">
  2224.         <img src="/skin/site/image/payment_icon_paypal.png?_m=32b7896aefd4a40f78d56865d695c331">
  2225.         <img src="/skin/site/image/payment_icon_visa.png?_m=32b7896aefd4a40f78d56865d695c331">
  2226.         <img src="/skin/site/image/payment_icon_mastercard.png?_m=32b7896aefd4a40f78d56865d695c331">
  2227.         <img src="/skin/site/image/payment_icon_americanexpress.png?_m=50a464c24b3a0c973d7642b69b12d489">
  2228.         <img src="/skin/site/image/payment_icon_discover.png?_m=50a464c24b3a0c973d7642b69b12d489">
  2229.         <a class="canada-gov" href="http://www.ic.gc.ca/app/ccc/srch/nvgt.do?app=sold&searchNav=F&profileId=1921&prtl=1&profile=cmpltPrfl&estblmntNo=234567168869&lang=fra" target="_blank">
  2230.           <img src="/skin/site/image/lien_registre_des_entreprise_canadienne.jpg?_m=789c4df66e61db9d7c0da62bd1efba75">
  2231.         </a>
  2232.       </div>
  2233.     </div>
  2234.   </div>
  2235.   <div class="section-credits">
  2236.     <div class="container w-container">
  2237.       <div class="w-row">
  2238.         <div class="col-credits w-col w-col-6">
  2239.           <div id="block-block_credits" class="block-text block div-block ">
  2240.     <div class="block-header">
  2241.             </div>
  2242.     <div class="block-content" >
  2243.         <div>Une r&eacute;alisation d'<a class="credit-link" href="http://eckinox.ca" target="_blank">Eckinox</a></div>    </div>
  2244.     <div class="block-footer">
  2245.             </div>
  2246. </div>
  2247.         </div>
  2248.         <div class="col-copyright w-col w-col-6">
  2249.           <div id="block-block_copyright" class="block-text block div-block ">
  2250.     <div class="block-header">
  2251.             </div>
  2252.     <div class="block-content" >
  2253.         <div>Store en ligne.ca&nbsp;&copy; 2017</div>    </div>
  2254.     <div class="block-footer">
  2255.             </div>
  2256. </div>
  2257.         </div>
  2258.       </div>
  2259.     </div>
  2260.   </div></div><!--END Full-site-container-->
  2261. <div class="popup promos">
  2262.     <div class="popup-content">
  2263.         <div id="block-promos_popup" class="block-list-items block-list block ">
  2264.     <div class="block-header">
  2265.             </div>
  2266.     <div class="block-content">
  2267.                                 <div class="list section-toggle">
  2268.                                                         <div class="no-category"><ol>
  2269.                                                        
  2270.                                                                                 </ol>
  2271.                     </div>
  2272.                                 </div>
  2273.         </div>
  2274.         <div class="block-footer">
  2275.                                             </div>
  2276.         <script>
  2277. if ( typeof window.__BLOCKpromos_popup_GUARD__ == 'undefined' ) {
  2278. window.window.__BLOCKpromos_popup_GUARD__ = true ;
  2279.     $(function(){
  2280.         var jholder = $('#block-promos_popup').parent();
  2281.         jholder.on('click', '#block-promos_popup .pagination a', function(e){
  2282.             e.preventDefault();
  2283.             Frontend.ajaxBlock("promos_popup", this, null, {scrollTo : true});
  2284.         });
  2285.             });
  2286. }
  2287. </script>
  2288.     </div>
  2289.  
  2290.         <div class="popup-footer"><a href="/promotions" class="is-button">Voir les promotions</a></div>
  2291.     </div>
  2292.     <div class="close-button-container">
  2293.         <a href="#" class="close">Fermer</a>
  2294.     </div>
  2295. </div>    <script>
  2296.         // Products listing page
  2297.         $(".block-products-list.unavailable-online.has-on-demand .block-content > .category-title").text("Voici quelques produits offerts pour le service à domicile").addClass('visible');
  2298.     </script>
  2299.   <script src="/skin/site/script/webflow.js?_m=fcdd9071c59405f5c76cb1cf8b648a0e"></script><!-- [if lte IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js"></script><![endif] -->
  2300. <script>
  2301.   $(function(){
  2302.     var gallery_photos_count = $(".layout-product-details .section-content .block-photo ol li").length;
  2303.     if (gallery_photos_count <= 8 && gallery_photos_count > 5) {
  2304.         $(".layout-product-details .section-content .block-photo").addClass("block-photo-four-cols");
  2305.     }
  2306.   });
  2307. </script>
  2308.  
  2309. <!-- Start of LiveChat (www.livechatinc.com) code -->
  2310. <script type="text/javascript">
  2311. window.__lc = window.__lc || {};
  2312. window.__lc.license = 8828416;
  2313. (function() {
  2314.   var lc = document.createElement('script'); lc.type = 'text/javascript'; lc.async = true;
  2315.   lc.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'cdn.livechatinc.com/tracking.js';
  2316.   var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(lc, s);
  2317. })();
  2318. </script>
  2319. <!-- End of LiveChat code -->
  2320. <!--script type="text/javascript">
  2321.    window.smartlook||(function(d) {
  2322.    var o=smartlook=function(){ o.api.push(arguments)},h=d.getElementsByTagName('head')[0];
  2323.    var c=d.createElement('script');o.api=new Array();c.async=true;c.type='text/javascript';
  2324.    c.charset='utf-8';c.src='https://rec.smartlook.com/recorder.js';h.appendChild(c);
  2325.    })(document);
  2326.    smartlook('init', '6e37c0d07c21904a805631268c3ae762e999607b');
  2327. </script-->
  2328. </body>
  2329. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!