ASME Solutions Shopping Cart

<!DOCTYPE html> <html lang="en"> <head>  <script>//common/scripts.isml</script> <script defer type="text/javascript" src="/on/demandware.static/Sites-RefArch-Site/-/en_US/v1728549982478/js/main.js"></script>  <meta charset=UTF-8> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>ASME Solutions Shopping Cart</title> <meta name="description" content="Image"/> <meta name="keywords" content="Image"/> <link rel="icon" type="image/png" href="/on/demandware.static/Sites-RefArch-Site/-/default/dw297da695/images/favicons/faviconAsme.ico" sizes="16x16" /> <link rel="stylesheet" href="/on/demandware.static/Sites-RefArch-Site/-/en_US/v1728549982478/css/global.css" /> <link rel="stylesheet" href="/on/demandware.static/Sites-RefArch-Site/-/en_US/v1728549982478/css/cart.css" /> <link rel="stylesheet" href="/on/demandware.static/Sites-RefArch-Site/-/en_US/v1728549982478/css/cart/contribution.css" /> <link rel="stylesheet" href="/on/demandware.static/Sites-RefArch-Site/-/en_US/v1728549982478/css/skin/skin.css" /> <link rel="preconnect" href="https://use.typekit.net" crossorigin=""> <link rel="preconnect" href="https://p.typekit.net" crossorigin=""> <link rel="preload" href="https://use.typekit.net/ghx6hkj.css" as="style"> <link rel="stylesheet" href="https://use.typekit.net/ghx6hkj.css"> <link rel="stylesheet" href="https://www.asme.org/dist/react-bundle.css"> <script type="text/javascript">// </script> <script type="text/javascript">// </script> <script> (function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-P5LRDPG'); </script> </head> <body>  <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-P5LRDPG" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript>  <div class="page" data-action="Cart-Show" data-querystring=""> <div id="navRoot" name="" membership="" ssoid="" header-url="https://www.asme.org" signin-url="https://solutions.asme.org/on/demandware.store/Sites-RefArch-Site/en_US/Login-OAuthLogin?oauthProvider=salesforce&oauthLoginTargetEndPoint=3" > </div> <div style="margin-top: 96px;"> </div> <div role="main" id="maincontent"> <script src="https://www.asme.org/dist/asme-gahandlers-browser.js"></script> <script> var view_cart = JSON.parse('{"event":"view_cart","ecommerce":{"currency":"USD","value":0,"items":[]}}'); window.dataLayer = window.dataLayer || []; let validated = GA4Validators && GA4Validators.validateGA4Event('view_cart', view_cart); if (validated) { _startingItems = view_cart && view_cart.ecommerce && view_cart.ecommerce.items || []; pushToGADataLayer(view_cart); } </script> <div class="cart-error-messaging cart-error"> </div> <div class="container cart cart-page mb-3" data-delay="null"> <div class="row"> <div class="col-sm-7 col-md-8 mt-4"> <h1 class="page-title">Your Cart (<span class="total-numItems">0</span> Items) </h1> <div class="cart__membershipMsg"> <div class="content-asset"> <span>Items in your shopping cart may be eligible for an ASME membership discount. Please <a class="cart-logInLink" href="/on/demandware.store/Sites-RefArch-Site/en_US/Login-OAuthLogin?oauthProvider=salesforce&oauthLoginTargetEndPoint=3">log in</a> if you have an active membership; the discounted price will be reflected in the cart after logging in. Or, you can sign up for an ASME membership<span></span></span> </div>  </div> <div class="card cart__section cart-row product-info d-none" id="cart-ContributeContent"> <div class="row mr-lg-3"> <div class="col-lg-8"> <div class="row"> <div class="col-lg-12 d-flex flex-row"> <div class="cart-item-image"> <img class="cart__image" src="/on/demandware.static/-/Library-Sites-RefArchSharedLibrary/default/dw72552351/images/ASME/06-contribution-thumbnail.jpg" alt="ASME contribution product" title="ASME product, "> </div> <div class="cart__title"> <b>Contributions</b> <button type="button" class="info-icon"> <span class="icon" aria-hidden="true">i</span> <span class="tooltip d-none"> Help contribute to the ASME Foundation, Sections, and Technical Divisions. Your contributions can help support and empower innovation in the engineering field. These groups focus on different initiatives from education and career engagement to local activities to division programs, conferences, and competitions. </span> </button> </div> </div> </div> </div> <div class="col-lg-4 product-card-footer"> <div class="row text-center"> <div class="col-lg-6 col-5 "> </div> <div class="col-lg-6 col-4 line-item-total-price"> <div class="cart__sectionPriceTitle"> Price </div> <div class="cart__sectionPrice"> <b>$<span id="totalContributionPrice">0.0</span></b> </div> </div> </div> </div> </div> <div class='cart__content'> <div class="row"> <div class="col my-3"> <div class="row"> <div class="col-5"><b>Contribution Amounts</b></div> <hr class="cart__line col "> </div> </div> <div class="col-3 col-xl-2 text-center my-3"> <button type="button" id="editContributionProducts" class="btn-link cart__sectionBtn">Edit Details</button> </div> </div> <div id="cart-contributionProducts"> </div> <div class=""> <button type="button" class="remove-product remove-btn-lg " data-toggle="modal" id="deleteContributionProducts" data-target=".cart.cart-page #removeProductModal" data-pid="null" data-name="" data-action="null" data-uuid="null" aria-label="Remove product " data-productstodel="[]"> <img alt="Remove" src="/on/demandware.static/Sites-RefArch-Site/-/default/dw8dfcce63/images/cartCloseCard.svg" width="18" height="18"> </button> </div> </div> </div> <div class="approaching-discounts"> </div> </div> <div class="col-sm-5 col-md-4 totals mt-4"> <div class="cart__totalsContent"> <h1 class="page-title">Order Summary</h1> <div class="cart-row"> <div class="row leading-lines subtotal-item"> <div class="col-6 start-lines"> <p class="order-receipt-label"><b>Subtotal</b></p> </div> <div class="col-6 end-lines"> <p class="text-right"><span class="sub-total">0</span></p> </div> </div>  <div class="row"> <div class="col-8"> <b> <p>Estimate Sales Tax:</p> </b> </div> <div class="col-4"> <p class="text-right">TBD <button type="button" class="info-icon"> <span class="icon" aria-hidden="true">i</span> <span class="tooltip d-none"> Sales TAX will be determined by Checkout </span> </button> </p> </div> </div> <div class="row"> <div class="col-8"> <b> <p>Shipping:</p> </b> </div> <div class="col-4"> <p class="text-right">TBD <button type="button" class="info-icon"> <span class="icon" aria-hidden="true">i</span> <span class="tooltip d-none"> Shipping will be determined by Checkout </span> </button> </p> </div> </div> <div class="row shipping-discount hide-shipping-discount"> <div class="col-8"> <p>Shipping Discount</p> </div> <div class="col-4"> <p class="text-right shipping-discount-total">- null</p> </div> </div> <div class="row order-discount hide-order-discount"> <div class="col-8"> <p><b>Discounts</b></p> </div> <div class="col-4"> <p class="text-right order-discount-total"> -null</p> </div> </div> <div class="row order-membershipDiscount hide-order-discount"> <div class="col membership ml-3"> <p><b>Membership Discount:</b><span class="order-membership-discount-total"> -null</span></p> </div> </div> <div class="row order-couponDiscount hide-order-discount"> <div class="col other-discount ml-3"> <p><b>Promotional Discount:</b><span class="order-coupon-discount-total"> -null</span></p> </div> </div> <div class="row order-otherDiscount hide-order-discount"> <div class="col other-discount ml-3"> <p><b>Other Discount:</b><span class="order-other-discount-total"> -null</span></p> </div> </div> <div class="coupons-and-promos"> <div class="col-12"> <b><p>Promo code discount apply:</p></b> </div> </div> <div> <div class="row"> <div class="col-12"> <button class="optional-promo cart__sectionBtn">+ Add a promo/discount code</button> </div> </div> <div class="row"> <div class="col-12"> <form action="/on/demandware.store/Sites-RefArch-Site/en_US/Cart-AddCoupon" class="promo-code-form" method="GET" name="promo-code-form"> <div class="form-group"> <label class="promo-code-label" for="couponCode">Promo/discount code</label> <div class="row"> <div class="col-9 pr-0"> <input type="text" class=" coupon-code-field" id="couponCode" name="couponCode" placeholder="Enter promo/discount code"> </div> <input type="hidden" name="csrf_token" value="MB7XFQa13eZQDhByjNgssFjxSMoofOCYX-n8TechCYtU-8NE4qJhgMJDk6lL_mOfN8MwtHFLBrU2awnOAMmpTuscQrs3Rx7cKtxD4joGzmtZv7x3_DKOKjkQdcA-ok15XCLA9mH4imdIkWSnV5GkmAFKFryCSrUm1cANXi82aL_bIuRc3Qw=" /> <div class="col-3 promo-code-submit"> <button type="submit" class="btn btn-outline-primary btn-block promo-code-btn"> <img alt="Image" src="/on/demandware.static/Sites-RefArch-Site/-/default/dw49883a84/images/rightArrow.svg" width="15" height="15"> </button> </div> <div class="coupon-error text-center col-12"> <span class="coupon-missing-error" id="missingCouponCode" role="alert">No coupon code entered</span> <span class="coupon-error-message " id="invalidCouponCode" role="alert"></span> </div> </div> </div> </form> </div> </div> </div> <p class="border-top border-dark mt-3"> <div class="row"> <div class="col-8"> <strong>Total:</strong> </div> <div class="col-4"> <b><p class="text-right cart-total">0</p></b> </div> </div> <div class="row"> <div class="col-12 checkout-continue"> <div class="mb-sm-3"> <a href="https://solutions.asme.org/on/demandware.store/Sites-RefArch-Site/en_US/Login-OAuthLogin?oauthProvider=salesforce&oauthLoginTargetEndPoint=3" role="button" class="btn btn-dark btn-block" aria-label="Login to your account"> <span class="user-message">Log in to continue</span> </a> </div> <div class="cart-btn-empty"> <span class="" role="alert">Please, add products to cart</span> </div> <div class="checkout-btn-error"> <span class="" role="alert">Please provide details on products before proceeding to checkout</span> </div> <div class="empty-shopping-cart"> <span class="" role="alert">If you are waiting for items to be added to your cart, please refresh the page.</span> </div> </div> </div> </div> </div> </div> </div> <div class="modal fade" id="removeProductModal" tabindex="-1" role="dialog" aria-labelledby="removeProductLineItemModal"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header delete-confirmation-header"> <div class="modal-title" id="removeProductLineItemModal"><b>Remove Product?</b></div> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> </div> <div class="modal-body delete-confirmation-body"> Are you sure you want to remove the following product from the cart? <div class="product-to-remove"></div> </div> <div class="modal-footer"> <button type="button" class="btn btn-dark cart-delete-confirmation-btn" data-dismiss="modal"> Yes </button> <button type="button" class="btn btn-link cart__sectionBtn" data-dismiss="modal"><b>Cancel</b></button> </div> </div> </div> </div> </div> <div class="modal fade" id="removeCouponModal" tabindex="-1" role="dialog" aria-labelledby="removeCouponLineItemModal"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header delete-coupon-confirmation-header"> <h2 class="modal-title" id="removeCouponLineItemModal">Remove Coupon?</h2> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> </div> <div class="modal-body delete-coupon-confirmation-body"> Are you sure you want to remove the following coupon from the cart? <p class="coupon-to-remove"></p> </div> <div class="modal-footer"> <button type="button" class="btn btn-dark delete-coupon-confirmation-btn" data-dismiss="modal" data-action=""> Yes </button> <button type="button" class="btn btn-link cart__sectionBtn" data-dismiss="modal">Cancel</button> </div> </div> </div> </div> <div class="container"> </div> <div class="bottom-panel contribution__floating contribution " id="cart-ContributeSuggestion"> <div class="col-sm-11 col-md-9 mt-4 m-auto row align-items-center contribution__content"> <div class="contribution__content-row"> <div class="contribution__header"> <div class="contribution__title">Contribute to ASME</div> <button type="button" id="close-contribution-details" class="toggle-contribution-details modal-button p-3" aria-label="Hide" data-dismiss="modal"> <span aria-hidden="true"> <img class="modal-down" alt="Toggle" src="/on/demandware.static/Sites-RefArch-Site/-/default/dw5a0f2c8b/images/chevronDown.svg"/> </span> </button> <button type="button" id="dock-contribution" class="close-contribution close-contribution-sticky modal-button p-3" aria-label="Hide" data-dismiss="modal"> <span aria-hidden="true"> 脳 </span> </button> </div> </div> <div class="contribution__content-row"> <div class="accordion-details is-open col-12 col-lg-9 contribution__text"> <div class="contribution__description"> Help contribute to the ASME Foundation, Sections, and Technical Divisions. Your contributions can help support and empower innovation in the engineering field. These groups focus on different initiatives from education and career engagement to local activities to division programs, conferences, and competitions. </div> </div> <div class="col-12 col-lg-3 text-lg-right text-center"> <button type="button" class="btn btn-primary" id="btnContribute"> <b> I would like to contribute </b> </button> </div> </div> </div> </div> <div class="bottom-panel contribution contribution__always-floating" id="cart-ContributeProducts" style="display: none;"> <div class="col-sm-11 col-md-9 mt-4 m-auto contribution__content"> <div class="contribution__section mb-2"> <div class="contribution__inner"> <div class="contribution__content-row"> <div class="contribution__header pb-3"> <div class="contribution__title"> Contribute to ASME </div> <button type="button" class="close-contribution modal-button pl-0" aria-label="Close" data-dismiss="modal"> <span aria-hidden> 脳 </span> </button> </div> </div> <div class="contribution__description"> Help contribute to the ASME Foundation, Sections, and Technical Divisions. Your contributions can help support and empower innovation in the engineering field. These groups focus on different initiatives from education and career engagement to local activities to division programs, conferences, and competitions. </div> </div> <form class="contribution__form"> <div class="contribution__product"> <div class=""> <label for="STCNTRB" class="d-block contribution-id mr-2"><b>Student Section Contribution</b></label> <div class="contribution__product-description mr-4">ASME Student Sections complement the curriculum at an educational institution while enriching the engineering student experience. Your donation helps fund activities for the next generation of mechanical engineers.</div> <div> </div> </div> <div class="contribution__input"> <input type="text" class="form-control contribution__price text-center" id="STCNTRB" maxlength="10" value="$10.00"> <div class="contribution__error" role="alert" style="display: none;"> null </div> <p class="contribution__suggestedPrice text-center"> Suggested Donation <br> $10 </p> </div> </div> <div class="contribution__product"> <div class=""> <label for="FND" class="d-block contribution-id mr-2"><b>ASME Foundation General Fund</b></label> <div class="contribution__product-description mr-4">The ASME Foundation empowers next generation engineers by funding philanthropic programs that enhance learning at every stage of an engineer’s professional journey while working to increase diversity, equity, and inclusion across the engineering community. Your contribution supports education, career engagement, and innovations that advance sustainable global development.</div> <div> </div> </div> <div class="contribution__input"> <input type="text" class="form-control contribution__price text-center" id="FND" maxlength="10" value="$50.00"> <div class="contribution__error" role="alert" style="display: none;"> null </div> <p class="contribution__suggestedPrice text-center"> Suggested Donation <br> $50 </p> </div> </div> <div class="contribution__product"> <div class=""> <label for="DIVCNTRB" class="d-block contribution-id mr-2"><b>Technical Divisions Voluntary Contribution</b></label> <div class="contribution__product-description mr-4">Technical Divisions are communities formed around specific professional and technical interests. Your contribution supports division activities, including scholarships, awards, and student programs.</div> <div> </div> </div> <div class="contribution__input"> <input type="text" class="form-control contribution__price text-center" id="DIVCNTRB" maxlength="10" value="$10.00"> <div class="contribution__error" role="alert" style="display: none;"> null </div> <p class="contribution__suggestedPrice text-center"> Suggested Donation <br> $10 </p> </div> </div> <div class="contribution__product"> <div class=""> <label for="SECCNTRB" class="d-block contribution-id mr-2"><b>Professional Section Contribution</b></label> <div class="contribution__product-description mr-4">ASME Professional Sections provide an avenue for all members to connect at the local level. Your support fuels community engagement and educational programs.</div> <div> </div> </div> <div class="contribution__input"> <input type="text" class="form-control contribution__price text-center" id="SECCNTRB" maxlength="10" value="$10.00"> <div class="contribution__error" role="alert" style="display: none;"> null </div> <p class="contribution__suggestedPrice text-center"> Suggested Donation <br> $10 </p> </div> </div> </form> </div> <div class=" row justify-content-end"> <div class="col-xs-12 col-sm-5 col-lg-4 col-xl-3"> <div class="d-flex justify-content-between contribution__totalPrice p-2"> <p>Subtotal:</p> <div> <span class="ml-5">$</span><span id="contributionSum"></span> </div> </div> <button type="button" class="btn btn-primary float-right" data-url="/on/demandware.store/Sites-RefArch-Site/en_US/Cart-AddProduct" id="btnAddContribution"><b>Add to cart</b></button> </div> </div> </div> </div> <div class="bottom-panel contribution" id="cart-ContributeSuccess" style="display: none;"> <div class="col-sm-7 col-md-8 mt-4 m-auto row align-items-center contribution__content"> <div class="col contribution__text"> <div class="contribution__title text-center">Thank you for your contribution!</div> <div class="contribution__description text-center">Your changes have been applied.</div> </div> </div> </div> </div> <footer id="footerRoot" footer-url="https://www.asme.org"></footer> </div> <div class="error-messaging"></div> <div class="modal-background"></div>   <script type="text/javascript">// </script> <script type="text/javascript" src="/on/demandware.static/Sites-RefArch-Site/-/en_US/v1728549982478/internal/jscript/dwanalytics-22.2.js" async="async" onload="trackPage()"></script>  <script src="/on/demandware.static/Sites-RefArch-Site/-/en_US/v1728549982478/internal/jscript/dwac-21.7.js" type="text/javascript" async="async"></script> <script src="https://cdn.cquotient.com/js/v2/gretel.min.js" type="text/javascript" async="async"></script> </body> <script src="https://www.asme.org/dist/react-bundle.js"></script> <script> const footerElement = document.getElementById("footerRoot"); const footerUrl = footerElement.getAttribute('footer-url'); const renderFooter = () => ReactDOM.render( React.createElement( Components.Footer, { homeUrl: footerUrl } ), footerElement ); renderFooter(); </script> <script> // 1. Select the DOM location for the new component const rootElement = document.getElementById("navRoot"); const name = rootElement.getAttribute('name'); const membership = rootElement.getAttribute('membership'); const ssoid = rootElement.getAttribute('ssoid'); const headerUrl = rootElement.getAttribute('header-url'); const signInUrl = rootElement.getAttribute('signin-url'); // 2. Render the component, providing any custom settings needed to override // the defaults. var renderNav; if (ssoid || membership || name){ renderNav = () => ReactDOM.render(React.createElement(Components.Navigation, { homeUrl: headerUrl, signInUrl : signInUrl, isExternal: true, userInfo: { username: name ? name : null, userName: name ? name : null, membershipStatus: membership ? membership : null, asmeUid: ssoid ? ssoid : null, isAuthenticated : true, } }), rootElement); } else { renderNav = () => ReactDOM.render(React.createElement(Components.Navigation, { homeUrl: headerUrl, signInUrl : signInUrl, isExternal: true }), rootElement); } renderNav(); </script> </html>

CINXE.COM

ASME Solutions Shopping Cart