rafamem Posted March 20, 2018 Share Posted March 20, 2018 Intento usar el botón de quickview en el modal blockcart, pero cuando presiono en el botón y cierro el blockcart-modal para abrir el quickview al principio me carga todos los datos del producto pero segundos después desaparece. Aquí un video de ejemplo: https://www.youtube.com/watch?v=KP47Axd8N84 Este es el el template del modal donde tengo el botón de quickview: <div id="blockcart-modal" class="modal fade quickview" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close wt_close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> <h4 class="modal-title h6 text-xs-center" id="myModalLabel"><i class="material-icons"></i>{l s='Product successfully added to your shopping cart' d='Shop.Theme.Checkout'}</h4> </div> <div class="modal-body"> <div class=""> <div class="col-md-5 divide-right"> <div class="row"> <div class="col-md-6"> <img class="product-image" src="{$product.cover.medium.url}" alt="{$product.cover.legend}" title="{$product.cover.legend}" itemprop="image"> </div> <div class="col-md-6"> <h6 class="h6 product-name">{$product.name}</h6> <p class="price">{$product.price}</p> {hook h='displayProductPriceBlock' product=$product type="unit_price"} {foreach from=$product.attributes item="property_value" key="property"} <span><strong>{$property}</strong>: {$property_value}</span><br> {/foreach} <p><strong>{l s='Quantity:' d='Shop.Theme.Checkout'}</strong> {$product.cart_quantity}</p> </div> </div> </div> <div class="col-md-7"> <div class="cart-content"> {if $cart.products_count > 1} <p class="cart-products-count">{l s='There are %products_count% items in your cart.' sprintf=['%products_count%' => $cart.products_count] d='Shop.Theme.Checkout'}</p> {else} <p class="cart-products-count">{l s='There is %product_count% item in your cart.' sprintf=['%product_count%' =>$cart.products_count] d='Shop.Theme.Checkout'}</p> {/if} <p><strong>{l s='Total products:' d='Shop.Theme.Checkout'}</strong> {$cart.subtotals.products.value}</p> <p><strong>{l s='Total shipping:' d='Shop.Theme.Checkout'}</strong> {$cart.subtotals.shipping.value} {hook h='displayCheckoutSubtotalDetails' subtotal=$cart.subtotals.shipping}</p> {if $cart.subtotals.tax} <p><strong>{$cart.subtotals.tax.label}</strong> {$cart.subtotals.tax.value}</p> {/if} <p class="price-total"><strong>{l s='Total:' d='Shop.Theme.Checkout'}</strong> {$cart.totals.total.value} {$cart.labels.tax_short}</p> <div class="cart-content-btn"> <button type="button" class="btn btn-secondary" data-dismiss="modal">{l s='Continue shopping' d='Shop.Theme.Actions'}</button> <a href="{$cart_url}" class="btn btn-primary"><i class="material-icons"></i>{l s='proceed to checkout' d='Shop.Theme.Actions'}</a> <article class="ajax_block_product product-miniature js-product-miniature" data-id-product="{$product.id_product}" data-id-product-attribute="{$product.id_product_attribute}" itemscope itemtype="http://schema.org/Product"> <div class="product-quick-view"> <a href="javascript:void(0);" onclick="dimissBlockcart();return!1" class="btn btn-info medium-button quick-view" data-toggle="tooltip" data-placement="top" data-link-action="quickview" title="quickview" rel="#"> <span class="text">Back to the same product</span> </a> </div> </article> </div> </div> </div> </div> </div> </div> </div> </div> <script> function dimissBlockcart() { $("#blockcart-modal").modal("hide") } </script> Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now