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 basPage: 1
SUJET:

[Tuto] Améliorer l'apparence du bloc "Mon Panier"

#1112
Otaugames
Gold Boarder
Messages: 168
graphgraph
Personne n'est hors ligne Cliquez ici pour voir le profil de cet utilisateur
Sexe: Masculin Sim Emporium Lieu: Troyes Date anniversaire: 28/06

[Tuto] Améliorer l'apparence du bloc "Mon Panier"

Il y a 10 Années
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
Expert Boarder
Messages: 112
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 10 Années
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
Gold Boarder
Messages: 168
graphgraph
Personne n'est hors ligne Cliquez ici pour voir le profil de cet utilisateur
Sexe: Masculin Sim Emporium Lieu: Troyes Date anniversaire: 28/06

Re:[Tuto] Améliorer l'apparence du bloc "Mon

Il y a 10 Années
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
Expert Boarder
Messages: 112
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 10 Années
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
Moderator
Messages: 173
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 10 Années
Karma: 8  
Bien vu !
Modif simple mais fort sympathique !
 
L'administrateur a désactivé l'accès public en écriture.
#1460
MmaxX
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 9 Années, 12 Mois
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
Expert Boarder
Messages: 112
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 9 Années, 12 Mois
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
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 9 Années, 12 Mois
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 hautPage: 1
Modérateur: Gabriiiel, ILOA, zuiko