### Modals
#<!-- Customer Registration Modal -->
[-- IF SC_Registration --]
<div class="modal fade" id="registrationModal" tabindex="-1" role="dialog" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-body">
        <div class="text-right"><button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button></div>
        <div class="row p-3">
          <div class="col-md-6 form-fields pb-4"><span class="h4 d-block">[-- STORE.SignInButtonText --]</span>
            <div class="cr_warning mb-0 mt-2"></div>
            <form id="sign-in-form" class="cr" action="[-- SHOPPING_CART_URL Secure Base --]/registration.cgi" method="post">
                [-- IF CR_FACEBOOK_CONNECT --]<input type="hidden" name="storeid" value="[-- STORE.Id --]"><div class="center"><div id="aj-fbconnect" class="padb padst">[-- CR_FACEBOOK_CONNECT --]</div></div>[-- END_IF --]<div id="sign-in-form-div">
<div class="email_pw"><span class="d-block small pt-2">[-- STORE.217 --]</span><input tabindex="1" class="email_pw" type="text" name="email1" value=""></div>
<div class="email_pw"><span class="d-block small pt-2">[-- STORE.218 --]</span><input tabindex="2" class="email_pw" type="text" name="text1" value="" onFocus="type='password'"></div>
</div>
                <div class="block py-3"><a class="small italic" href="[-- SHOPPING_CART_URL Base --]/order.cgi?storeid=[-- STORE.Id --]&html_reg=html&func=5" title="[-- STORE.cr_ForgotPasswordText --]">[-- STORE.cr_ForgotPasswordText --]</a></div><input type="submit" name="function" class="btn btn-primary" value="[-- STORE.SignInButtonText --]">
            </form></div>
          <div class="col-md-6 p-2"><div class="bg-light p-3"><span class="h5">[-- STORE.NewRegistration --]</span><p class="pt-3">[-- STORE.216 --]</p><p class="pt-3"><a class="btn btn-secondary" href="[-- SHOPPING_CART_URL BASE --]/order.cgi?func=1&storeid=[-- STORE.ID --]&html_reg=html">[-- STORE.ToRegister --]</a></p></div></div>
        </div>
      </div>
    </div>
  </div>
</div>
[-- END_IF --]
[-- IF AJAX_Add_To_Cart --]
<div id="cart-popup" class="modal fade" role="dialog" tabindex="-1" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header"><button type="button" class="close" data-dismiss="modal">&times</button></div>
      <div class="modal-body"><div id="messages" class="warning"><div id="cart-popup-messages"></div></div><div class="d-flex"><div id="cart-popup-prod-img" class="mw-50 pr-3"></div><div id="cart-popup-prod-info" class="flex-fill"><span id="cart-popup-name-price" class="d-flex justify-content-between"><span id="cart-popup-prod-name" class="bold"></span><span id="cart-popup-prod-price" class="bold"></span></span><span id="cart-popup-prod-sku" class="text-muted d-block"></span><span id="cart-popup-prod-options" class="d-block"></span><span id="cart-popup-prod-customer_text" class="d-block"></span><span id="cart-popup-prod-quantity" class="d-block"></span></div></div><div id="upsell-upsell"></div></div>
      <div class="modal-footer d-block"><div id="cart-popup-totals" class="d-flex justify-content-between align-items-center"><span id="cart-popup-total-quantity"></span><span class="bold">[-- STORE.Total --]:  <span id="cart-popup-total"></span></span></div><div class="text-right pt-3"><button type="button" class="btn btn-outline-primary mr-2" data-dismiss="modal">[-- STORE.ContinueShoppingText --]</button><a class="btn btn-primary" href="[-- SHOPPING_CART_URL --]">[-- STORE.ViewCartText --]</a></div></div>
    </div>
  </div>
</div>
[-- END_IF --]
[-- IF VAR.Type "moreinfo" --]
[-- IF VAR.SizeFitModal "yes" --]<!-- Size Modal --><div class="modal fade" id="sizeModal" tabindex="-1" role="dialog" aria-labelledby="sizeModalTitle" aria-hidden="true"><div class="modal-dialog modal-dialog-centered modal-lg" role="document"><div class="modal-content"><div class="modal-header"><h5 class="modal-title" id="sizeModalTitle">[-- STORE.SizeFitGuide --]</h5><button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button></div><div class="modal-body">[-- IF PRODUCT.SizeFitGuide EQ I --]<div><img [-- IF VAR.EchoLazyLoadCode "yes" --]src="[-- OUTPUT_DIRECTORY_URL --]/media/clear.png" data-echo="[-- PRODUCT.SizeFitGuideImage URL_ONLY --]"[-- ELSE --]src="[-- PRODUCT.SizeFitGuideImage URL_ONLY --]"[-- END_IF --] [-- IF PRODUCT.SizeFitGuideImageDesc --]alt="[-- PRODUCT.SizeFitGuideImageDesc --]" title="[-- PRODUCT.SizeFitGuideImageDesc --]"[-- ELSE --]alt="[-- PRODUCT.Name REMOVE_HTML --] [-- STORE.SizeFitGuide --]" title="[-- PRODUCT.Name REMOVE_HTML --] [-- STORE.SizeFitGuide --]"[-- END_IF --] class="img-fluid"></div>[-- ELSE --]<div>[-- PRODUCT.SizeFitGuideText --]</div>[-- END_IF --]</div></div></div></div>[-- END_IF --]
[-- IF VAR.AdditionalImages GT "0" --][-- IF PRODUCT.Video --]<!-- Video Modal --><div class="modal fade" id="videoModal" tabindex="-1" role="dialog" aria-labelledby="videoModalLabel" aria-hidden="true"><div class="modal-dialog" role="document"><div class="modal-content"><div class="pb-4"><button type="button" class="close text-white" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button></div><div><div class="embed-responsive embed-responsive-16by9">[-- PRODUCT.Video --]</div></div></div></div></div>[-- END_IF --][-- END_IF --]
[-- END_IF --]