CSS : Modifier une .box de Shopping Cart" ?

[Nicorbeau]

Salut a tous !

Voilà mon soucis après quelques jours de tripatouillage sur mon template de Opencart v1.5.1.3_FR (télécharger sur ce site):

J'ai installé un module de shopping cart en right (lien)

J'ai préalablement installé Vqmod 2.15 Opencart (le dernier)
Mon problème ce situe au niveau du CSS (pas un pro dans ce domaine ^^) , après avoir fait toutes les modifs indiqué par le tuto :

Code: Tout sélectionner

===============================================
   OPENCART 1.5 Cart Module Plugin:
===============================================


Supported OpenCart Versions:
================
v1.5.0.6


What does it do:
================
This adds the cart into a module that can be added to the page layout left/right sidebar.


Main features:
==============
  * Display product(s) in cart and cart total.
  * Remove product from cart.
  * Update cart when add a new product.


How to install it:
==================
1) Unzip and Copy/Upload the admin and catalog folder to the root directory of your OpenCart installation.
-- Nothing is overwritten
2) Add styles to stylesheet:
   a) EDIT: catalog/view/theme/YOURTHEME/stylesheet/stylesheet.css
   
   b) ADD TO BOTTOM
-------------------
/*
 * Cart Module
 * @credit: Opencart-Template.co.uk
 */
#module_cart .content {
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #EEEEEE;
    border-radius: 0 7px 7px 7px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 2px 2px #DDDDDD;
    clear: both;
    display: none;
    min-height: 150px;
    padding: 8px;
    position: relative;
    top: -1px;
}
#module_cart.active .heading {
    border-left: 1px solid #EEEEEE;
    border-radius: 7px 7px 0 0;
    border-right: 1px solid #EEEEEE;
    border-top: 1px solid #EEEEEE;
    margin-top: 5px;
    padding-bottom: 6px;
    padding-top: 10px;
}
#module_cart.active .content {
    display: block;
}
#module_cart .cart {
    border-collapse: collapse;
    margin-bottom: 5px;
    width: 100%;
}
#module_cart .cart td {
    border-bottom: 1px solid #EEEEEE;
    color: #000000;
    padding: 2px 3px;
    vertical-align: top;
}
#module_cart .cart .image {
    display: none;
}
#module_cart .cart .image img {
    border: 1px solid #EEEEEE;
    text-align: left;
}
#module_cart .cart .name small {
    color: #666666;
    line-height: 14px;
}
#module_cart .cart td.total, #module_cart .cart td.quantity{
    text-align: right;
    vertical-align: middle;
}
#module_cart .cart .remove {
    text-align: right;
   padding: 0 2px;
   vertical-align: middle;
}
#module_cart .cart .remove img {
    cursor: pointer;
}
#module_cart table.total {
    border-collapse: collapse;
    clear: left;
    float: right;
    margin-bottom: 5px;
    padding: 5px;
}
#module_cart table.total td {
    color: #000000;
}
#module_cart .checkout {
    clear: both;
    text-align: right;
}
#module_cart .empty {
    text-align: center;
}
-------------------




3) Edit Javascript for for Add/Remove product from cart:
   a) EDIT: catalog/view/javascript/common.js
   
   b) FIND Line 121:
-------------------
$('#cart_total').html(json['total']);
-------------------   
   c) ADD, BELOW:
-------------------
$('#module_cart .cart-module').html(json['output']);
-------------------
   
   d) FIND EACH:
-------------------
$('#cart .content').html(json['output']);
-------------------   
   e) REPLACE EACH WITH:
-------------------
$('#cart .content, #module_cart .cart-module').html(json['output']);
-------------------


4) Edit inline JavaScript on the product.tpl
EITHER:

a) Add the below to a vqmod file
<file name="catalog/view/theme/default/template/product/product.tpl">
   <operation>
      <search position="after"><![CDATA[$('#cart_total').html(json['total']);]]></search>
      <add><![CDATA[$('.cart-module').html(json['output']);]]></add>
   </operation>
</file>

b) Or manually make the changes
   a) EDIT: catalog/view/theme/default/template/product/product.tpl
   
   b) FIND
-------------------
$('#cart_total').html(json['total']);
-------------------   
   e) ADD BELOW:
-------------------
$('.cart-module').html(json['output']);
-------------------


5) Now log into the admin area and go to Extension/Modules to configure the cart module.
If you get the error 'The page you are looking for could not be found!' go to System/Users/User Groups ensure the 



History:
========
v150.2 - 17-JUN-2011 - Removed Product Pic Animation when add to cart from Product page.
v150.1 - 01-JUN-2011 - Opencart-Template.co.uk Release
- Initial Release


Creadits
========
Developed by Opencart-Template.co.uk, www.opencart-templates.co.uk info@opencart-templates.co.uk

je me retrouve donc a vouloir modifier le #module_cart .content (dans stylesheet.css) pour lui mettre une image de fond plutot qu'une couleur .... et là ben non ^^ ça fonctionne pas !! même pas lui change la couleur !!

Par-contre si je modifie le .box .box-heading (tjr dans le même fichier forcément c'est une feuille de style ^^)

bah la oui ça fonctionne mais ... pour toute mes Box ....

donc ça donne ça (couleur juste )
>>>>>IMG du soucis<<<<<

donc je me demande si cela vient d'un mauvais "appel" de la balise #module_cart .content par product.tpl ... mais après avoir fait manuellement ainsi qu'en VQmod .. je sèche (alors ouai y'a marqué pour version v1.5.0.6 mais vu que le cart apparait je vois pas pourquoi il ne serait pas modifiable j'ai juste du résoudre un prb de Ajaxupload )

Merci de m'indiquer si vous avez une idée .
Amicalement

[Nicorbeau]

ok résolu !!

le soucis venait de cart.tpl qui n'appelait pas les bonnes class ... alors que fourni dans le rar quand même ^^

en tout merci bcp pou votre aide (ou lecture ^^)