Accueil arrow Forums
Forums Fragento
Accueilvue en cascadeRèglesAide
Bienvenue, Invité
Merci de vous identifier ou de vous inscrire.    Mot de passe perdu?
[Tuto] Améliorer l'apparence du bloc "Mon Panier" (1 lecteur(s)) (1) Invité(s)
Aller en bas Répondre Ajouté aux favoris : 0
SUJET: [Tuto] Améliorer l'apparence du bloc "Mon Panier"
#1112
Otaugames (Utilisateur)
Expert Boarder
Messages: 159
graphgraph
Personne n'est hors ligne Cliquez ici pour voir le profil de cet utilisateur
Sexe: Masculin Sim Emporium Lieu: Troyes Date de naissance: 1986-06-28
[Tuto] Améliorer l'apparence du bloc "Mon Panier" Il y a 5 Mois Karma: 6  
La formule "Produit(s) ajouté(s) récemment" a l'avantage de s'adapter au singulier comme au pluriel selon la contenance du panier, mais je trouve ce style d'écriture avec les parenthèses particulièrement lourd à lire. Et le bloc panier, c'est l'un des éléments les plus importants à mon sens sur une boutique dans la mesure où le regard va régulièrement s'y poser. Quelques modifications permettent de résoudre ce "problème".

-----------------------------

1. Ouvrir le fichier sidebar.phtml dans template/checkout/cart :
A la ligne 48, remplacer :
Code :
<?php if(count($_items)): ?>
<h5>Recently added item(s)</h5>
<ol id="cart-sidebar">
<?php foreach($_items as $_item): ?>
<li>
<div class="product-images">
<a href="<?php echo $_item->getProductUrl() ?>"><img src="<?php echo $this->helper('catalog/image')->init($_item->getThumbnailObject(), 'thumbnail')->resize(50, 50)->setWatermarkSize('30x10'); ?>" alt="<?php echo $_item->getProductName() ?>" width="50" height="50" /></a>
</div>
<div class="product-details">
<a href="<?php echo $this->getRemoveItemUrl($_item) ?>" onclick="return confirm('<?php echo $this->__('Are you sure you would like to remove this item from the shopping cart?') ?>');" class="widget-btn"><img src="<?php echo $this->getSkinUrl('images/list_remove_btn.gif') ?>" alt="<?php echo $this->__('Remove Product') ?>"/></a>
<a href="<?php echo $_item->getProductUrl() ?>"><?php echo $_item->getProductName() ?></a>
<?php echo $_item->getProductDescription() ?>
<br/><strong><?php echo 1*$_item->getQty() ?></strong> x <?php echo Mage::helper('core')->currency($_item->getPrice()) ?>
</div>
</li>
<?php endforeach; ?>
</ol>
<script type="text/javascript">decorateList('cart-sidebar')</script>


Par :
Code :
<?php if(count($_items)==1): ?>
<h5><?php echo $this->__('Recently added product') ?></h5>
<ol id="cart-sidebar">
<?php foreach($_items as $_item): ?>
<li>
<div class="product-images">
<a href="<?php echo $_item->getProductUrl() ?>"><img src="<?php echo $this->helper('catalog/image')->init($_item->getThumbnailObject(), 'thumbnail')->resize(50, 50)->setWatermarkSize('30x10'); ?>" alt="<?php echo $_item->getProductName() ?>" width="50" height="50" /></a>
</div>
<div class="product-details">
<a href="<?php echo $this->getRemoveItemUrl($_item) ?>" onclick="return confirm('<?php echo $this->__('Are you sure you would like to remove this item from the shopping cart?') ?>');" class="widget-btn"><img src="<?php echo $this->getSkinUrl('images/list_remove_btn.gif') ?>" alt="<?php echo $this->__('Remove Product') ?>"/></a>
<a href="<?php echo $_item->getProductUrl() ?>"><?php echo $_item->getProductName() ?></a>
<?php echo $_item->getProductDescription() ?>
<br/><strong><?php echo 1*$_item->getQty() ?></strong> x <?php echo Mage::helper('core')->currency($_item->getPrice()) ?>
</div>
</li>
<?php endforeach; ?>
</ol>
<script type="text/javascript">decorateList('cart-sidebar')</script>

<?php elseif(count($_items)>1): ?>
<h5><?php echo $this->__('Recently added products') ?></h5>
<ol id="cart-sidebar">
<?php foreach($_items as $_item): ?>
<li>
<div class="product-images">
<a href="<?php echo $_item->getProductUrl() ?>"><img src="<?php echo $this->helper('catalog/image')->init($_item->getThumbnailObject(), 'thumbnail')->resize(50, 50)->setWatermarkSize('30x10'); ?>" alt="<?php echo $_item->getProductName() ?>" width="50" height="50" /></a>
</div>
<div class="product-details">
<a href="<?php echo $this->getRemoveItemUrl($_item) ?>" onclick="return confirm('<?php echo $this->__('Are you sure you would like to remove this item from the shopping cart?') ?>');" class="widget-btn"><img src="<?php echo $this->getSkinUrl('images/list_remove_btn.gif') ?>" alt="<?php echo $this->__('Remove Product') ?>"/></a>
<a href="<?php echo $_item->getProductUrl() ?>"><?php echo $_item->getProductName() ?></a>
<?php echo $_item->getProductDescription() ?>
<br/><strong><?php echo 1*$_item->getQty() ?></strong> x <?php echo Mage::helper('core')->currency($_item->getPrice()) ?>
</div>
</li>
<?php endforeach; ?>
</ol>
<script type="text/javascript">decorateList('cart-sidebar')</script>



