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

[TUTO]Magic Zoom Plus
(1 lecteur(s)) (1) Invité(s)
Aller en basPage: 1
SUJET:

[TUTO]Magic Zoom Plus

#14420
khalil_ha
Fresh Boarder
Messages: 13
graphgraph
Personne n'est hors ligne Cliquez ici pour voir le profil de cet utilisateur

[TUTO]Magic Zoom Plus

Il y a 8 Années, 7 Mois
Karma: 1  
La solution consiste à utiliser le script mzp-packed.js du site
Commencez par télécharger la version zippé de magiczoomplus et à la décompresser.

Commencez par créer un répertoire zoom dans le dossier js de Magento et copiez le fichier mzp-packed.js que vous venez de décompresser dans ce répertoire.

Copiez ensuite le fichier magiczoomplus.css dans le répertoire /skin/frontend/votre package/votre-theme/css/ de Magento.

Créez un répertoire /skin/frontend/votre package/default/css/cursor/ dans Magento et copiez dedans tous les fichiers que vous trouverez dans le dossier css du dossier cursor décompressé.


Insérez l’appel aux fichiers javascript et feuille de style de lightbox dans Magento

Ouvrez le fichier : /magento/app/design/frontend/votre package/votre theme/layout/page.xml et insérez entre :

Code :

<block type=“page/html_head” name=“head” as=“head”>
….
</block>



les 2 lignes suivantes :

Code :


<action method="addJs"><script>zoom/mzp-packed.js</script></action>
<action method="addCss"><stylesheet>css/magiczoomplus.css</stylesheet></action>



Insertion de l’appel à magiczoomplus dans une fiche produit
Ouvrez le fichier :

/magento/app/design/frontend/votre package/votre theme/template/catalog/product/view/media.phtml
si le fichier n existe vous deviez le crée
et metre de dans :
Code :


<?php
/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License (AFL 3.0)
 * that is bundled with this package in the file LICENSE_AFL.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magentocommerce.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Magento to newer
 * versions in the future. If you wish to customize Magento for your
 * needs please refer to http://www.magentocommerce.com for more information.
 *
 * @category   design_default
 * @package    Mage
 * @copyright  Copyright (c) 2008 Irubin Consulting Inc. DBA Varien (http://www.varien.com)
 * @license    http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */

/**
 * Product media data template
 *
 * @see Mage_Catalog_Block_Product_View_Media
 */
?>

<?php
    $_product = $this->getProduct();
    $_helper = $this->helper('catalog/output');
?>

<?php if ($_product->getImage() != 'no_selection' && $_product->getImage()): ?>

    

 <a href="<?php   echo $this->helper('catalog/image')->init($_product, 'image')
    ?>" id="zoom1" class="MagicZoom MagicThumb"/><?php
    
        $_img = '<img   src="'.$this->helper('catalog/image')->init($_product, 'image')->resize(265).'" alt="'.$this->htmlEscape($this->getImageLabel()).'"    title="'.$this->htmlEscape($this->getImageLabel()).'" />';
        echo $_helper->productAttribute($_product, $_img, 'image')
    ?></a>



<?php else: ?>
    <?php
        $_img = '<img src="'.$this->helper('catalog/image')->init($_product, 'image')->resize(265).'" alt="'.$this->htmlEscape($_product->getImageLabel()).'" />';
        echo $_helper->productAttribute($_product, $_img, 'image')
    ?>
<?php endif; ?>
<?php if (count($this->getGalleryImages()) > 0): ?>
<div class="more-views">
    <h4><?php echo $this->__('More Views') ?></h4>
    <ul>
    <?php foreach ($this->getGalleryImages() as $_image): ?>
        <li>
 <a href="<?php echo $this->helper('catalog/image')->init($this->getProduct(),'image',$_image->getFile())?>"  rel="zoom1" rev="<?php echo $this->helper('catalog/image')->init($this->getProduct(), 'thumbnail', $_image->getFile())->resize(250); ?>" title=" <?php echo $this->htmlEscape($_product->getName()) ?>" >
            <img src="<?php echo $this->helper('catalog/image')->init($this->getProduct(), 'thumbnail', $_image->getFile())->resize(48, 48); ?>" width="48" height="48" alt="<?php echo $this->htmlEscape($_image->getLabel()) ?>" title="<?php echo $this->htmlEscape($_image->getLabel()) ?>" /></a>

        </li>
    <?php endforeach; ?>
    </ul>
</div>
<?php endif; ?>


 
L'administrateur a désactivé l'accès public en écriture.
Revenir en hautPage: 1
Modérateur: Gabriiiel, ILOA, zuiko