<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-0"> <div class="modal-header bg-white rounded-0 border-0 text-center p-md-4 px-3 pt-4 pb-4 align-items-center justify-content-center position-relative "> <h5 class="modal-title modal-title font-18 font-pro-bold color-blue-s text-uppercase" id="exampleModalLongTitle">{{'app.cart.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 pt-md-3 pt-0"> <div class="row align-items-center"> <div id="modal-addProduct-image" class="col-md-5 col-12 text-center"></div> <div class="col-md-7 col-12 text-left"> <div id="modal-addProduct-name" class="font-18 font-pro-bold pb-3 pt-md-0 pt-3"></div> <div id="modal-addProduct-shotdescr" class="font-seize text-grey pb-md-3 pb-1"></div> <div class="qte-cart-inline">{{'sylius.ui.quantity'|trans}} : <div id="modal-addProduct-quantity" class="d-inline-block"> </div></div> <div class="qte-cart-inline font-18 font-pro-bold ">{{'sylius.ui.price'|trans}} : <div id="modal-addProduct-price" class="d-inline-block"> </div></div> </div> </div> </div> <div class="modal-footer bg-white justify-content-center rounded-0 border-0 flex-column font-seize"> <a href="{{ path('sylius_shop_cart_summary') }}" type="button" class="btn-link minw-sm bg-gradient-hover" title="{{'app.cart.see'|trans}}">{{'app.cart.see'|trans}}</a> <button type="button" class="rounded-0 border-0 bg-transparent p-0 my-3 text-underline" data-dismiss="modal"><i class="icon-left-open"></i> {{'app.cart.continue_shopping'|trans}}</button> </div> </div> </div></div>