<div class="modal fade pr-0" id="addToCartModal" tabindex="-1" role="dialog" aria-labelledby="addToCartModal" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content rounded-s">
<div class="modal-header border-0 text-center px-md-5 px-3 py-md-4 py-2 justify-content-center position-relative bg-light-site ">
<h5 class="modal-title color-success-s" id="exampleModalLongTitle"><i class="icon-check"></i> {{'app.ui.product_added'|trans}}</h5>
<button type="button" class="close close-absolute" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body font-popup">
<div class="row align-items-center">
<div id="modal-addProduct-image" class="col-md-6 col-12 text-center"></div>
<div class="col-md-6 col-12 text-left">
<div id="modal-addProduct-name" class="font-cambria font-18 pb-3 pt-md-0 pt-3"></div>
<div id="modal-addProduct-options" class=" pb-md-3 pb-1"></div>
<div class="qte-cart-inline d-inline-block">{{'sylius.ui.quantity'|trans}} : <div id="modal-addProduct-quantity" class="d-inline-block"> </div></div>
<div class="qte-cart-inline d-block font-weight-bold">{{'sylius.ui.price'|trans}} :
<div id="modal-addProduct-price" class="d-inline-block color-primary-s font-18">
</div>
</div>
</div>
</div>
</div>
<div class="modal-footer justify-content-center border-0 flex-column_ font-seize btn-panier-action">
<button type="button" class=" border-0 btn-link bg-dark px-3" data-dismiss="modal"><i class="icon-left-open"></i> {{'app.ui.continue_shopping'|trans}}</button>
<a href="{{ path('sylius_shop_cart_summary') }}" type="button" class="btn-link transition-bgcolor rounded-0 px-3" title="{{'app.ui.see_my_cart'|trans}}">{{'app.ui.see_my_cart'|trans}} <i class="icon-right-open"></i></a>
</div>
</div>
</div>
</div>