Bonjour,
Mon problème est le suivant : je suis sur prestashop et j'ai un bloc panier, toujours affiché en haut de page.
Au survol de la souris, le contenu du panier s'affiche.
Le seul hic, c'est que la zone survolable/cliquable est beaucoup trop petite.
Je viens vers vous après avoir perdu des heures à essayer de résoudre mon problème, mais pas moyen !
Ci-dessous une photo, c'est plus parlant :
Voici le code de mon bloc :
Code :
- <div id="cart" class="mm_shopcart" disptitle="Mon panier" onclick="location.href="http://monsite/commande-rapide">
- <div class="heading">
- <div class="block block-cart-header">
- <div class="block-content">
- {if !$PS_CATALOG_MODE}
- <span class="button-show">
- <ul id="header_nav">
- <li id="shopping_cart">
- <a href="{$link->getPageLink($order_process, true)}" title="{l s='Your Shopping Cart' mod='blockuserinfo'}">
- <span class="shop-total">{l s='Shopping Cart-' mod='blockuserinfo'}
- <span class="ajax_cart_total{if $cart_qties == 0} tophidden{/if} price">
- {if $cart_qties > 0}
- {if $priceDisplay == 1}
- {assign var='blockuser_cart_flag' value='Cart::BOTH_WITHOUT_SHIPPING'|constant}
- {convertPrice price=$cart->getOrderTotal(false, $blockuser_cart_flag)}
- {else}
- {assign var='blockuser_cart_flag' value='Cart::BOTH_WITHOUT_SHIPPING'|constant}
- {convertPrice price=$cart->getOrderTotal(true, $blockuser_cart_flag)}
- {/if}
- {/if}
- </span>
- <span class="ajax_cart_no_product{if $cart_qties > 0} tophidden{/if} price"> {assign var='blockuser_cart_flag' value='Cart::BOTH_WITHOUT_SHIPPING'|constant}
- {convertPrice price=$cart->getOrderTotal(false, $blockuser_cart_flag)}</span>
- </span>
- </a>
- </li>
- </ul>
- </span>
- {/if}
|
Et le voici tel qu'affiché dans le navigateur :
Code :
- <div commande-rapide"="" monsite.com="" http:="" onclick="location.href=" disptitle="Mon panier" class="mm_shopcart" id="cart">
- <div class="heading">
- <div class="block block-cart-header">
- <div class="block-content">
- <span class="button-show">
- <ul id="header_nav">
- <li id="shopping_cart">
- <a title="Votre panier" href="http://monsite.com/commande-rapide" style="border-radius: 3px 3px 3px 3px;">
- <span class="shop-total">Mon panier
- <span class="ajax_cart_total tophidden price" style="display: none;">0,00 €</span>
- <span class="ajax_cart_no_product price"> 0,00 €</span>
- </span>
- </a>
- </li>
- </ul>
- </span>
-
- <script type="text/javascript"> var CUSTOMIZE_TEXTFIELD = 1; var img_dir = 'http://monsite.com/themes/xxx/img/'; </script><script type="text/javascript"> var customizationIdMessage = 'Personnalisation n°'; var removingLinkText = 'supprimer cet article du panier'; var freeShippingTranslation = 'Livraison gratuite !'; var freeProductTranslation = 'Gratuit !'; var delete_txt = 'Supprimer';</script><!-- MODULE Block cart --><div style="margin-top:20px" class="block exclusive header-items empty" id="cart_block"> <p class="block-subtitle">Produit(s) ajouté(s) récemment</p> <h4> <a href="http://monsite.com/commande-rapide">Panier</a> <span class="hidden" id="block_cart_expand"> </span> <span id="block_cart_collapse"> </span> </h4> <div class="top-empty"> <!-- block summary --> <div class="collapsed" id="cart_block_summary"> <span style="display:none;" class="ajax_cart_quantity">0</span> <span style="display:none" class="ajax_cart_product_txt_s">articles</span> <span class="ajax_cart_product_txt" style="display: none;">article</span> <span style="display:none" class="ajax_cart_total">0,00 €</span> <span class="ajax_cart_no_product" style="display: inline-block;">(vide)</span> </div> <!-- block list of products --> <div class="expanded" id="cart_block_list"> <p id="cart_block_no_products">Aucun produit</p> <p id="cart-prices"> <span class="price ajax_cart_shipping_cost" id="cart_block_shipping_cost">0,00 €</span> <span>Expédition</span> <br> <span class="price ajax_block_cart_total" id="cart_block_total">0,00 €</span> <span>Total</span> </p> <p id="cart-buttons"> </p><div class="actions"> <p class="view-cart"> <a title="Commander" class="exclusive_large button right" href="http://monsite.com/commande-rapide"><span><span>Commander</span></span></a> </p> </div> </div> </div> </div><!-- Block user information module HEADER -->
- <!-- Block search module -->
- </div>
- </div>
- </div>
- </div>
|
Je suppose que c'est simple (je suis loin d'être un pro) mais toute aide serait la bienvenue !
D'avance merci mille fois !
Message édité par moi29001 le 19-09-2013 à 13:41:40