Skip to Content (Press Enter) Skip to Footer (Press Enter)

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.

Your Shopping Cart Is Currently Empty

Get Shopping!

Go. Go fill it up with all your fashion hopes and dreams.

Continue Shopping

Sync & Shop

Sync your cart across all devices to see the same thing on the go or at home.

Create Account

Get access to your registry, order history, express checkout & more!

Create Account

<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"> Continue Shopping </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"> Your Shopping Cart Is Currently Empty </h1>  <div class="b-continue_interactions"> <section class="b-continue_interactions-item" aria-label="Get Shopping!" > <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"> Get Shopping! </h2> <p class="b-continue_interactions-description"> Go. Go fill it up with all your fashion hopes and dreams. </p> <a class="b-button b-continue_interactions-button" href="https://www.dickies.com/" data-tau="continue_shopping" > Continue Shopping </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"> Sync & Shop </h2> <p class="b-continue_interactions-description"> Sync your cart across all devices to see the same thing on the go or at home. </p> <a class="b-button b-continue_interactions-button" href="https://www.dickies.com/login" > Sign In </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"> Create Account </h2> <p class="b-continue_interactions-description"> Get access to your registry, order history, express checkout & more! </p> <a class="b-button b-continue_interactions-button" href="https://www.dickies.com/login" > Create Account </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 = '[["products-in-all-categories"]]'; // removing any leading/trailing square brackets and escaped quotes: recommender=recommender.replace(/\[|\]|"/g,''); var separator = '|||'; var slotConfigurationUUID = 'e15fdca9b9b438e8a507f0c7e9'; 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-DickiesUS-Site/default/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-e15fdca9b9b438e8a507f0c7e9"></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 = '71f687279207bde7b35dc896b3'; 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-DickiesUS-Site/default/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-71f687279207bde7b35dc896b3"></div>  </div> {{/numItems}} {{#numItems}} <div class="b-header_cart"> <h1 class="b-header_cart-title"> Your Cart </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}} Sorry, this item is no longer available. Please remove it from your cart to continue. {{/availability.isReachedLimit}} {{/availability}} {{#noProduct}} This product was recently removed from our online catalog. Please delete the line item from your cart in order to proceed with the checkout. {{/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="Remove from Wish List" data-original-wishlist-button-message="Save For Later" data-forward-to-parent="updateQty:dismissQty:removeProduct:editProduct:showBonusProductDialog" data-analytics="{{gtmInfoStr}}" data-accessibility-alerts='{ "addedtowishlist": "Product was added to wish list", "removedfromwishlist": "Product was removed from wish list" }' > <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"> Free </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">Was</span> <span class="b-price-item m-old" data-tau-price="old"> {{price.list.formatted}} </span> <span class="b-sr_only">, is</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"> Clearance </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">Was</span> {{#price.isListPriceRange}} <span class="b-price-item m-old" data-tau-price="old"> <span class="b-price-to b-sr_only">From</span> {{price.listMin.sales.formatted}} <span class="b-price-divider">-</span> <span class="b-price-to b-sr_only">to</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">, is</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">From</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">to</span> {{price.max.sales.formatted}} {{/price.max.sales}} {{#price.isClearancePrice}} <span class="b-price-label"> Clearance </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"> Subtotal: </span> <div class="b-price" data-tau="cart_product_total"> {{#priceTotal.sellingPrice}} <span class="b-sr_only">Was</span> <span class="b-price-item m-old" data-tau-price="old"> {{priceTotal.sellingPrice}} </span> <span class="b-sr_only">, is</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="Availability"> <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="Availability"> <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="Availability"> <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"> Out Of 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-DickiesUS-Site/default/Cart-EditBonusProduct {{/hasSelectedBonuses}} {{^hasSelectedBonuses}} /on/demandware.store/Sites-DickiesUS-Site/default/Product-ShowBonusProducts {{/hasSelectedBonuses}} " data-bonus-product-title=" {{#hasSelectedBonuses}} Edit your bonus products {{/hasSelectedBonuses}} {{^hasSelectedBonuses}} Select Your Bonus Products {{/hasSelectedBonuses}} " data-duuid="{{uuid}}" data-pliuuid="{{pliUUID}}" data-maxpids="{{maxPids}}" data-pagestart="0" data-pagesize="0" > Select Bonus Products </button> </div> {{/isNotFull}} {{/discountLineItems}} {{#productTypeBundle}} <section class="b-product_line-bundle"> <h4 class="b-product_line-bundle_title">What's Included:</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}}" > Quantity </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="Edit {{productName}}" title="Edit" data-event-click.prevent="editProduct" data-href="/on/demandware.store/Sites-DickiesUS-Site/default/Cart-GetProduct" data-uuid="{{UUID}}" data-analytics="{{gtmInfoStr}}" data-tau="cart_product_edit" data-edit-mode-qv="true" > Edit </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"> Save For Later </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}} > Remove </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" > Gift for you: </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}} Sorry, this item is no longer available. Please remove it from your cart to continue. {{/availability.isReachedLimit}} {{/availability}} {{#noProduct}} This product was recently removed from our online catalog. Please delete the line item from your cart in order to proceed with the checkout. {{/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"> Free </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">Was</span> <span class="b-price-item m-old" data-tau-price="old"> {{price.list.formatted}} </span> <span class="b-sr_only">, is</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"> Clearance </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">Was</span> {{#price.isListPriceRange}} <span class="b-price-item m-old" data-tau-price="old"> <span class="b-price-to b-sr_only">From</span> {{price.listMin.sales.formatted}} <span class="b-price-divider">-</span> <span class="b-price-to b-sr_only">to</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">, is</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">From</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">to</span> {{price.max.sales.formatted}} {{/price.max.sales}} {{#price.isClearancePrice}} <span class="b-price-label"> Clearance </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"> Qty: </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="Edit" data-event-click="handleClick" data-widget-event-click="showBonusProductDialog" data-bonus-url="/on/demandware.store/Sites-DickiesUS-Site/default/Cart-EditBonusProduct" data-bonus-product-title="Edit your bonus products" data-duuid="{{uuid}}" data-pliuuid="{{pliUUID}}" data-maxpids="{{maxPids}}" data-tau="cart_product_edit" data-edit-mode-qv="true" > Edit </button> {{/discountLineItem}} <button class="b-cart_product-remove b-button m-link m-small" title="Remove" aria-label="Remove {{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}} > Remove </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="Remove from Wish List" data-original-wishlist-button-message="Save For Later" data-analytics="{{gtmInfoStr}}" data-accessibility-alerts='{ "addedtowishlist": "Product was added to wish list", "removedfromwishlist": "Product was removed from wish list" }' {{#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"> Free </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">Was</span> <span class="b-price-item m-old" data-tau-price="old"> {{price.list.formatted}} </span> <span class="b-sr_only">, is</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"> Clearance </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">Was</span> {{#price.isListPriceRange}} <span class="b-price-item m-old" data-tau-price="old"> <span class="b-price-to b-sr_only">From</span> {{price.listMin.sales.formatted}} <span class="b-price-divider">-</span> <span class="b-price-to b-sr_only">to</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">, is</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">From</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">to</span> {{price.max.sales.formatted}} {{/price.max.sales}} {{#price.isClearancePrice}} <span class="b-price-label"> Clearance </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"> Subtotal: </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"> Qty: </span> 1 </div> </div> <div class="l-cart_product-actions"> <button class="b-cart_product-edit b-button m-link m-small" aria-label="Edit {{productName}}" title="Edit" data-event-click.prevent="editProduct" data-gift-certificate="true" data-href="/on/demandware.store/Sites-DickiesUS-Site/default/Cart-GetGiftCertificateLineItem" data-uuid="{{UUID}}" data-analytics="{{gtmInfoStr}}" data-tau="cart_product_edit" > Edit </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"> Save For Later </span> </button> <button class="b-cart_product-remove b-button m-link m-small" aria-label="Remove {{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" > Remove </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"> Shipping Method </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"> Order Summary </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">Subtotal</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"> Gift Certificate </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}} Free {{/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">Sales Tax</span> <div class="b-tooltip m-right m-order_summary"> <button class="b-tooltip-button" type="button" aria-label="More about sales tax" > <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"> Sales tax is calculated according to your shipping address </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">VAT included</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="Promo code"> <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" > Apply Promo Code <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-DickiesUS-Site/default/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":"No promo code entered","minLength":"The field Promo code should be at least 2 characters length","maxLength":"The field Promo code should be no more than 256 characters length","security":"Please enter a valid Promo code"},"mandatory":true,"minLength":2,"maxLength":256}" > <input type="text" class="b-input " id="dwfrm_coupon_couponCode" placeholder="Enter your promo code" aria-describedby="dwfrm_coupon_couponCode-error" aria-label="Promo code" 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" > Casing & hyphens need to be exact </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" > Apply </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">has been successfully applied.</span> {{/applied}} {{^applied}} <span class="b-coupon-status m-not_applied"> {{#totals.onlyOneCouponDiscount}} added, but not applied. {{/totals.onlyOneCouponDiscount}} {{^totals.onlyOneCouponDiscount}} cannot be combined with other promo codes already in your cart. {{/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" > Remove </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="Cart actions" > <div class="b-cart_actions"> <a href="https://www.dickies.com/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" > Secure Checkout </a> </div> {{#totals.grandTotal.value}} {{^hideExpressMethods}} <p data-ref="delimiter" class="b-summary_section-or" hidden> or </p> {{/hideExpressMethods}} {{/totals.grandTotal.value}} </section> {{^hideExpressMethods}} {{/hideExpressMethods}} <section class="b-summary_section"> {{#shipments.0.shippingMethods}} {{#selected}} {{#edd}} <div class="b-estimated-delivery"> <div class="b-estimated-delivery_icon_block"> <div class="b-estimated-delivery_icon"> <svg width="64" height="44" viewBox="0 0 64 44" stroke="currentColor" fill="none" stroke-width="1.5" focusable="false"> <path d="M46.92,7.35H0.63v35.38h46.29V7.35z"/> <path d="M63.37,36.32l-16.45,6.41V7.35l16.45-6.41V36.32z"/> <path d="M0.63,7.35l16.45-6.41h46.29"/> <path d="M22.15,7.35l16.45-6.41"/> <path d="M14.79,34.92l-3.6-3.46l3.6-3.47"/> <path d="M31.79,31.46H11.9"/> <path d="M32.39,15.1l3.6,3.47l-3.6,3.46"/> <path d="M15.39,18.57h19.89"/> </svg> </div> <p>{{{edd.formattedB}}}</p> </div> </div> {{/edd}} {{/selected}} {{/shipments.0.shippingMethods}} {{#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">Available payment methods</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="Discover"> <rect x="1.1065" y="1.1065" width="28" height="18" rx="2" fill="#4D4D4D"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.7176 6.71387C13.0386 6.71387 13.3078 6.77867 13.6355 6.9351V7.76156C13.3251 7.47592 13.0559 7.35637 12.6999 7.35637C12.0001 7.35637 11.4497 7.90181 11.4497 8.59329C11.4497 9.32254 11.983 9.83551 12.7346 9.83551C13.0729 9.83551 13.3371 9.72217 13.6355 9.44111V10.268C13.2962 10.4184 13.0212 10.4778 12.6999 10.4778C11.5636 10.4778 10.6808 9.657 10.6808 8.59841C10.6808 7.55126 11.5871 6.71387 12.7176 6.71387ZM9.18981 6.73664C9.60924 6.73664 9.99299 6.87178 10.3139 7.13602L9.92343 7.61727C9.72908 7.41217 9.54527 7.32564 9.32172 7.32564C9.00012 7.32564 8.76592 7.49801 8.76592 7.72483C8.76592 7.91932 8.89739 8.02227 9.34511 8.17826C10.1939 8.47047 10.4454 8.72955 10.4454 9.30169C10.4454 9.9989 9.90141 10.4842 9.12606 10.4842C8.55828 10.4842 8.14547 10.2737 7.80167 9.79867L8.28365 9.36166C8.45547 9.67443 8.74216 9.84197 9.09809 9.84197C9.43095 9.84197 9.67739 9.62576 9.67739 9.33398C9.67739 9.18272 9.60274 9.05303 9.45369 8.96135C9.37864 8.91794 9.22999 8.8532 8.93785 8.75621C8.23708 8.51871 7.99664 8.26482 7.99664 7.76868C7.99664 7.17928 8.51298 6.73664 9.18981 6.73664ZM17.7165 6.79942H18.5315L19.5517 9.21847L20.5851 6.79942H21.3939L19.7413 10.4933H19.3398L17.7165 6.79942ZM3.28223 6.80494H4.37747C5.58758 6.80494 6.43115 7.54534 6.43115 8.60822C6.43115 9.13822 6.17308 9.65064 5.73666 9.99069C5.36947 10.2777 4.95106 10.4064 4.37173 10.4064H3.28223V6.80494ZM6.77447 6.80494H7.52061V10.4064H6.77447V6.80494ZM21.7313 6.80494H23.8474V7.41522H22.477V8.21458H23.7969V8.82454H22.477V9.79671H23.8474V10.4064H21.7313V6.80494H21.7313ZM24.3416 6.80494H25.448C26.3085 6.80494 26.8017 7.19399 26.8017 7.86828C26.8017 8.41972 26.4924 8.78153 25.9303 8.88924L27.1345 10.4064H26.2169L25.1842 8.95964H25.0869V10.4064H24.3416V6.80494ZM25.0869 7.37221V8.46291H25.3049C25.7814 8.46291 26.0339 8.26813 26.0339 7.9061C26.0339 7.55562 25.7813 7.37221 25.3167 7.37221H25.0869ZM4.02786 7.41519V9.79671H4.22809C4.71026 9.79671 5.01478 9.70974 5.24923 9.51046C5.50726 9.29413 5.66248 8.94867 5.66248 8.60302C5.66248 8.25796 5.50726 7.92281 5.24923 7.70645C5.00276 7.49648 4.71026 7.41519 4.22809 7.41519H4.02786Z" fill="white"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M16.1065 6.66679C17.214 6.66679 18.1117 7.53428 18.1117 8.60592V8.60714C18.1117 9.67881 17.214 10.5475 16.1065 10.5475C14.9991 10.5475 14.1013 9.67878 14.1013 8.60714V8.60592C14.1013 7.53424 14.9991 6.66675 16.1065 6.66675L16.1065 6.66679ZM29.1659 11.3446C28.2335 12.0189 21.2526 16.8387 9.16602 19.1667H27.1976C28.2845 19.1667 29.166 18.2606 29.166 17.1432V11.3444L29.1659 11.3446Z" fill="#F47216"/> </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> <svg width="30" height="20" viewBox="0 0 30 20" fill="none" focusable="false" aria-label="Apple Pay"> <rect x="0.5" y="0.5" width="29" height="19" rx="3" fill="#FFFFFF" stroke="#DBDBDB"/> <path d="M9.14027 7.08752C9.35521 6.81116 9.50874 6.44269 9.46268 6.07422C9.14027 6.08957 8.75644 6.28916 8.52615 6.55016C8.32656 6.78046 8.14232 7.16428 8.18838 7.5174C8.55685 7.56346 8.90997 7.36387 9.14027 7.08752ZM9.46268 7.60952C8.94068 7.57882 8.49544 7.90123 8.24979 7.90123C8.00414 7.90123 7.62032 7.62488 7.20578 7.62488C6.66843 7.64023 6.17713 7.93194 5.90078 8.42323C5.34807 9.39048 5.74724 10.8183 6.29995 11.6013C6.56096 11.9851 6.88337 12.415 7.2979 12.3997C7.69708 12.3843 7.85061 12.1387 8.32656 12.1387C8.8025 12.1387 8.94068 12.3997 9.37056 12.3843C9.80045 12.369 10.0768 12.0005 10.3378 11.6013C10.6449 11.1561 10.7677 10.7262 10.7677 10.7108C10.7523 10.6955 9.92327 10.3884 9.92327 9.43654C9.90792 8.63818 10.5681 8.25435 10.5988 8.239C10.2457 7.68629 9.66227 7.62488 9.46268 7.60952Z" fill="#000000"/> <path d="M13.976 6.51855C15.1122 6.51855 15.8952 7.30156 15.8952 8.42233C15.8952 9.55846 15.0968 10.3415 13.9453 10.3415H12.7017V12.322H11.7959V6.51855H13.976ZM12.7017 9.58916H13.7304C14.5134 9.58916 14.9586 9.15928 14.9586 8.43769C14.9586 7.70074 14.5134 7.28621 13.7304 7.28621H12.6864V9.58916H12.7017ZM16.1255 11.1398C16.1255 10.4029 16.6935 9.94228 17.7068 9.88087L18.8737 9.81946V9.49705C18.8737 9.0211 18.5512 8.74475 18.0292 8.74475C17.5226 8.74475 17.2155 8.99039 17.1388 9.35887H16.3097C16.3558 8.59122 17.0159 8.02315 18.0599 8.02315C19.0886 8.02315 19.7488 8.56051 19.7488 9.42028V12.3374H18.9197V11.6465H18.9044C18.6587 12.1224 18.1214 12.4141 17.5686 12.4141C16.7089 12.4141 16.1255 11.8921 16.1255 11.1398ZM18.8737 10.756V10.4182L17.8296 10.4796C17.3076 10.5103 17.0159 10.7406 17.0159 11.1091C17.0159 11.4776 17.323 11.7232 17.7836 11.7232C18.3977 11.7232 18.8737 11.3087 18.8737 10.756ZM20.5164 13.9034V13.1971C20.5778 13.2125 20.7314 13.2125 20.7928 13.2125C21.192 13.2125 21.4069 13.0436 21.5451 12.6137C21.5451 12.5984 21.6218 12.3527 21.6218 12.3527L20.0865 8.11527H21.0231L22.0978 11.5697H22.1131L23.1879 8.11527H24.109L22.5277 12.583C22.1592 13.6117 21.7447 13.9341 20.8695 13.9341C20.8081 13.9187 20.5932 13.9187 20.5164 13.9034Z" fill="#000000"/> </svg> <svg width="30" height="20" viewBox="0 0 30 20" fill="none" focusable="false" aria-label="Klarna"> <rect x="1" y="1" width="28" height="18" rx="2" fill="#FFB3C7"/> <path d="m27 11.4c-0.4 0-0.7 0.3-0.7 0.7s0.3 0.7 0.7 0.7 0.7-0.3 0.7-0.7c-0.1-0.4-0.4-0.7-0.7-0.7zm-2.3-0.5c0-0.5-0.4-0.9-1-0.9s-1 0.4-1 0.9 0.4 0.9 1 0.9 1-0.4 1-0.9zm0-1.8h1.1v3.7h-1.1v-0.2c-0.3 0.2-0.7 0.3-1.1 0.3-1.1 0-1.9-0.9-1.9-1.9s0.9-1.9 1.9-1.9c0.4 0 0.8 0.1 1.1 0.3v-0.3zm-8.7 0.4v-0.4h-1.1v3.7h1.1v-1.8c0-0.6 0.6-0.9 1.1-0.9v-1c-0.5 0-0.9 0.1-1.1 0.4zm-2.8 1.4c0-0.5-0.4-0.9-1-0.9-0.5 0-1 0.4-1 0.9s0.4 0.9 1 0.9 1-0.4 1-0.9zm0-1.8h1.1v3.7h-1.1v-0.2c-0.3 0.2-0.7 0.3-1.1 0.3-1.1 0-1.9-0.9-1.9-1.9s0.9-1.9 1.9-1.9c0.4 0 0.8 0.1 1.1 0.3v-0.3zm6.6-0.1c-0.4 0-0.8 0.1-1.1 0.5v-0.4h-1.1v3.7h1.1v-1.9c0-0.6 0.4-0.8 0.8-0.8 0.5 0 0.8 0.3 0.8 0.8v1.9h1.1v-2.3c-0.1-1-0.7-1.5-1.6-1.5zm-11.2 3.7h1.1v-5.3h-1.1v5.3zm-5 0h1.2v-5.3h-1.2v5.3zm4.3-5.3c0 1.1-0.4 2.2-1.2 3l1.7 2.3h-1.6l-1.8-2.5 0.5-0.4c0.8-0.6 1.2-1.5 1.2-2.5l1.2 0.1z" fill="#000000"/> </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 = '[["products-in-all-categories"]]'; // removing any leading/trailing square brackets and escaped quotes: recommender=recommender.replace(/\[|\]|"/g,''); var separator = '|||'; var slotConfigurationUUID = 'df47f126385092f8b5af5b4770'; 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-DickiesUS-Site/default/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-df47f126385092f8b5af5b4770"></div>  </div> {{/numItems}} </div>

Your Shopping Cart Is Currently Empty

Get Shopping!

Sync & Shop

Create Account

Company Info

Customer Service

Dickies Stories

Shopping bag