[Résolu] Rendre une zone (panier) cliquable

Marsh Posté le 19-07-2013 à 11:28:39

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><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">  <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>  <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>
</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

Reply

Marsh Posté le 19-07-2013 à 11:28:39

Reply

Marsh Posté le 22-08-2013 à 19:21:28

Bonsoir,

Je me permets de revenir vers vous, le problème n'étant pas résolu.

Je crois que cela vient de la première ligne (onclick="location.href="http://monsite/commande-rapide" ) qui est probablement mal encodée.

D'avance merci si quelqu'un peut m'aider !

Reply

Marsh Posté le 18-09-2013 à 08:39:35

Perso je dirai que ça vient de ta feuille de style.

Le CSS permet de modifier ça.

Reply

Marsh Posté le 18-09-2013 à 11:08:35

Essaye :

Code :

onclick="window.location=\'{$link->getPageLink($order_process, true)}\';"

Message édité par MaybeEijOrNot le 18-09-2013 à 11:43:21

Reply

Marsh Posté le 19-09-2013 à 13:43:13

Bonjour et merci pour votre aide.

J'ai résolu le problème entre temps (avec pas mal de CSS) et je dois avouer que j'avais oublié ce topic.

Je garde quand même de côté votre réponse qui me servira probablement une autre fois.

Merci encore à tous !

Reply

[Résolu] Rendre une zone (panier) cliquable

Sujets relatifs:

Leave a Replay