Bienvenue, Invité
Merci de vous identifier ou de vous inscrire.    Mot de passe perdu?

[mini-tuto] Passer la colonne à gauche sur la page de checkout
(1 lecteur(s)) (1) Invité(s)
Aller en basPage: 1
SUJET:

[mini-tuto] Passer la colonne à gauche sur la page de checkout

*
#12178
Boutik Circus
Nicolas Trossat
Platinum Boarder
Messages: 672
graphgraph
Personne n'est hors ligne Cliquez ici pour voir le profil de cet utilisateur
Sexe: Masculin boutik-circus Boutik Circus nicolas.trossat@boutik-circus.fr Lieu: Var Date anniversaire: 18/04

[mini-tuto] Passer la colonne à gauche sur la page de checkout

Il y a 9 Années
Karma: 21  
Je le mets en tuto après avoir pas mal galèré avant de me rendre compte qu'il faut modifier opcheckout.js pour que ca marche...

1 - dans /app/design/frontend/mon_interface/mon_theme/layout/checkout.xml
Remplacer
Code :


        <remove name="left"/>

        <reference name="root">
            <action method="setTemplate"><template>page/2columns-right.phtml</template></action>
        </reference>
        <reference name="right">
            <action method="unsetChildren"></action>

            <block type="checkout/onepage_progress" name="checkout.progress" before="-" template="checkout/onepage/progress.phtml"/>
        </reference>

par
Code :


        <remove name="right"/>

        <reference name="root">
            <action method="setTemplate"><template>page/2columns-left.phtml</template></action>
        </reference>
        <reference name="left">
            <action method="unsetChildren"></action>

            <block type="checkout/onepage_progress" name="checkout.progress" before="-" template="checkout/onepage/progress.phtml"/>
        </reference>


2 - Dans /skin/frontend/mon_interface/mon_theme/js/opcheckout.js
Remplacer
Code :

    reloadProgressBlock: function(){
        var updater = new Ajax.Updater($$('.col-right')[0], this.progressUrl, {method: 'get', onFailure: this.ajaxFailure.bind(this)});
    },

par
Code :

    reloadProgressBlock: function(){
        var updater = new Ajax.Updater($$('.col-left')[0], this.progressUrl, {method: 'get', onFailure: this.ajaxFailure.bind(this)});
    },

 
L'administrateur a désactivé l'accès public en écriture.
#14017
Johan
Platinum Boarder
Messages: 540
graphgraph
Personne n'est hors ligne Cliquez ici pour voir le profil de cet utilisateur
Sexe: Masculin Lusodev xor08@msn.com Lieu: GAP, Hautes-Alpes (05) Date anniversaire: 04/01

Re:[mini-tuto] Passer la colonne à gauche sur la page de checkout

Il y a 8 Années, 11 Mois
Karma: 8  
Et... je vais compliquer la chose en vous demandant :

Comment faire pour mettre cet avancement dans le content de la page ?
J'ai réussi à y mettre les étapes principale, mais l'avancement qui s'auto-incrémente passe en dessous du footer... Je me doute bine qu'il faut modifier le xml, dont notamment :

Code :


<!--
One page checkout progress block
-->

    <checkout_onepage_progress>
        <!-- Mage_Checkout -->
        <remove name="right"/>
        
        <reference name="content">
        <block type="checkout/onepage_progress" name="root" output="toHtml" template="checkout/onepage/progress.phtml">
            <block type="checkout/onepage_payment_info" name="payment_info">
                <action method="setInfoTemplate"><method></method><template></template></action>
            </block>
        </block>
        </reference>
    </checkout_onepage_progress>



Mais... comment bien structurer ce changement ?



Edit :
J'ai trouvé le soucis... il se situait dans le fichier checkout/onepage/progess.phtml :

l. 31 (à peu près)
Code :

<div class="block-content">


Il suffit de renommer la class autrement... C'est tout bête ! En faite, le sujet suivant m'a aiguillé sur la solution : www.magentocommerce.com/boards/viewthread/18817/#t63867
 
Dernière édition: 26/05/09 à  16:06 Par Johan.
Johan - Lusodev www.lusodev.fr
L'administrateur a désactivé l'accès public en écriture.
Revenir en hautPage: 1
Modérateur: Gabriiiel, ILOA, zuiko