2. Ouvrir le fichier Mage_Checkout.csv dans app/locale/fr_FR :
Ajouter ces deux lignes à la fin :
Code :
"Recently added products","Produits ajoutés récemment"
"Recently added product","Produit ajouté récemment"


-----------------------------

Faites le test, ça devrait fonctionner. Si une référence unique est présente dans le panier, le singulier sera utilisé, dans le cas contraire ce sera le pluriel.nnMessage édité par : Otaugames, à : 08 04 2008 16:00:18
 
  L'administrateur a désactivé l'accès public en écriture.
#1115
alphanono (Utilisateur)
Expert Boarder
Messages: 111
graphgraph
Personne n'est hors ligne Cliquez ici pour voir le profil de cet utilisateur
Net Ambition Lieu: France, Toul (54)
Re:[Tuto] Améliorer l'apparence du bloc "Mon Panier" Il y a 5 Mois Karma: 1  
Cool, un spécialiste du détail ! PS: as-tu pensé à utiliser directResize dans ce bloc ?

Bon, ton idée est bonne mais on peut simplifier un peu quand même. Etant donné que le changement n'intervient que sur la ligne de titre, en conservant ton principe, il suffit de changer :

Code :
<h5>Recently added item(s)</h5>


Par :

Code :
<h5><?php count($_items)>1 ? print $this->__('Recently added products') : print $this->__('Recently added product'); ?></h5>


+ la modif dans le fichier de traduction comme tu l'as indiqué.

Attention à ceux qui utilisent le cache. Après avoir modifié le fichier de traduction, pensez à récfraîchir le cache.
 
  L'administrateur a désactivé l'accès public en écriture.
#1117
Otaugames (Utilisateur)
Expert Boarder
Messages: 159
graphgraph
Personne n'est hors ligne Cliquez ici pour voir le profil de cet utilisateur
Sexe: Masculin Sim Emporium Lieu: Troyes Date de naissance: 1986-06-28
Re:[Tuto] Améliorer l'apparence du bloc "Mon Il y a 5 Mois Karma: 6  
Merci pour ta suggestion, c'est bien plus simple en effet.

C'est vrai que j'essaie de débuter avec PHP, les feuilles CSS, ..., enfin bref tout ce qui fait tourner Magento, et parfois c'est encore un peu à la hache que je travaille !

Mais on en apprend tous les jours.

PS : je place directResize partout où je vois que les images sont appelées, et ça fonctionne au poil ! Ce bloc panier y compris.nnMessage édité par : Otaugames, à : 08 04 2008 17:43:44
 
  L'administrateur a désactivé l'accès public en écriture.
#1119
alphanono (Utilisateur)
Expert Boarder
Messages: 111
graphgraph
Personne n'est hors ligne Cliquez ici pour voir le profil de cet utilisateur
Net Ambition Lieu: France, Toul (54)
Re:[Tuto] Améliorer l'apparence du bloc "Mon Il y a 5 Mois Karma: 1  
Je comprend ! C'est pas évident de s'y mettre. Bon courage.

Super pour directResize ... y'a déjà un fan !

Et pour ceux qui suivent ce Thread mais qui ne savent pas de quoi on parle, c'est icinnMessage édité par : alphanono, à : 08 04 2008 19:21:55
 
  L'administrateur a désactivé l'accès public en écriture.
#1127
kohril (Admin)
Administrateur
Messages: 149
graphgraph
Personne n'est connecté Cliquez ici pour voir le profil de cet utilisateur
Re:[Tuto] Améliorer l'apparence du bloc "Mon Il y a 5 Mois Karma: 7  
Bien vu !
Modif simple mais fort sympathique !
 
  L'administrateur a désactivé l'accès public en écriture.
#1460
MmaxX (Utilisateur)
Expert Boarder
Messages: 124
graphgraph
Personne n'est hors ligne Cliquez ici pour voir le profil de cet utilisateur
Re:[Tuto] Améliorer l'apparence du bloc "Mon Il y a 4 Mois, 2 Semaines Karma: 1  
Très bonne idée, mais tant qu'à être précis, autant l'être jusqu'au bout :

le fichier sidebar.phtml est situé dans : app\design\frontend\default\default\template\checkout\cart

(ce n'est pas forcément évident pour tout le monde, j'avoue avoir eu un doute l'espace d'un instant )
 
  L'administrateur a désactivé l'accès public en écriture.
#1463
alphanono (Utilisateur)
Expert Boarder
Messages: 111
graphgraph
Personne n'est hors ligne Cliquez ici pour voir le profil de cet utilisateur
Net Ambition Lieu: France, Toul (54)
Re:[Tuto] Améliorer l'apparence du bloc "Mon Il y a 4 Mois, 2 Semaines Karma: 1  
Le fait de ne préciser que "template\checkout\cart" est une bonne chose car le fichier sidebar.phtml peut être contenu dans un autre répertoire que celui que tu indiques suivant l'utilisation d'autres templates ou de templates perso ...
D'ailleurs, il est conseillé de ne pas toucher au fichier contenu dans le chemin que tu indiques.
 
  L'administrateur a désactivé l'accès public en écriture.
#1469
MmaxX (Utilisateur)
Expert Boarder
Messages: 124
graphgraph
Personne n'est hors ligne Cliquez ici pour voir le profil de cet utilisateur
Re:[Tuto] Améliorer l'apparence du bloc "Mon Il y a 4 Mois, 2 Semaines Karma: 1  
Tu as raison, mais ce n'est pas forcément évident pour tout le monde de trouver ce dossier "template" à partir de la racine.

Disons alors : [racine_du_site]\app\design\frontend\mon_theme\mon_interface\template\checkout\cart
 
  L'administrateur a désactivé l'accès public en écriture.
Revenir en haut Répondre
Développé par FireBoardObtenir les derniers messages directement sur votre PC