Jump to content

Module BlockCart : CSS probleme quand le panier est vide


Recommended Posts

Bonjour a toutes et a tous,

 

Je vous expose mon probleme :

 

Je suis en ce moment en train de reprendre le module Panier

 

http://img15.hostingpics.net/pics/703233cartproblem.jpg

 

Comme vous pouvez le voir sur l'image

A gauche quand le panier est vide mes DIV Shipping et total sont decalees, cependant j'ai repris le code de blockcart pour l'adapter et transformer le tout en DIV de maniere a pouvoir replacer le tout sans soucis :

 

CSS : blockcart.css

 

/* PUT TOTAL AMOUNT ON THE RIGHT*/
#cart_block div#cart_block_total.price.ajax_block_cart_total{
font-size : 18px;
float : right;
}
/* RIGHT SHIPPING NOTE*/
#cart_block div#cart_block_shipping_cost.price.ajax_cart_shipping_cost{
font-size : 14px;
color:#3f9146;
float: right;
}
/* DIV TOTAL NAME ON THE LEFT*/
#cart_block div.total{
font-size: 18px;
float : left;
}
/* DIV SHIPPING TEXT 16042013 */
#cart_block div.shipping{
font-size:14px;
float: left;
display:inline;
}

 

TEMPLATE : Blockcart.tpl

 

 

<div id="cart-prices">
  <!-- SPAN TO DIV  --><div id="cart_block_shipping_cost" class="price ajax_cart_shipping_cost">{$shipping_cost}</div>
  <div class="shipping">{l s='Shipping' mod='blockcart'}</div>
  <br/>
<div id="cart_block_total" class="price ajax_block_cart_total">{$total}</div>
  <div class="total">{l s='Total' mod='blockcart'}</div>

 

Je ne comprends pas pourquoi le panier etant vide, mon CSS ne s'adapte plus et pourquoi au lieu d'afficher "Free Shipping" de nouveau, on a 0.00euros pour le prix de livraison.

 

En vous remerciant d'avance,

 

Flo

Edited by TechDelavente (see edit history)
Link to comment
Share on other sites

Bonjour,

 

Utilisez la variable {if $products} pour cacher les totaux, ça me parait plus logique si rien dans le panier.

 

{if $products}
<div id="cart-prices">
  <!-- SPAN TO DIV  --><div id="cart_block_shipping_cost" class="price ajax_cart_shipping_cost">{$shipping_cost}</div>
  <div class="shipping">{l s='Shipping' mod='blockcart'}</div>
  <br/>
<div id="cart_block_total" class="price ajax_block_cart_total">{$total}</div>
  <div class="total">{l s='Total' mod='blockcart'}</div>
{/if}

 

V++

 

Atch

Link to comment
Share on other sites

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 account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...