Pour accéder au contenu, appuyez sur Entrée Pour accéder au pied de page, appuyer sur Entrée

Your browser does not have JS enabled, you are still able to browse the website but you won't be able to access advanced features such as editing or logging in.

Votre panier d’achat est actuellement vide

Magasinez!

Allez-y. Remplissez votre panier de tous les articles tendance qui vous font rêver.

Continuer à magasiner

Synchroniser et magasiner

Synchronisez votre panier sur tous vos appareils pour voir la même chose en déplacement ou à la maison.

Ouvrir une session

Créer un compte

Accédez à votre registre, à l’historique de vos commandes, à la caisse express et plus encore!

Créer un compte

<div data-ref="cartContainer"> {{#numItems}} <nav class="b-nav_aux"> <a data-tau="continue_shopping" class="b-continue_shopping" href="{{continueShoppingUrl}}"> <span class="b-continue_shopping-icon"> <svg aria-hidden="true" width="20" height="20" fill="none" focusable="false"> <use href="#arrow-down"></use> </svg> </span> <span class="b-continue_shopping-text"> Continuer à magasiner </span> </a> </nav> {{/numItems}} <div class="l-cart m-first {{^numItems}}m-empty{{/numItems}}" {{^numItems}}data-tau="cart_empty"{{/numItems}} > <main class="l-cart-products b-cart_products"> {{^numItems}} <div class="b-cart_empty"> <h1 class="b-cart_empty-title"> Votre panier d’achat est actuellement vide </h1>  <div class="b-continue_interactions"> <section class="b-continue_interactions-item" aria-label="Magasinez!" > <span class="b-continue_interactions-icon"> <svg width="38" height="30" viewBox="0 0 38 30" focusable="false" stroke="currentColor" stroke-width="2" fill="none"> <circle cx="15.1" cy="26.9" r="2"/> <circle cx="28.1" cy="26.9" r="2"/> <path stroke-linecap="round" d="M1.8,1.1h6.3l4.5,21.2h18"/> <path stroke-linecap="round" d="M9.2,5.6h26.6l-4,13.1H11.9L9.2,5.6z"/> </svg> </span> <h2 class="b-continue_interactions-title"> Magasinez! </h2> <p class="b-continue_interactions-description"> Allez-y. Remplissez votre panier de tous les articles tendance qui vous font rêver. </p> <a class="b-button b-continue_interactions-button" href="https://www.dickies.ca/fr/home" data-tau="continue_shopping" > Continuer à magasiner </a> </section> <section class="b-continue_interactions-item" aria-label="Sync & Shop" > <span class="b-continue_interactions-icon"> <svg width="36" height="32" viewBox="0 0 36 32" focusable="false" fill="currentColor"> <path fill-rule="nonzero" d="M35 8.5h-3.2V1.1a1 1 0 00-1-1.1H1a1 1 0 00-1 1v19.3a1 1 0 001 1h13.8v4.3H9.6c-.6 0-1 .5-1 1s.4 1.1 1 1.1h11.6V31c0 .6.5 1.1 1 1.1H35c.6 0 1.1-.5 1.1-1V9.5a1 1 0 00-1-1zM2 2.1h27.6v6.4h-7.4a1 1 0 00-1 1.1v9.6H2v-17zm15 23.5v-4.3h4.3v4.3H17zm17 4.3H23.3V10.7H34v19.2z"/> <rect width="4" height="2" x="26.7" y="26" rx="1"/> </svg> </span> <h2 class="b-continue_interactions-title"> Synchroniser et magasiner </h2> <p class="b-continue_interactions-description"> Synchronisez votre panier sur tous vos appareils pour voir la même chose en déplacement ou à la maison. </p> <a class="b-button b-continue_interactions-button" href="https://www.dickies.ca/fr/login" > Ouvrir une session </a> </section> <section class="b-continue_interactions-item" aria-label="Create Account" > <span class="b-continue_interactions-icon"> <svg width="22" height="29" viewBox="0 0 22 29" focusable="false"> <path fill="none" stroke="currentColor" stroke-width="2" d="M11.5 13.5h-1c-2.6 0-4.7-2-4.7-4.4V5.9c0-2.4 2.1-4.4 4.7-4.4h1c2.6 0 4.7 2 4.7 4.4v3.2c0 2.4-2.1 4.4-4.7 4.4zm9.5 8v6H1v-6c0-2.4 2.1-4.3 4.7-4.3h10.7c2.5 0 4.6 1.9 4.6 4.3z"/> </svg> </span> <h2 class="b-continue_interactions-title"> Créer un compte </h2> <p class="b-continue_interactions-description"> Accédez à votre registre, à l’historique de vos commandes, à la caisse express et plus encore! </p> <a class="b-button b-continue_interactions-button" href="https://www.dickies.ca/fr/login" > Créer un compte </a> </section> </div>  <script> (function(){ // window.CQuotient is provided on the page by the Analytics code: var cq = window.CQuotient; if (cq && ('function' == typeof cq.getCQUserId) && ('function' == typeof cq.getCQCookieId) && ('function' == typeof cq.getCQHashedEmail) && ('function' == typeof cq.getCQHashedLogin)) { var recommender = '[["shopping-cart-recs"]]'; // removing any leading/trailing square brackets and escaped quotes: recommender=recommender.replace(/\[|\]|"/g,''); var separator = '|||'; var slotConfigurationUUID = 'aedbc651b3e2a85a43b0091c03'; var contextAUID = ''; var contextSecondaryAUID = ''; var contextAltAUID = ''; var contextType = ''; var anchorsArray = []; var contextAUIDs = contextAUID.split(separator); var contextSecondaryAUIDs = contextSecondaryAUID.split(separator); var contextAltAUIDs = contextAltAUID.split(separator); var contextTypes = contextType.split(separator); var slotName = 'scs-empty-bottom-1'; var slotConfigId = 'scs-empty-other-bought-einstein'; var slotConfigTemplate = 'slots/product/productsCarousel.isml'; if (contextAUIDs.length == contextSecondaryAUIDs.length) { for (i = 0; i < contextAUIDs.length; i++) { anchorsArray.push({id: contextAUIDs[i], sku: contextSecondaryAUIDs[i], type: contextTypes[i], alt_id: contextAltAUIDs[i]}); } } else { anchorsArray = [{id: contextAUID, sku: contextSecondaryAUID, type: contextType, alt_id: contextAltAUID}]; } var urlToCall = '/on/demandware.store/Sites-DickiesCA-Site/fr_CA/CQRecomm-Start'; var params = { userId: cq.getCQUserId(), cookieId: cq.getCQCookieId(), emailId: cq.getCQHashedEmail(), loginId: cq.getCQHashedLogin(), anchors: anchorsArray, slotId: slotName, slotConfigId: slotConfigId, slotConfigTemplate: slotConfigTemplate, ccver: '1.03' }; if (cq.getRecs) { cq.getRecs(cq.clientId, recommender, params, cb); } else { cq.widgets = cq.widgets || []; cq.widgets.push({ recommenderName: recommender, parameters: params, callback: cb }); } }; function cb(parsed) { var arr = parsed[recommender].recs; if (arr && 0 < arr.length) { var filteredProductIds = ''; for (i = 0; i < arr.length; i++) { filteredProductIds = filteredProductIds + 'pid' + i + '=' + encodeURIComponent(arr[i].id) + '&'; } filteredProductIds = filteredProductIds.substring(0, filteredProductIds.length - 1);//to remove the trailing '&' var formData = 'auid=' + encodeURIComponent(contextAUID) + '&scid=' + slotConfigurationUUID + '&' + filteredProductIds; var request = new XMLHttpRequest(); request.open('POST', urlToCall, true); request.setRequestHeader('Content-type', 'application/x-www-form-urlencoded'); request.onreadystatechange = function() { if (this.readyState === 4) { // Got the product data from DW, showing the products now by changing the inner HTML of the DIV: var divId = 'cq_recomm_slot-' + slotConfigurationUUID; document.getElementById(divId).innerHTML = this.responseText; //find and evaluate scripts in response: var scripts = document.getElementById(divId).getElementsByTagName('script'); if (null != scripts) { for (var i=0;i<scripts.length;i++) {//not combining script snippets on purpose var srcScript = document.createElement('script'); srcScript.text = scripts[i].innerHTML; srcScript.asynch = scripts[i].asynch; srcScript.defer = scripts[i].defer; srcScript.type = scripts[i].type; srcScript.charset = scripts[i].charset; document.head.appendChild( srcScript ); document.head.removeChild( srcScript ); } } } }; request.send(formData); request = null; } }; })(); </script>  <div id="cq_recomm_slot-aedbc651b3e2a85a43b0091c03"></div>   <script> (function(){ // window.CQuotient is provided on the page by the Analytics code: var cq = window.CQuotient; if (cq && ('function' == typeof cq.getCQUserId) && ('function' == typeof cq.getCQCookieId) && ('function' == typeof cq.getCQHashedEmail) && ('function' == typeof cq.getCQHashedLogin)) { var recommender = '[["recently-viewed"]]'; // removing any leading/trailing square brackets and escaped quotes: recommender=recommender.replace(/\[|\]|"/g,''); var separator = '|||'; var slotConfigurationUUID = '021d5bd45db6f2f59ed6945eb5'; var contextAUID = ''; var contextSecondaryAUID = ''; var contextAltAUID = ''; var contextType = ''; var anchorsArray = []; var contextAUIDs = contextAUID.split(separator); var contextSecondaryAUIDs = contextSecondaryAUID.split(separator); var contextAltAUIDs = contextAltAUID.split(separator); var contextTypes = contextType.split(separator); var slotName = 'scs-empty-bottom-2'; var slotConfigId = 'scs-empty-recently-viewed-einstein'; var slotConfigTemplate = 'slots/recommendation/einsteinRecentlyViewed.isml'; if (contextAUIDs.length == contextSecondaryAUIDs.length) { for (i = 0; i < contextAUIDs.length; i++) { anchorsArray.push({id: contextAUIDs[i], sku: contextSecondaryAUIDs[i], type: contextTypes[i], alt_id: contextAltAUIDs[i]}); } } else { anchorsArray = [{id: contextAUID, sku: contextSecondaryAUID, type: contextType, alt_id: contextAltAUID}]; } var urlToCall = '/on/demandware.store/Sites-DickiesCA-Site/fr_CA/CQRecomm-Start'; var params = { userId: cq.getCQUserId(), cookieId: cq.getCQCookieId(), emailId: cq.getCQHashedEmail(), loginId: cq.getCQHashedLogin(), anchors: anchorsArray, slotId: slotName, slotConfigId: slotConfigId, slotConfigTemplate: slotConfigTemplate, ccver: '1.03' }; if (cq.getRecs) { cq.getRecs(cq.clientId, recommender, params, cb); } else { cq.widgets = cq.widgets || []; cq.widgets.push({ recommenderName: recommender, parameters: params, callback: cb }); } }; function cb(parsed) { var arr = parsed[recommender].recs; if (arr && 0 < arr.length) { var filteredProductIds = ''; for (i = 0; i < arr.length; i++) { filteredProductIds = filteredProductIds + 'pid' + i + '=' + encodeURIComponent(arr[i].id) + '&'; } filteredProductIds = filteredProductIds.substring(0, filteredProductIds.length - 1);//to remove the trailing '&' var formData = 'auid=' + encodeURIComponent(contextAUID) + '&scid=' + slotConfigurationUUID + '&' + filteredProductIds; var request = new XMLHttpRequest(); request.open('POST', urlToCall, true); request.setRequestHeader('Content-type', 'application/x-www-form-urlencoded'); request.onreadystatechange = function() { if (this.readyState === 4) { // Got the product data from DW, showing the products now by changing the inner HTML of the DIV: var divId = 'cq_recomm_slot-' + slotConfigurationUUID; document.getElementById(divId).innerHTML = this.responseText; //find and evaluate scripts in response: var scripts = document.getElementById(divId).getElementsByTagName('script'); if (null != scripts) { for (var i=0;i<scripts.length;i++) {//not combining script snippets on purpose var srcScript = document.createElement('script'); srcScript.text = scripts[i].innerHTML; srcScript.asynch = scripts[i].asynch; srcScript.defer = scripts[i].defer; srcScript.type = scripts[i].type; srcScript.charset = scripts[i].charset; document.head.appendChild( srcScript ); document.head.removeChild( srcScript ); } } } }; request.send(formData); request = null; } }; })(); </script>  <div id="cq_recomm_slot-021d5bd45db6f2f59ed6945eb5"></div>  </div> {{/numItems}} {{#numItems}} <div class="b-header_cart"> <h1 class="b-header_cart-title"> Votre panier </h1> </div> {{#isBasketMerged}} <div class="l-cart_messages"> <div class="b-message m-warning"> {{basketMergingNotificationMsg}} </div> </div> {{/isBasketMerged}} <div class="l-cart_messages" data-ref="errorMsgs"> {{#valid.error}} {{#valid.message}} <div class="b-message m-error" role="alert"> {{valid.message}} </div> {{/valid.message}} {{/valid.error}} {{#pageError}} <div class="b-message m-error" role="alert"> <p class="b-message-inner"> {{pageError}} </p> </div> {{/pageError}} </div> {{#items}} {{^available}} <div class="l-cart_product-info_msg b-cart_product"> <div class="b-cart_product-msg b-message m-error m-small" role="alert"> {{#availability}} {{#availability.isReachedLimit}} {{availability.messages}} {{/availability.isReachedLimit}} {{^availability.isReachedLimit}} Désolé, cet article n’est plus offert. Veuillez le retirer de votre panier pour continuer. {{/availability.isReachedLimit}} {{/availability}} {{#noProduct}} Ce produit a été supprimé de notre catalogue en ligne. Veuillez le supprimer de votre panier d’achat pour pouvoir passer à la caisse. {{/noProduct}} </div> </div> {{/available}} {{#actionErrorMessage}} {{^noProduct}} <div class="l-cart_product-info_msg b-cart_product"> <div class="b-cart_product-msg b-message m-error m-small" role="alert"> {{actionErrorMessage}} </div> </div> {{/noProduct}} {{/actionErrorMessage}} <section class="l-cart_product b-cart_product" id="cart_item_{{UUID}}" data-pid="{{id}}" data-widget="cartItem" data-tau="cart_product_item" data-text-added-to-wishlist="Supprimer de la liste de souhaits" data-original-wishlist-button-message="Sauvegarder pour plus tard" data-forward-to-parent="updateQty:dismissQty:removeProduct:editProduct:showBonusProductDialog" data-analytics="{{gtmInfoStr}}" data-accessibility-alerts='{ "addedtowishlist": "Le produit a été ajouté à la liste de souhaits", "removedfromwishlist": "Le produit a été supprimé de la liste de souhaits" }' > <div class="l-cart_product-image"> <a href="{{link}}" class="b-cart_product-image_link" data-list="cart" tabindex="-1" > <picture class="b-cart_product-picture" data-tau=cart_product_image > {{#images.cart.0.sources}} <source media="{{media}}" srcset="{{srcset}}"/> {{/images.cart.0.sources}} <img src="{{images.cart.0.url}}" alt="{{images.cart.0.alt}}" width="172" height="172" loading="lazy" /> </picture> </a> </div> <div class="l-cart_product-details"> <h2 class="b-cart_product-title" data-tau="cart_product_name"> {{#isBonusProductLineItem}} {{productName}} {{/isBonusProductLineItem}} {{^isBonusProductLineItem}} <a class="b-cart_product-title_link" href="{{link}}" data-list="cart" > {{productName}} </a> {{/isBonusProductLineItem}} </h2> <div class="b-cart_product-price m-item_price m-{{UUID}}"> {{#isBonusProductLineItem}} <span class="b-price"> <span class="b-price-item m-free"> Gratuit </span> </span> {{/isBonusProductLineItem}} {{^isBonusProductLineItem}} <div class="b-price" data-widget="label" data-id="priceBlock" data-tau-price="{{#price.isRangePrice}}price-range{{/price.isRangePrice}}{{#price.isDefaultPrice}}product_price{{/price.isDefaultPrice}}" > {{#price.isDefaultPrice}} {{#price.list}} <span class="b-sr_only">Était</span> <span class="b-price-item m-old" data-tau-price="old"> {{price.list.formatted}} </span> <span class="b-sr_only">, est</span> {{/price.list}} <span class="b-price-item {{#price.list}}m-new{{/price.list}} {{#price.isClearancePrice}}m-label{{/price.isClearancePrice}}" data-tau-price="{{#price.list}}new{{/price.list}}{{^price.list}}list{{/price.list}}" > {{price.sales.formatted}} {{#price.isClearancePrice}} <span class="b-price-label"> Liquidation </span> {{/price.isClearancePrice}} </span> {{#price.sales.discount}} <span class="b-price-badge"> -{{price.sales.discount}}% </span> {{/price.sales.discount}} {{/price.isDefaultPrice}} {{#price.isRangePrice}} {{#price.isListPriceAvailable}} <span class="b-sr_only">Était</span> {{#price.isListPriceRange}} <span class="b-price-item m-old" data-tau-price="old"> <span class="b-price-to b-sr_only">De</span> {{price.listMin.sales.formatted}} <span class="b-price-divider">-</span> <span class="b-price-to b-sr_only">à</span> {{price.listMax.sales.formatted}} </span> {{/price.isListPriceRange}} {{^price.isListPriceRange}} <span class="b-price-item m-old" data-tau-price="old"> {{price.listMin.sales.formatted}} </span> {{/price.isListPriceRange}} <span class="b-sr_only">, est</span> {{/price.isListPriceAvailable}} <span class="b-price-item {{#price.isListPriceAvailable}}m-new{{/price.isListPriceAvailable}} {{#price.isClearancePrice}}m-label{{/price.isClearancePrice}}" data-tau-price="{{#price.isListPriceAvailable}}new{{/price.isListPriceAvailable}}{{^price.isListPriceAvailable}}list{{/price.isListPriceAvailable}}" > {{#price.min.sales}} <span class="b-price-to b-sr_only">De</span> {{price.min.sales.formatted}} {{/price.min.sales}} {{#price.max.sales}} <span class="b-price-divider">-</span> <span class="b-price-to b-sr_only">à</span> {{price.max.sales.formatted}} {{/price.max.sales}} {{#price.isClearancePrice}} <span class="b-price-label"> Liquidation </span> {{/price.isClearancePrice}} </span> {{/price.isRangePrice}} </div> {{/isBonusProductLineItem}} </div> {{#returnsProhibited}} {{#returnsProhibitedMessage}} <div class="b-promotion"> <div class="b-promotion-message"> {{{returnsProhibitedMessage}}} </div> </div> {{/returnsProhibitedMessage}} {{/returnsProhibited}} <div class="b-cart_product-promotion m-{{UUID}}"> {{#promotions}} {{#calloutMsg}} {{#displayCalloutOnCart}} <div class="b-promotion" data-tau-promo-id="{{id}}"> <div class="b-promotion-message" {{#calloutMsgTextColor}}style="color: {{calloutMsgTextColor}};"{{/calloutMsgTextColor}} data-tau="promotion_details" > {{&calloutMsg}} </div> </div> {{/displayCalloutOnCart}} {{/calloutMsg}} {{/promotions}} </div> {{#variationAttributes}} <p class="b-cart_product-attribute"> {{displayName}}: <span class="b-cart_product-attribute_value" data-tau-{{displayName}}-id="{{#lower}}{{displayValue}}{{/lower}}" > {{displayValue}} </span> </p> {{/variationAttributes}} {{#options}} <p class="b-cart_product-attribute m-options" data-option-id="{{optionId}}" data-value-id="{{selectedValueId}}" > {{displayName}}: <span class="b-cart_product-attribute_value" data-tau-{{displayName}}-id="{{#lower}}{{displayValue}}{{/lower}}" > {{displayValue}} </span> </p> {{/options}} <div class="b-cart_product-price m-total m-{{UUID}}"> <span class="b-cart_product-price_each"> Sous-total: </span> <div class="b-price" data-tau="cart_product_total"> {{#priceTotal.sellingPrice}} <span class="b-sr_only">Était</span> <span class="b-price-item m-old" data-tau-price="old"> {{priceTotal.sellingPrice}} </span> <span class="b-sr_only">, est</span> {{/priceTotal.sellingPrice}} <span class="b-price-item {{#price.sellingPrice}}m-new{{/price.sellingPrice}}" data-tau-price="new"> {{priceTotal.price}} </span> </div> </div> <div class="b-cart_product-availability availability-{{UUID}}" data-tau="cart_product_availability"> {{#availability.isLowStock}} {{#availability.messages}} <div class="b-availability m-lowinstock" aria-label="Disponibilité"> <span class="b-availability-icon"> <svg width="20" height="20" viewBox="0 0 20 20" focusable="false"> <circle cx="10" cy="10" r="9" fill="currentColor" stroke="currentColor" stroke-width="2"/> <path stroke="#ffffff" stroke-width="2" fill="none" d="M6 10l4 3 8-11"/> </svg> </span> <div class="b-availability-status"> {{availability.messages}} </div> </div> {{/availability.messages}} {{/availability.isLowStock}} {{^available}} {{#availability.isReachedLimit}} {{^availability.isMaxQtyAllowedReached}} <div class="b-availability m-lowinstock" aria-label="Disponibilité"> <span class="b-availability-icon"> <svg width="20" height="20" viewBox="0 0 20 20" focusable="false"> <circle cx="10" cy="10" r="9" fill="currentColor" stroke="currentColor" stroke-width="2"/> <path stroke="#ffffff" stroke-width="2" fill="none" d="M6 10l4 3 8-11"/> </svg> </span> <div class="b-availability-status"> {{availability.isReachedLimitMessage}} </div> </div> {{/availability.isMaxQtyAllowedReached}} {{/availability.isReachedLimit}} {{#availability}} {{^availability.isReachedLimit}} <div class="b-availability m-outofstock" aria-label="Disponibilité"> <span class="b-availability-icon"> <svg width="20" height="20" viewBox="0 0 20 20" focusable="false"> <circle cx="10" cy="10" r="10" fill="currentColor"/> <path stroke="#ffffff" stroke-linejoin="round" stroke-width="2" d="M6 6l8 8m-8 0l8-8"/> </svg> </span> <div class="b-availability-status"> En rupture de stock </div> </div> {{/availability.isReachedLimit}} {{/availability}} {{/available}} </div> {{#discountLineItems}} {{#isNotFull}} <div class="b-cart_product-select_bonus"> <button class="b-button m-cta m-small" type="button" data-widget="button" data-widget-event-click="showBonusProductDialog" data-event-click="handleClick" data-bonus-url=" {{#hasSelectedBonuses}} /on/demandware.store/Sites-DickiesCA-Site/fr_CA/Cart-EditBonusProduct {{/hasSelectedBonuses}} {{^hasSelectedBonuses}} /on/demandware.store/Sites-DickiesCA-Site/fr_CA/Product-ShowBonusProducts {{/hasSelectedBonuses}} " data-bonus-product-title=" {{#hasSelectedBonuses}} Modifiez vos produits en prime {{/hasSelectedBonuses}} {{^hasSelectedBonuses}} Sélectionnez vos articles en prime {{/hasSelectedBonuses}} " data-duuid="{{uuid}}" data-pliuuid="{{pliUUID}}" data-maxpids="{{maxPids}}" data-pagestart="0" data-pagesize="0" > Choisir les produits en prime </button> </div> {{/isNotFull}} {{/discountLineItems}} {{#productTypeBundle}} <section class="b-product_line-bundle"> <h4 class="b-product_line-bundle_title">Ce qui est inclus:</h4> {{#bundledProductLineItems}} <p class="b-product_line-bundle_item">{{quantity}} x {{productName}}</p> {{/bundledProductLineItems}} </section> {{/productTypeBundle}} </div> <div class="l-cart_product-qty m-selector"> <div class="b-cart_product-qty"> <div class="b-form_field" data-widget="inputStepper" data-line-item-min-order-quantity="{{quantityOptions.minOrderQuantity}}" data-widget-event-change="updateQty" data-widget-event-dismiss="dismissQty" data-uuid="{{UUID}}" data-pid="{{id}}" data-action="{{actionUrls.updateQuantityUrl}}" data-remove-action="{{actionUrls.removeProductLineItemUrl}}" data-skip-validation="true" data-tau-product-id="{{id}}" data-id="quantityStepper-{{UUID}}" data-name="{{productName}}" data-analytics="{{gtmInfoStr}}" > <label class="b-form_field-label m-wai" for="quantity-{{UUID}}" > Quantité </label> <div class="b-stepper"> <div class="b-stepper-button" role="button" tabindex="-1" aria-hidden="true" data-ref="buttonDecrease" data-event-click="decrement" > <svg aria-hidden="true" width="10" height="10" viewBox="0 0 10 10" focusable="false"> <path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M10 5C10 4.58579 9.66421 4.25 9.25 4.25H0.75C0.335786 4.25 0 4.58579 0 5C0 5.41421 0.335786 5.75 0.75 5.75H9.25C9.66421 5.75 10 5.41421 10 5Z"/> </svg> </div> <input id="quantity-{{UUID}}" class="b-stepper-input" role="spinbutton" aria-describedby="quantity-{{UUID}}-error" aria-valuemax="{{quantityOptions.maxOrderQuantity}}" aria-valuemin="0" data-step="{{quantityOptions.step}}" aria-valuenow="{{quantity}}" value="{{quantity}}" name="quantity-{{UUID}}" required="required" type="text" inputmode="numeric" data-ref="field" data-tau="cart_product_quantity" data-event-keydown="handleKeydown" data-event-input="handleInput" data-event-change="handleChange" data-event-blur="handleBlur" data-all-quantity-by-id="{{allQuantityByID}}" {{^available}}{{^availability.isReachedLimit}}disabled{{/availability.isReachedLimit}}{{/available}} /> <div class="b-stepper-button" role="button" tabindex="-1" aria-hidden="true" data-ref="buttonIncrease" data-event-click="increment" {{#quantityOptions.isIncrementDisabled}}disabled{{/quantityOptions.isIncrementDisabled}} > <svg aria-hidden="true" width="10" height="10" viewBox="0 0 10 10" focusable="false"> <path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M5.75 9.25C5.75 9.66421 5.41421 10 5 10C4.58579 10 4.25 9.66421 4.25 9.25V5.75H0.75C0.335786 5.75 0 5.41421 0 5C0 4.58579 0.335787 4.25 0.75 4.25H4.25V0.75C4.25 0.335786 4.58579 0 5 0C5.41421 0 5.75 0.335786 5.75 0.75V4.25H9.25C9.66421 4.25 10 4.58579 10 5C10 5.41421 9.66421 5.75 9.25 5.75H5.75V9.25Z"/> </svg> </div> </div> <div class="b-form_field-message" id="quantity-{{UUID}}-error" role="alert" data-ref="errorFeedback" hidden="hidden" ></div> </div> </div> </div> <div class="l-cart_product-actions"> {{^productTypeStandard}} {{^productTypeBundle}} <button class="b-cart_product-edit b-button m-link m-small" aria-label="Modifier {{productName}}" title="Modifier" data-event-click.prevent="editProduct" data-href="/on/demandware.store/Sites-DickiesCA-Site/fr_CA/Cart-GetProduct" data-uuid="{{UUID}}" data-analytics="{{gtmInfoStr}}" data-tau="cart_product_edit" data-edit-mode-qv="true" > Modifier </button> {{/productTypeBundle}} {{/productTypeStandard}} <button type="button" class="b-cart_product-wishlist b-button m-link m-small" data-id="addToWishlist" data-widget="button" data-product-id="{{id}}" data-event-click="handleClick" data-widget-event-click="wishlistButtonClickHandler" data-classes-active="m-added" data-tau="product_addToWishList" > <span class="b-wishlist_button-text" data-ref="container"> Sauvegarder pour plus tard </span> </button> <button class="b-cart_product-remove b-button m-link m-small" type="button" data-event-click="removeProduct" data-pid="{{id}}" data-name="{{productName}}" data-quantity="{{quantity}}" data-action="{{actionUrls.removeProductLineItemUrl}}" data-uuid="{{UUID}}" data-analytics="{{gtmInfoStr}}" data-tau="cart_product_remove" data-custom-option-value="{{options.customOptionValue}}" {{#options}} data-option-id="{{optionId}}" data-option-value="{{selectedValueId}}" {{/options}} > Retirer </button> </div> </section> {{#hasEmbeddedBonusProducts}} {{#bonusProducts}} <div class="l-cart_product-info_msg m-gift b-cart_product"> <div class="b-cart_product-subtitle" data-tau="cart_product_gift" > Un cadeau pour vous : </div> </div> {{^available}} <div class="l-cart_product-info_msg b-cart_product"> <div class="b-cart_product-msg b-message m-error m-small" role="alert"> {{#availability}} {{#availability.isReachedLimit}} {{availability.messages}} {{/availability.isReachedLimit}} {{^availability.isReachedLimit}} Désolé, cet article n’est plus offert. Veuillez le retirer de votre panier pour continuer. {{/availability.isReachedLimit}} {{/availability}} {{#noProduct}} Ce produit a été supprimé de notre catalogue en ligne. Veuillez le supprimer de votre panier d’achat pour pouvoir passer à la caisse. {{/noProduct}} </div> </div> {{/available}} {{#actionErrorMessage}} {{^noProduct}} <div class="l-cart_product-info_msg b-cart_product"> <div class="b-cart_product-msg b-message m-error m-small" role="alert"> {{actionErrorMessage}} </div> </div> {{/noProduct}} {{/actionErrorMessage}} <section class="l-cart_product b-cart_product m-bonus" id="cart_item_{{UUID}}" data-tau="cart_product_item" data-tau-product-id="{{id}}" > <div class="l-cart_product-image"> <picture class="b-cart_product-picture" data-tau=cart_product_image > {{#images.cart.0.sources}} <source media="{{media}}" srcset="{{srcset}}"/> {{/images.cart.0.sources}} <img src="{{images.cart.0.url}}" alt="{{images.cart.0.alt}}" width="172" height="172" loading="lazy" /> </picture> </div> <div class="l-cart_product-details"> <h2 class="b-cart_product-title" data-tau="cart_product_name"> {{#isBonusProductLineItem}} {{productName}} {{/isBonusProductLineItem}} {{^isBonusProductLineItem}} <a class="b-cart_product-title_link" href="{{link}}" data-list="cart" > {{productName}} </a> {{/isBonusProductLineItem}} </h2> <div class="b-cart_product-price m-item_price m-{{UUID}}"> {{#isBonusProductLineItem}} <span class="b-price"> <span class="b-price-item m-free"> Gratuit </span> </span> {{/isBonusProductLineItem}} {{^isBonusProductLineItem}} <div class="b-price" data-widget="label" data-id="priceBlock" data-tau-price="{{#price.isRangePrice}}price-range{{/price.isRangePrice}}{{#price.isDefaultPrice}}product_price{{/price.isDefaultPrice}}" > {{#price.isDefaultPrice}} {{#price.list}} <span class="b-sr_only">Était</span> <span class="b-price-item m-old" data-tau-price="old"> {{price.list.formatted}} </span> <span class="b-sr_only">, est</span> {{/price.list}} <span class="b-price-item {{#price.list}}m-new{{/price.list}} {{#price.isClearancePrice}}m-label{{/price.isClearancePrice}}" data-tau-price="{{#price.list}}new{{/price.list}}{{^price.list}}list{{/price.list}}" > {{price.sales.formatted}} {{#price.isClearancePrice}} <span class="b-price-label"> Liquidation </span> {{/price.isClearancePrice}} </span> {{#price.sales.discount}} <span class="b-price-badge"> -{{price.sales.discount}}% </span> {{/price.sales.discount}} {{/price.isDefaultPrice}} {{#price.isRangePrice}} {{#price.isListPriceAvailable}} <span class="b-sr_only">Était</span> {{#price.isListPriceRange}} <span class="b-price-item m-old" data-tau-price="old"> <span class="b-price-to b-sr_only">De</span> {{price.listMin.sales.formatted}} <span class="b-price-divider">-</span> <span class="b-price-to b-sr_only">à</span> {{price.listMax.sales.formatted}} </span> {{/price.isListPriceRange}} {{^price.isListPriceRange}} <span class="b-price-item m-old" data-tau-price="old"> {{price.listMin.sales.formatted}} </span> {{/price.isListPriceRange}} <span class="b-sr_only">, est</span> {{/price.isListPriceAvailable}} <span class="b-price-item {{#price.isListPriceAvailable}}m-new{{/price.isListPriceAvailable}} {{#price.isClearancePrice}}m-label{{/price.isClearancePrice}}" data-tau-price="{{#price.isListPriceAvailable}}new{{/price.isListPriceAvailable}}{{^price.isListPriceAvailable}}list{{/price.isListPriceAvailable}}" > {{#price.min.sales}} <span class="b-price-to b-sr_only">De</span> {{price.min.sales.formatted}} {{/price.min.sales}} {{#price.max.sales}} <span class="b-price-divider">-</span> <span class="b-price-to b-sr_only">à</span> {{price.max.sales.formatted}} {{/price.max.sales}} {{#price.isClearancePrice}} <span class="b-price-label"> Liquidation </span> {{/price.isClearancePrice}} </span> {{/price.isRangePrice}} </div> {{/isBonusProductLineItem}} </div> {{#variationAttributes}} <p class="b-cart_product-attribute"> {{displayName}}: <span class="b-cart_product-attribute_value" data-tau-{{displayName}}-id="{{#lower}}{{displayValue}}{{/lower}}" > {{displayValue}} </span> </p> {{/variationAttributes}} {{#options}} <p class="b-cart_product-attribute m-options" data-option-id="{{optionId}}" data-value-id="{{selectedValueId}}" > {{displayName}}: <span class="b-cart_product-attribute_value" data-tau-{{displayName}}-id="{{#lower}}{{displayValue}}{{/lower}}" > {{displayValue}} </span> </p> {{/options}} </div> <div class="l-cart_product-qty"> <div class="b-cart_product-qty"> <span class="b-cart_product-qty_caption"> Qté: </span> 1 </div> </div> <div class="l-cart_product-actions"> {{#discountLineItem}} <button data-widget="button" class="b-cart_product-edit b-button m-link m-small" title="Modifier" data-event-click="handleClick" data-widget-event-click="showBonusProductDialog" data-bonus-url="/on/demandware.store/Sites-DickiesCA-Site/fr_CA/Cart-EditBonusProduct" data-bonus-product-title="Modifiez vos produits en prime" data-duuid="{{uuid}}" data-pliuuid="{{pliUUID}}" data-maxpids="{{maxPids}}" data-tau="cart_product_edit" data-edit-mode-qv="true" > Modifier </button> {{/discountLineItem}} <button class="b-cart_product-remove b-button m-link m-small" title="Retirer" aria-label="Retirer {{productName}}" type="button" data-event-click="removeProduct" data-pid="{{id}}" data-name="{{productName}}" data-quantity="{{quantity}}" data-action="{{actionUrls.removeProductLineItemUrl}}" data-uuid="{{UUID}}" data-analytics="{{gtmInfoStr}}" data-tau="cart_product_remove" data-custom-option-value="{{options.customOptionValue}}" data-skip-confirmation=true {{#options}} data-option-id="{{optionId}}" data-option-value="{{selectedValueId}}" {{/options}} {{^discountLineItem}} hidden="hidden" {{/discountLineItem}} > Retirer </button> </div> </section> {{/bonusProducts}} {{/hasEmbeddedBonusProducts}} {{/items}} {{#giftCertificateItems}} <section class="l-cart_product b-cart_product" id="cart_item_{{UUID}}" data-pid="{{productId}}" data-widget="cartItem" data-tau="cart_product_item" data-forward-to-parent="updateQty:dismissQty:removeProduct:editProduct:showBonusProductDialog" data-text-added-to-wishlist="Supprimer de la liste de souhaits" data-original-wishlist-button-message="Sauvegarder pour plus tard" data-analytics="{{gtmInfoStr}}" data-accessibility-alerts='{ "addedtowishlist": "Le produit a été ajouté à la liste de souhaits", "removedfromwishlist": "Le produit a été supprimé de la liste de souhaits" }' {{#isBonusProductLineItem}} data-tau-product-id="{{id}}" {{/isBonusProductLineItem}} > <div class="l-cart_product-image"> <a href="{{link}}" class="b-cart_product-image_link" data-list="cart" data-analytics="{{gtmInfoStr}}" tabindex="-1" > <picture class="b-cart_product-picture" data-tau=cart_product_image > {{#images.cart.0.sources}} <source media="{{media}}" srcset="{{srcset}}"/> {{/images.cart.0.sources}} <img src="{{images.cart.0.url}}" alt="{{images.cart.0.alt}}" width="172" height="172" loading="lazy" /> </picture> </a> </div> <div class="l-cart_product-details"> <h2 class="b-cart_product-title" data-tau="cart_product_name"> {{#isBonusProductLineItem}} {{productName}} {{/isBonusProductLineItem}} {{^isBonusProductLineItem}} <a class="b-cart_product-title_link" href="{{link}}" data-list="cart" > {{productName}} </a> {{/isBonusProductLineItem}} </h2> <div class="b-cart_product-price m-item_price m-{{UUID}}"> {{#isBonusProductLineItem}} <span class="b-price"> <span class="b-price-item m-free"> Gratuit </span> </span> {{/isBonusProductLineItem}} {{^isBonusProductLineItem}} <div class="b-price" data-widget="label" data-id="priceBlock" data-tau-price="{{#price.isRangePrice}}price-range{{/price.isRangePrice}}{{#price.isDefaultPrice}}product_price{{/price.isDefaultPrice}}" > {{#price.isDefaultPrice}} {{#price.list}} <span class="b-sr_only">Était</span> <span class="b-price-item m-old" data-tau-price="old"> {{price.list.formatted}} </span> <span class="b-sr_only">, est</span> {{/price.list}} <span class="b-price-item {{#price.list}}m-new{{/price.list}} {{#price.isClearancePrice}}m-label{{/price.isClearancePrice}}" data-tau-price="{{#price.list}}new{{/price.list}}{{^price.list}}list{{/price.list}}" > {{price.sales.formatted}} {{#price.isClearancePrice}} <span class="b-price-label"> Liquidation </span> {{/price.isClearancePrice}} </span> {{#price.sales.discount}} <span class="b-price-badge"> -{{price.sales.discount}}% </span> {{/price.sales.discount}} {{/price.isDefaultPrice}} {{#price.isRangePrice}} {{#price.isListPriceAvailable}} <span class="b-sr_only">Était</span> {{#price.isListPriceRange}} <span class="b-price-item m-old" data-tau-price="old"> <span class="b-price-to b-sr_only">De</span> {{price.listMin.sales.formatted}} <span class="b-price-divider">-</span> <span class="b-price-to b-sr_only">à</span> {{price.listMax.sales.formatted}} </span> {{/price.isListPriceRange}} {{^price.isListPriceRange}} <span class="b-price-item m-old" data-tau-price="old"> {{price.listMin.sales.formatted}} </span> {{/price.isListPriceRange}} <span class="b-sr_only">, est</span> {{/price.isListPriceAvailable}} <span class="b-price-item {{#price.isListPriceAvailable}}m-new{{/price.isListPriceAvailable}} {{#price.isClearancePrice}}m-label{{/price.isClearancePrice}}" data-tau-price="{{#price.isListPriceAvailable}}new{{/price.isListPriceAvailable}}{{^price.isListPriceAvailable}}list{{/price.isListPriceAvailable}}" > {{#price.min.sales}} <span class="b-price-to b-sr_only">De</span> {{price.min.sales.formatted}} {{/price.min.sales}} {{#price.max.sales}} <span class="b-price-divider">-</span> <span class="b-price-to b-sr_only">à</span> {{price.max.sales.formatted}} {{/price.max.sales}} {{#price.isClearancePrice}} <span class="b-price-label"> Liquidation </span> {{/price.isClearancePrice}} </span> {{/price.isRangePrice}} </div> {{/isBonusProductLineItem}} </div> {{#attributes}} <p class="b-cart_product-attribute"> {{displayName}}: <span class="b-cart_product-attribute_value {{#isGiftCertificate}}m-gift_certificate{{/isGiftCertificate}} {{#isGiftCertificateEmail}}m-gift_certificate_email{{/isGiftCertificateEmail}}"> {{displayValue}} </span> </p> {{/attributes}} <div class="b-cart_product-price m-total m-{{UUID}}"> <span class="b-cart_product-price_each"> Sous-total: </span> <div class="b-price" data-tau="cart_product_total"> <span class="b-price-item"> {{price.sales.formatted}} </span> </div> </div> </div> <div class="l-cart_product-qty"> <div class="b-cart_product-qty"> <span class="b-cart_product-qty_caption"> Qté: </span> 1 </div> </div> <div class="l-cart_product-actions"> <button class="b-cart_product-edit b-button m-link m-small" aria-label="Modifier {{productName}}" title="Modifier" data-event-click.prevent="editProduct" data-gift-certificate="true" data-href="/on/demandware.store/Sites-DickiesCA-Site/fr_CA/Cart-GetGiftCertificateLineItem" data-uuid="{{UUID}}" data-analytics="{{gtmInfoStr}}" data-tau="cart_product_edit" > Modifier </button> <button type="button" class="b-cart_product-wishlist b-button m-link m-small" data-id="addToWishlist" data-widget="button" data-product-id="{{productId}}" data-event-click="handleClick" data-widget-event-click="wishlistButtonClickHandler" data-classes-active="m-added" data-tau="product_addToWishList" > <span class="b-wishlist_button-text" data-ref="container"> Sauvegarder pour plus tard </span> </button> <button class="b-cart_product-remove b-button m-link m-small" aria-label="Retirer {{productName}}" type="button" data-event-click="removeProduct" data-pid="{{productId}}" data-name="{{productName}}" data-quantity="1" data-action="{{actionUrls.removeGiftCertificateUrl}}" data-uuid="{{UUID}}" data-analytics="{{gtmInfoStr}}" data-tau="cart_product_remove" > Retirer </button> </div> </section> {{/giftCertificateItems}} {{/numItems}} </main> {{#numItems}} <aside class="l-cart-aside"> {{#shipments.0.shippingMethodsShowInCart.length}} <h2 class="l-cart-aside_title m-cart_shipping" id="cart-aside-shipping-methods-title"> Mode de livraison </h2> <div class="b-summary_section m-cart_shipping" data-widget="radioSelector" data-widget-event-change="selectShippingMethodOnCart" data-tau="shipping_method_list" role="group" aria-labelledby="cart-aside-shipping-methods-title" > {{#shipments.0.shippingMethodsShowInCart}} <div class="b-option_switch m-cart"> <div class="b-option_switch-inner"> <input id="shippingMethod-{{ID}}" class="b-option_switch-input" type="radio" value="{{ID}}" name="cartShippingMethod" data-value="{{ID}}" data-ref="field" data-event-change="update" data-tau-shipping-id="{{ID}}" {{#selected}}checked{{/selected}} /> <div class="b-option_switch-icon"></div> <label class="b-option_switch-label" for="shippingMethod-{{ID}}" > <div class="b-option_switch-label_surface m-flex"> <span class="b-option_switch-name" data-tau="shipping_name"> {{displayName}}: {{#estimatedArrivalTime}} <span class="b-option_switch-description"> {{estimatedArrivalTime}} </span> {{/estimatedArrivalTime}} </span> <div class="b-price"> {{#shippingCost.shippingPriceAdjusted}} <div class="b-price-item m-old"> {{shippingCost.shippingPriceBase}} </div> <div class="b-price-item" data-tau="shipping_price"> {{shippingCost.shippingPriceAdjusted}} </div> {{/shippingCost.shippingPriceAdjusted}} {{^shippingCost.shippingPriceAdjusted}} <div class="b-price-item {{#shippingCost.isFree}}m-free{{/shippingCost.isFree}}" data-tau="shipping_price"> {{shippingCost.shippingPriceBase}} </div> {{/shippingCost.shippingPriceAdjusted}} </div> </div> {{#shippingCost.priceAdjustments}} <div class="b-option_switch-promotion"> <div class="b-promotion"> <div class="b-promotion-message m-alternative">{{{calloutMsg}}}</div> </div> </div> {{/shippingCost.priceAdjustments}} </label> </div> </div> {{/shipments.0.shippingMethodsShowInCart}} <div role="alert" class="b-form_field-message" data-ref="errorFeedback" hidden="hidden" ></div> </div> {{/shipments.0.shippingMethodsShowInCart.length}} <h2 class="l-cart-aside_title" id="cart-aside-title"> Sommaire de la commande </h2> <div class="b-summary_section"> {{#approachingDiscounts.length}} {{#approachingDiscounts}} <div class="b-promotion" role="alert"> <div class="b-promotion-message m-centered m-approaching"> {{{discountMsg}}} <div class="b-cart_progress"> <div class="b-cart_progress-indicator"> <div class="b-cart_progress-value" style="width:{{percentages}}%;"></div> </div> </div> </div> </div> {{/approachingDiscounts}} {{/approachingDiscounts.length}} </div> <div class="b-summary_section" data-tau="summary"> <table class="b-summary_table"> {{#totals.subTotal}} <tr class="b-summary_table-item"> <th scope="row" class="b-summary_table-name"> <span class="b-summary_table-name_text">Sous-total</span> </th> <td class="b-summary_table-value" data-tau="summary_subtotal_value"> {{totals.subTotal.formatted}} </td> </tr> {{/totals.subTotal}} {{#totals.orderDiscounts}} <tr class="b-summary_table-item m-discount" data-tau="order_promo"> <th scope="row" class="b-summary_table-name"> {{{callOutMsg}}} </th> <td class="b-summary_table-value" data-tau="summary_order_promo_value"> {{price}} </td> </tr> {{/totals.orderDiscounts}} {{#totals.giftCertificateDiscount}} <tr class="b-summary_table-item m-discount" data-tau="order_promo"> <th scope="row" class="b-summary_table-name"> Chèque-cadeau </th> <td class="b-summary_table-value" data-tau="summary_order_promo_value"> {{price}} </td> </tr> {{/totals.giftCertificateDiscount}} {{#totals.hasShippingCost}} {{#shipments.0.shippingMethods.length}} <tr class="b-summary_table-item"> <th scope="row" class="b-summary_table-name"> Est. {{#shipments}} {{#shippingMethods}} {{#selected}} <span data-tau="summary_shipping">{{displayName}}</span> {{/selected}} {{/shippingMethods}} {{/shipments}} </th> <td class="b-summary_table-value {{#totals.totalShippingCostObject.isFree}}m-free_shipping{{/totals.totalShippingCostObject.isFree}}" data-tau="summary_shipping_value" > {{#totals.totalShippingCostObject.isFree}} Gratuit {{/totals.totalShippingCostObject.isFree}} {{^totals.totalShippingCostObject.isFree}} {{totals.totalShippingCostObject.formatted}} {{/totals.totalShippingCostObject.isFree}} </td> </tr> {{/shipments.0.shippingMethods.length}} {{/totals.hasShippingCost}} {{#totals.shippingDiscounts}} <tr class="b-summary_table-item m-discount" data-tau="shipping_promo"> <th scope="row" class="b-summary_table-name"> {{{callOutMsg}}} </th> <td class="b-summary_table-value" data-tau="summary_shipping_promo_value"> {{price}} </td> </tr> {{/totals.shippingDiscounts}} {{#totals.showTotalTax}} <tr class="b-summary_table-item"> <th scope="row" class="b-summary_table-name m-tooltip" data-tau="summary_tax"> <span class="b-summary_table-name_text">Taxe de vente</span> <div class="b-tooltip m-right m-order_summary"> <button class="b-tooltip-button" type="button" aria-label="En savoir plus sur la taxe de vente" > <svg width="24" height="24" viewBox="0 0 16 16" focusable="false" fill="none"> <use href="#help"></use> </svg> </button> <div class="b-tooltip-container" id="tooltip"> La taxe de vente est calculée en fonction de l’adresse de livraison </div> </div> </th> <td class="b-summary_table-value" data-tau="summary_tax_value"> {{totals.totalTax.formatted}} </td> </tr> {{/totals.showTotalTax}} {{#totals.shippingFees}} <tr class="b-summary_table-item"> <th scope="row" class="b-summary_table-name" data-tau="summary_shipping_fee"> {{{callOutMsg}}} {{{callOutMsgTooltip}}} </th> <td class="b-summary_table-value" data-tau="summary_shipping_fee_value"> {{price}} </td> </tr> {{/totals.shippingFees}} <tr class="b-summary_table-item m-total"> <th scope="row" class="b-summary_table-name"> Total {{^totals.isNetTaxPolicy}} <p class="b-summary_table-tax">TVA incluse</p> {{/totals.isNetTaxPolicy}} </th> <td class="b-summary_table-value" data-tau="summary_total_value"> {{totals.grandTotal.formatted}} </td> </tr> </table> </div> <section class="b-summary_section m-promo_code" aria-label="Code de promotion"> <div class="b-coupon_form" data-widget="disclosure" data-tau="coupon_form" {{#totals.hasCouponDiscounts}} data-show-on-init="true" data-show-on-refresh="true" {{/totals.hasCouponDiscounts}} {{^totals.hasCouponDiscounts}} data-show-on-refresh="false" {{/totals.hasCouponDiscounts}} > <button type="button" data-event-click="toggleContent" aria-controls="coupon-form" data-ref="disclosureButton" class="b-coupon_form-title" data-tau="coupon_form_title" > Appliquer le code promotionnel <span class="b-icon_chevron"></span> </button> <div data-ref="disclosureContent" id="coupon-form" class="b-coupon_form-content" > <form class="b-coupon_form-content_inner b-form" name="promo-code-form" novalidate action="{{actionUrls.submitCouponCodeUrl}}" method="POST" data-remove-coupon-url="/on/demandware.store/Sites-DickiesCA-Site/fr_CA/Cart-RemoveCouponLineItem" data-widget="couponform" data-error-message-label="errorFeedback" data-event-submit.prevent="handleSubmit" > <div class="b-form_field m-required m-animated " data-widget="inputText" data-id="dwfrm_coupon_couponCode" data-show-animation="true" data-validation-config="{"patterns":{"security":"^[^<>\\{\\}\\[\\]!$%*+:=?@^~_]+$"},"errors":{"required":"Aucun code de promotion n’a été saisi","minLength":"Le champ Code de promotion doit être composé d’au moins 2 caractères","maxLength":"Le champ Code de promotion ne doit pas comporter plus de 256 caractères","security":"Veuillez saisir un Code de promotion valide"},"mandatory":true,"minLength":2,"maxLength":256}" > <input type="text" class="b-input " id="dwfrm_coupon_couponCode" placeholder="Entrez votre code de promotion" aria-describedby="dwfrm_coupon_couponCode-error" aria-label="Code de promotion" pattern="^[^<>\{\}\[\]!$%*+:=?@^~_]+$" name='dwfrm_coupon_couponCode' value required maxLength='256' minLength='2' data-id='couponCode' data-tau='coupon_code_input' data-ref="field" /> <div class="b-form_field-message" role="alert" data-ref="errorFeedback" id="dwfrm_coupon_couponCode-error" hidden="hidden" ></div> <div class="b-form_field-caption" id="dwfrm_coupon_couponCode-caption" > Les minuscules, les majuscules et les traits d’union doivent être exacts </div> </div> <button type="submit" class="b-button m-outline" data-widget="button" data-widget-event-click="handleSubmit" data-event-click.prevent="handleClick" data-id="submitButton" data-tau="coupon_submit" > Appliquer </button> <div role="alert" class="b-coupon_form-error" data-ref="couponDeletionMsg" hidden="hidden" ></div> {{#totals.discounts}} {{#isCouponDiscount}} <div class="b-coupon {{^applied}}m-not_applied{{/applied}}" data-uuid="{{UUID}}" data-tau="coupon" > <div class="b-coupon-head" data-tau="coupon_head"> <span class="b-coupon-code">"{{couponCode}}"</span> {{#applied}} <span class="b-coupon-status m-applied">a été appliqué avec succès.</span> {{/applied}} {{^applied}} <span class="b-coupon-status m-not_applied"> {{#totals.onlyOneCouponDiscount}} ajouté, mais non appliqué. {{/totals.onlyOneCouponDiscount}} {{^totals.onlyOneCouponDiscount}} ne peuvent pas être jumelés avec d’autres codes de promotion déjà présents dans votre panier. {{/totals.onlyOneCouponDiscount}} </span> {{/applied}} <button class="b-coupon-remove" type="button" data-event-click="removeCoupon" data-code="{{couponCode}}" data-toggle="modal" data-uuid="{{UUID}}" data-tau="coupon_remove" > Retirer </button> </div> </div> {{/isCouponDiscount}} {{/totals.discounts}} </form> </div> </div> </section> <section data-widget="checkoutButtons" data-widget-event-click="proceedToCheckout" data-widget-event-error="showError" data-tau="cart_bottom_section" class="b-summary_section m-payments" aria-label="Actions sur le panier" > <div class="b-cart_actions"> <a href="https://www.dickies.ca/fr/checkout" class="b-cart_actions-button m-width_full b-button {{#valid.error}}m-disabled{{/valid.error}}" data-event-click="proceedToCheckout" {{#valid.error}} data-error="true" aria-label="{{valid.message}}" aria-disabled="true" {{/valid.error}} data-tau="start_checkout_bottom" > Paiement sécurisé </a> </div> {{#totals.grandTotal.value}} {{^hideExpressMethods}} <p data-ref="delimiter" class="b-summary_section-or" hidden> ou </p> {{/hideExpressMethods}} {{/totals.grandTotal.value}} </section> {{^hideExpressMethods}} {{/hideExpressMethods}} <section class="b-summary_section"> {{#promoAlerts}} <div class="b-promotion m-alert"> {{{.}}} </div> {{/promoAlerts}} </section> <section class="b-summary_section m-accepted_methods" aria-labelledby="scs-bottom-slot-title">  <div class="b-accepted_payments"> <h2 class="b-accepted_payments-title" id="scs-bottom-slot-title">Modes de paiement offerts</h2> <div class="b-accepted_payments-icons"> <svg width="30" height="20" viewBox="0 0 30 20" fill="none" focusable="false" aria-label="Visa"> <rect x="0.5" y="0.5" width="29" height="19" rx="3" fill="#FFFFFF" stroke="#DBDBDB"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.79448 13.2152H8.07803L6.7909 8.16031C6.72981 7.92779 6.60009 7.72222 6.40928 7.62534C5.93309 7.38186 5.40837 7.18809 4.83594 7.09036V6.89575H7.601C7.98262 6.89575 8.26884 7.18809 8.31654 7.52761L8.98437 11.1739L10.7 6.89575H12.3687L9.79448 13.2152ZM13.3222 13.215H11.7012L13.036 6.89551H14.657L13.3222 13.215ZM16.7545 8.64643C16.8022 8.30606 17.0885 8.11145 17.4224 8.11145C17.9471 8.06259 18.5187 8.16032 18.9957 8.40295L19.2819 7.04234C18.8049 6.84773 18.2802 6.75 17.804 6.75C16.2307 6.75 15.0858 7.62534 15.0858 8.8402C15.0858 9.7644 15.8967 10.2497 16.4692 10.542C17.0885 10.8335 17.327 11.0281 17.2793 11.3196C17.2793 11.7569 16.8022 11.9515 16.3261 11.9515C15.7536 11.9515 15.1812 11.8057 14.6573 11.5623L14.3711 12.9237C14.9435 13.1663 15.5628 13.2641 16.1352 13.2641C17.8994 13.3121 18.9957 12.4376 18.9957 11.125C18.9957 9.47206 16.7545 9.37518 16.7545 8.64643ZM24.6702 13.215L23.383 6.89551H22.0005C21.7143 6.89551 21.4281 7.09012 21.3327 7.38162L18.9492 13.215H20.618L20.951 12.2916H23.0014L23.1922 13.215H24.6702ZM22.2375 8.59766L22.7137 10.9794H21.3789L22.2375 8.59766Z" fill="#172B85"/> </svg> <svg width="30" height="20" viewBox="0 0 30 20" fill="none" focusable="false" aria-label="Master Card"> <rect x="0.5" y="0.5" width="29" height="19" rx="3" fill="#FFFFFF" stroke="#DBDBDB"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M14.8178 14.0245C13.8311 14.8562 12.5511 15.3583 11.1525 15.3583C8.0318 15.3583 5.50195 12.8586 5.50195 9.77498C5.50195 6.69139 8.0318 4.19165 11.1525 4.19165C12.5511 4.19165 13.8311 4.69373 14.8178 5.52544C15.8045 4.69373 17.0844 4.19165 18.483 4.19165C21.6037 4.19165 24.1336 6.69139 24.1336 9.77498C24.1336 12.8586 21.6037 15.3583 18.483 15.3583C17.0844 15.3583 15.8045 14.8562 14.8178 14.0245Z" fill="#ED0006"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M14.8174 14.0245C16.0323 13.0004 16.8027 11.4766 16.8027 9.77498C16.8027 8.07335 16.0323 6.54952 14.8174 5.52543C15.8041 4.69373 17.084 4.19165 18.4826 4.19165C21.6033 4.19165 24.1332 6.69139 24.1332 9.77498C24.1332 12.8586 21.6033 15.3583 18.4826 15.3583C17.084 15.3583 15.8041 14.8562 14.8174 14.0245Z" fill="#F9A000"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M14.8173 14.0246C16.0323 13.0005 16.8027 11.4767 16.8027 9.77504C16.8027 8.07343 16.0323 6.5496 14.8173 5.52551C13.6024 6.5496 12.832 8.07343 12.832 9.77504C12.832 11.4767 13.6024 13.0005 14.8173 14.0246Z" fill="#FF5E00"/> </svg> <svg width="30" height="20" viewBox="0 0 30 20" fill="none" focusable="false" aria-label="American Express"> <rect x="1" y="1" width="28" height="18" rx="2" fill="#2557D6"/> <path d="M0.842955 9.39502H2.20305L2.50972 8.68629H3.19629L3.50216 9.39502H6.17826V8.85321L6.41714 9.39738H7.80637L8.04525 8.84514V9.39505H14.6959L14.6928 8.23166H14.8215C14.9115 8.23468 14.9379 8.24264 14.9379 8.38518V9.39505H18.3776V9.12424C18.6551 9.26664 19.0866 9.39505 19.6544 9.39505H21.1015L21.4112 8.68633H22.0977L22.4006 9.39505H25.1892V8.72185L25.6115 9.39505H27.8461V4.9447H25.6346V5.47027L25.325 4.9447H23.0557V5.47027L22.7713 4.9447H19.7061C19.193 4.9447 18.742 5.01332 18.3777 5.20455V4.9447H16.2624V5.20455C16.0305 5.00744 15.7146 4.9447 15.3633 4.9447H7.63524L7.11671 6.09411L6.5842 4.9447H4.15015V5.47027L3.88272 4.9447H1.80684L0.842773 7.06057V9.39495H0.842882L0.842955 9.39502ZM9.42835 8.75313H8.61231L8.60929 6.25409L7.45502 8.75309H6.7561L5.59881 6.25187V8.75309H3.97974L3.67387 8.04139H2.01641L1.70745 8.75309H0.842846L2.26833 5.56229H3.45108L4.80493 8.58334V5.56229H6.10419L7.14596 7.72687L8.10294 5.56229H9.42831L9.42835 8.75313ZM3.40179 7.37916L2.85697 6.10711L2.31516 7.37916H3.40179ZM12.6759 8.75306H10.0167V5.56225H12.6759V6.2267H10.8128V6.80186H12.6313V7.45591H10.8127V8.09315H12.6759L12.6759 8.75306ZM16.4234 6.42163C16.4234 6.93034 16.069 7.1932 15.8625 7.2721C16.0367 7.3356 16.1855 7.44785 16.2563 7.54081C16.3687 7.69952 16.3881 7.84126 16.3881 8.12625V8.75306H15.5851L15.5821 8.35067C15.5821 8.15868 15.6013 7.88257 15.4565 7.72905C15.3402 7.6168 15.1629 7.59246 14.8763 7.59246H14.0218V8.75309H13.2257V5.56225H15.0566C15.4634 5.56225 15.7632 5.57253 16.0205 5.71508C16.2724 5.85762 16.4234 6.0657 16.4234 6.42163ZM15.4172 6.8954C15.3077 6.95904 15.1784 6.96115 15.0233 6.96115H14.0563V6.25242H15.0365C15.1752 6.25242 15.32 6.25838 15.414 6.30996C15.5173 6.35646 15.5812 6.45537 15.5812 6.59203C15.5812 6.73153 15.5204 6.84374 15.4172 6.8954ZM17.7001 8.75306H16.8879V5.56225H17.7001V8.75306ZM27.129 8.75306H26.0009L24.4921 6.35816V8.75306H22.8709L22.5612 8.04135H20.9075L20.6071 8.75306H19.6754C19.2885 8.75306 18.7985 8.67107 18.5212 8.40015C18.2414 8.12922 18.0959 7.76225 18.0959 7.18201C18.0959 6.70879 18.1829 6.27618 18.525 5.93431C18.7823 5.67966 19.1854 5.56225 19.7339 5.56225H20.5046V6.24595H19.75C19.4595 6.24595 19.2954 6.28736 19.1375 6.43496C19.0018 6.56933 18.9087 6.82329 18.9087 7.15775C18.9087 7.49958 18.9796 7.74609 19.1275 7.90709C19.25 8.03336 19.4728 8.07165 19.6823 8.07165H20.0398L21.1617 5.56236H22.3545L23.7023 8.5804V5.5624H24.9143L26.3136 7.78463V5.5624H27.129V8.75306ZM22.2903 7.37919L21.7394 6.10715L21.1915 7.37919H22.2903ZM29.1574 13.8482C28.9641 14.1191 28.5873 14.2564 28.0772 14.2564H26.5399V13.5721H28.071C28.2228 13.5721 28.3291 13.5529 28.3931 13.493C28.4536 13.4395 28.4877 13.3639 28.4872 13.2849C28.4872 13.1919 28.4486 13.1181 28.39 13.0738C28.3322 13.0251 28.2482 13.003 28.1095 13.003C27.3621 12.9787 26.4296 13.0251 26.4296 12.0151C26.4296 11.5523 26.7363 11.065 27.5717 11.065H29.1573V10.43H27.684C27.2395 10.43 26.9164 10.5321 26.6877 10.6906V10.43H24.5087C24.1601 10.43 23.7511 10.5128 23.5577 10.6906V10.43H19.6664V10.6906C19.3568 10.4766 18.8342 10.43 18.593 10.43H16.0263V10.6906C15.7813 10.4633 15.2365 10.43 14.9043 10.43H12.0318L11.3745 11.1116L10.7588 10.43H6.46752V14.8833H10.6778L11.3551 14.1908L11.9932 14.8833L14.5884 14.8855V13.8379H14.8435C15.1878 13.843 15.594 13.8296 15.9522 13.6812V14.8831H18.0929V13.7224H18.1961C18.3279 13.7224 18.3409 13.7276 18.3409 13.8537V14.883H24.8437C25.2565 14.883 25.6881 14.7818 25.9271 14.598V14.883H27.9897C28.4189 14.883 28.8381 14.8253 29.157 14.6778L29.1571 13.8481L29.1574 13.8482ZM16.2637 12.1352C16.2637 13.0218 15.5733 13.2049 14.8775 13.2049H13.8843V14.2754H12.3371L11.3568 13.2188L10.3382 14.2754H7.18497V11.0838H10.3866L11.366 12.1299L12.3786 11.0838H14.9222C15.5539 11.0838 16.2637 11.2513 16.2637 12.1352ZM9.93492 13.6041H7.97772V12.9691H9.72539V12.3179H7.97772V11.7376H9.97346L10.8442 12.6677L9.93492 13.6041ZM13.0884 13.9695L11.8663 12.6694L13.0884 11.4107V13.9695ZM14.8959 12.5504H13.8672V11.7376H14.9051C15.1926 11.7376 15.3921 11.8499 15.3921 12.1289C15.3921 12.405 15.2018 12.5504 14.8959 12.5504ZM20.2853 11.0838H22.9421V11.7438H21.0781V12.3241H22.8966V12.9752H21.0781V13.6102L22.9421 13.6131V14.2754H20.2852L20.2853 11.0838ZM19.2638 12.7922C19.441 12.8548 19.5859 12.9671 19.6538 13.0601C19.7662 13.2159 19.7824 13.3614 19.7857 13.6426V14.2754H18.9864V13.8761C18.9864 13.684 19.0057 13.3998 18.8577 13.2513C18.7415 13.137 18.5641 13.1097 18.2738 13.1097H17.423V14.2754H16.6231V11.0838H18.461C18.864 11.0838 19.1575 11.1009 19.4188 11.2344C19.67 11.3799 19.828 11.579 19.828 11.9432C19.828 12.4525 19.4733 12.7125 19.2638 12.7922ZM18.8139 12.3887C18.7074 12.4492 18.5758 12.4545 18.421 12.4545H17.4539V11.7377H18.434C18.5758 11.7377 18.7176 11.7406 18.8139 11.7953C18.9171 11.847 18.9788 11.9459 18.9788 12.0824C18.9788 12.2189 18.9171 12.3289 18.8139 12.3887ZM26 12.592C26.1551 12.7456 26.2381 12.9397 26.2381 13.2681C26.2381 13.9547 25.7905 14.2752 24.9876 14.2752H23.4372V13.5908H24.9814C25.1324 13.5908 25.2395 13.5718 25.3065 13.5118C25.3613 13.4625 25.4006 13.3907 25.4006 13.3037C25.4006 13.2107 25.3581 13.1369 25.3034 13.0926C25.2426 13.0439 25.1586 13.0218 25.0199 13.0218C24.2755 12.9975 23.3432 13.0439 23.3432 12.034C23.3432 11.5711 23.6467 11.0838 24.4813 11.0838H26.0772V11.7631H24.617C24.4723 11.7631 24.3781 11.7684 24.2981 11.8208C24.2109 11.8724 24.1786 11.9491 24.1786 12.0503C24.1786 12.1707 24.2526 12.2526 24.3527 12.2881C24.4367 12.3161 24.5269 12.3242 24.6625 12.3242L25.091 12.3354C25.5231 12.3454 25.8197 12.417 26 12.592ZM29.1588 11.7376H27.708C27.5632 11.7376 27.4669 11.7428 27.3859 11.7953C27.3019 11.8469 27.2696 11.9236 27.2696 12.0249C27.2696 12.1453 27.3404 12.2272 27.4436 12.2626C27.5276 12.2906 27.6178 12.2988 27.7504 12.2988L28.1818 12.3099C28.6171 12.3202 28.9077 12.3919 29.0849 12.5668C29.1173 12.5911 29.1366 12.6184 29.1588 12.6458V11.7376H29.1588Z" fill="white"/> </svg> <svg width="30" height="20" viewBox="0 0 30 20" fill="none" focusable="false" aria-label="PayPal"> <rect x="0.5" y="0.5" width="29" height="19" rx="3" fill="#FFFFFF" stroke="#DBDBDB"/> <path d="M6.94855 7.00274C6.64345 6.79299 6.24531 6.68787 5.75414 6.68787H3.85259C3.70202 6.68787 3.61883 6.76317 3.60303 6.9136L2.83055 11.7625C2.82252 11.8101 2.83444 11.8536 2.86619 11.8932C2.89775 11.9329 2.93746 11.9527 2.98501 11.9527H3.88823C4.04665 11.9527 4.13372 11.8775 4.14971 11.7269L4.3636 10.4196C4.37141 10.3563 4.39927 10.3048 4.44682 10.2651C4.49434 10.2255 4.55377 10.1996 4.62508 10.1877C4.69638 10.176 4.76363 10.17 4.82712 10.17C4.89044 10.17 4.96567 10.174 5.05297 10.1819C5.14004 10.1898 5.19555 10.1937 5.21934 10.1937C5.90068 10.1937 6.43548 10.0017 6.82377 9.61734C7.21188 9.23311 7.40616 8.70031 7.40616 8.01883C7.40616 7.55138 7.25351 7.21267 6.94855 7.0026V7.00274ZM5.9681 8.45871C5.92836 8.73606 5.82548 8.9182 5.65911 9.00538C5.4927 9.09268 5.25501 9.13605 4.94606 9.13605L4.55384 9.14797L4.75592 7.87629C4.77169 7.78921 4.82316 7.74562 4.91038 7.74562H5.13626C5.45303 7.74562 5.68294 7.79128 5.82556 7.88224C5.9681 7.97342 6.01565 8.16566 5.9681 8.45871Z" fill="#003087"/> <path d="M27.0166 6.68787H26.1372C26.0498 6.68787 25.9984 6.73146 25.9827 6.81861L25.2102 11.7626L25.1982 11.7864C25.1982 11.8262 25.2141 11.8637 25.2459 11.8993C25.2774 11.9349 25.3172 11.9528 25.3647 11.9528H26.1492C26.2995 11.9528 26.3827 11.8776 26.3988 11.727L27.1712 6.86616V6.85435C27.1712 6.74345 27.1195 6.68798 27.0166 6.68798V6.68787Z" fill="#009CDE"/> <path d="M16.3911 8.60229C16.3911 8.56277 16.3752 8.52506 16.3436 8.48946C16.3118 8.45382 16.2762 8.43591 16.2366 8.43591H15.3215C15.2342 8.43591 15.1629 8.47573 15.1076 8.55474L13.8478 10.4088L13.3249 8.62612C13.2851 8.49941 13.198 8.43591 13.0635 8.43591H12.172C12.1323 8.43591 12.0966 8.45379 12.0651 8.48946C12.0333 8.52506 12.0176 8.5628 12.0176 8.60229C12.0176 8.61827 12.0948 8.85189 12.2493 9.3035C12.4038 9.75518 12.5702 10.2425 12.7485 10.7654C12.9268 11.2883 13.0198 11.5657 13.0277 11.5972C12.378 12.4847 12.0533 12.9601 12.0533 13.0234C12.0533 13.1265 12.1047 13.1779 12.2077 13.1779H13.1228C13.21 13.1779 13.2813 13.1384 13.3368 13.0591L16.3674 8.6854C16.3831 8.66967 16.3911 8.64207 16.3911 8.60225V8.60229Z" fill="#003087"/> <path d="M24.9134 8.43613H24.0101C23.8991 8.43613 23.832 8.56687 23.8082 8.82835C23.602 8.51158 23.2258 8.35291 22.6791 8.35291C22.1086 8.35291 21.6232 8.56687 21.2232 8.99472C20.823 9.42261 20.623 9.9258 20.623 10.5041C20.623 10.9717 20.7597 11.344 21.033 11.6212C21.3063 11.8987 21.6727 12.0372 22.1324 12.0372C22.3621 12.0372 22.5959 11.9896 22.8335 11.8946C23.0713 11.7995 23.2573 11.6728 23.3922 11.5143C23.3922 11.5222 23.3841 11.5578 23.3685 11.6212C23.3525 11.6847 23.3447 11.7323 23.3447 11.7638C23.3447 11.8907 23.396 11.9539 23.4992 11.9539H24.3193C24.4696 11.9539 24.5569 11.8788 24.5806 11.7281L25.0679 8.62623C25.0757 8.57867 25.0639 8.53516 25.0323 8.49549C25.0005 8.456 24.9609 8.43613 24.9134 8.43613ZM23.3625 10.7774C23.1604 10.9755 22.9168 11.0746 22.6316 11.0746C22.4017 11.0746 22.2157 11.0113 22.073 10.8844C21.9303 10.7579 21.859 10.5836 21.859 10.3615C21.859 10.0685 21.958 9.82078 22.1562 9.61874C22.354 9.41669 22.5999 9.31566 22.893 9.31566C23.1147 9.31566 23.2989 9.38105 23.4456 9.51172C23.5921 9.64246 23.6656 9.82278 23.6656 10.0525C23.6655 10.3377 23.5645 10.5795 23.3625 10.7774Z" fill="#009CDE"/> <path d="M11.4125 8.43613H10.5093C10.3982 8.43613 10.331 8.56687 10.3072 8.82835C10.0932 8.51158 9.71687 8.35291 9.17811 8.35291C8.60764 8.35291 8.12228 8.56687 7.72222 8.99472C7.32205 9.42261 7.12207 9.9258 7.12207 10.5041C7.12207 10.9717 7.25877 11.344 7.53212 11.6212C7.80548 11.8987 8.17183 12.0372 8.63143 12.0372C8.85317 12.0372 9.08308 11.9896 9.32073 11.8946C9.55841 11.7995 9.74858 11.6728 9.8912 11.5143C9.85941 11.6093 9.84365 11.6925 9.84365 11.7638C9.84365 11.8907 9.89512 11.9539 9.99814 11.9539H10.8182C10.9686 11.9539 11.0559 11.8788 11.0797 11.7281L11.5669 8.62623C11.5747 8.57867 11.5628 8.53516 11.5313 8.49549C11.4996 8.456 11.46 8.43613 11.4125 8.43613ZM9.86152 10.7833C9.65944 10.9777 9.41173 11.0746 9.11875 11.0746C8.88884 11.0746 8.70463 11.0113 8.56608 10.8844C8.42735 10.7579 8.35808 10.5836 8.35808 10.3615C8.35808 10.0685 8.45707 9.82078 8.65523 9.61874C8.85317 9.41669 9.09881 9.31566 9.39207 9.31566C9.61381 9.31566 9.79802 9.38105 9.94474 9.51175C10.0912 9.64249 10.1646 9.82282 10.1646 10.0526C10.1646 10.3457 10.0636 10.5894 9.86152 10.7833Z" fill="#003087"/> <path d="M20.4515 7.00274C20.1464 6.79299 19.7484 6.68787 19.2571 6.68787H17.3674C17.2089 6.68787 17.1217 6.76317 17.106 6.9136L16.3335 11.7625C16.3255 11.8101 16.3373 11.8537 16.3691 11.8933C16.4005 11.9329 16.4404 11.9527 16.4879 11.9527H17.4624C17.5575 11.9527 17.6209 11.9012 17.6526 11.7982L17.8666 10.4196C17.8744 10.3563 17.9022 10.3048 17.9498 10.2651C17.9973 10.2255 18.0567 10.1996 18.128 10.1877C18.1993 10.176 18.2665 10.17 18.3301 10.17C18.3934 10.17 18.4686 10.174 18.5558 10.1819C18.643 10.1898 18.6986 10.1937 18.7222 10.1937C19.4037 10.1937 19.9384 10.0017 20.3267 9.61734C20.7149 9.23311 20.909 8.70031 20.909 8.01883C20.9091 7.55142 20.7565 7.21271 20.4515 7.00263V7.00274ZM19.2333 8.95783C19.059 9.07666 18.7975 9.13605 18.449 9.13605L18.0687 9.14797L18.2707 7.87629C18.2864 7.78921 18.3379 7.74562 18.4252 7.74562H18.639C18.8133 7.74562 18.9519 7.75354 19.0551 7.76934C19.1579 7.78532 19.2571 7.83469 19.3522 7.91788C19.4473 8.0011 19.4948 8.12196 19.4948 8.28042C19.4948 8.61317 19.4076 8.83894 19.2333 8.95783Z" fill="#009CDE"/> </svg> </div> </div> </section> </aside> {{/numItems}} </div> {{#numItems}} <div class="l-cart m-bottom" data-skip-render="true">  <script> (function(){ // window.CQuotient is provided on the page by the Analytics code: var cq = window.CQuotient; if (cq && ('function' == typeof cq.getCQUserId) && ('function' == typeof cq.getCQCookieId) && ('function' == typeof cq.getCQHashedEmail) && ('function' == typeof cq.getCQHashedLogin)) { var recommender = '[["shopping-cart-recs"]]'; // removing any leading/trailing square brackets and escaped quotes: recommender=recommender.replace(/\[|\]|"/g,''); var separator = '|||'; var slotConfigurationUUID = '75d6d81975806db8218fe1c507'; var contextAUID = ''; var contextSecondaryAUID = ''; var contextAltAUID = ''; var contextType = ''; var anchorsArray = []; var contextAUIDs = contextAUID.split(separator); var contextSecondaryAUIDs = contextSecondaryAUID.split(separator); var contextAltAUIDs = contextAltAUID.split(separator); var contextTypes = contextType.split(separator); var slotName = 'scs-main-bottom'; var slotConfigId = 'scs-main-bottom-other-bought-einstein'; var slotConfigTemplate = 'slots/product/productsCarousel.isml'; if (contextAUIDs.length == contextSecondaryAUIDs.length) { for (i = 0; i < contextAUIDs.length; i++) { anchorsArray.push({id: contextAUIDs[i], sku: contextSecondaryAUIDs[i], type: contextTypes[i], alt_id: contextAltAUIDs[i]}); } } else { anchorsArray = [{id: contextAUID, sku: contextSecondaryAUID, type: contextType, alt_id: contextAltAUID}]; } var urlToCall = '/on/demandware.store/Sites-DickiesCA-Site/fr_CA/CQRecomm-Start'; var params = { userId: cq.getCQUserId(), cookieId: cq.getCQCookieId(), emailId: cq.getCQHashedEmail(), loginId: cq.getCQHashedLogin(), anchors: anchorsArray, slotId: slotName, slotConfigId: slotConfigId, slotConfigTemplate: slotConfigTemplate, ccver: '1.03' }; if (cq.getRecs) { cq.getRecs(cq.clientId, recommender, params, cb); } else { cq.widgets = cq.widgets || []; cq.widgets.push({ recommenderName: recommender, parameters: params, callback: cb }); } }; function cb(parsed) { var arr = parsed[recommender].recs; if (arr && 0 < arr.length) { var filteredProductIds = ''; for (i = 0; i < arr.length; i++) { filteredProductIds = filteredProductIds + 'pid' + i + '=' + encodeURIComponent(arr[i].id) + '&'; } filteredProductIds = filteredProductIds.substring(0, filteredProductIds.length - 1);//to remove the trailing '&' var formData = 'auid=' + encodeURIComponent(contextAUID) + '&scid=' + slotConfigurationUUID + '&' + filteredProductIds; var request = new XMLHttpRequest(); request.open('POST', urlToCall, true); request.setRequestHeader('Content-type', 'application/x-www-form-urlencoded'); request.onreadystatechange = function() { if (this.readyState === 4) { // Got the product data from DW, showing the products now by changing the inner HTML of the DIV: var divId = 'cq_recomm_slot-' + slotConfigurationUUID; document.getElementById(divId).innerHTML = this.responseText; //find and evaluate scripts in response: var scripts = document.getElementById(divId).getElementsByTagName('script'); if (null != scripts) { for (var i=0;i<scripts.length;i++) {//not combining script snippets on purpose var srcScript = document.createElement('script'); srcScript.text = scripts[i].innerHTML; srcScript.asynch = scripts[i].asynch; srcScript.defer = scripts[i].defer; srcScript.type = scripts[i].type; srcScript.charset = scripts[i].charset; document.head.appendChild( srcScript ); document.head.removeChild( srcScript ); } } } }; request.send(formData); request = null; } }; })(); </script>  <div id="cq_recomm_slot-75d6d81975806db8218fe1c507"></div>  </div> {{/numItems}} </div>

Retour haut

Votre panier d’achat est actuellement vide

Magasinez!

Synchroniser et magasiner

Créer un compte

INFORMATION D'ENTREPRISE

Service à la Clientèle

HISTOIRES DE DICKIES

Panier d'achat