Est-ce que quelqu'un sait comment désactiver le zoom de l'image du produit dans Magento?Magento comment désactiver le zoom de l'image
6
A
Répondre
6
Vous pouvez modifier /catalog/product/view/media.phtml dans votre répertoire de modèles (/ app/design/default/your_theme/template). Ceci est le code qui génère l'image:
<?php if ($_product->getImage() != 'no_selection' && $_product->getImage()): ?>
<p class="product-image product-image-zoom">
<?php
$_img = '<img id="image" src="'.$this->helper('catalog/image')->init($_product, 'image').'" alt="'.$this->htmlEscape($this->getImageLabel()).'" title="'.$this->htmlEscape($this->getImageLabel()).'" />';
echo $_helper->productAttribute($_product, $_img, 'image');
?>
</p>
<p class="zoom-notice" id="track_hint"><?php echo $this->__('Double click on above image to view full picture') ?></p>
<div class="zoom">
<img id="zoom_out" src="<?php echo $this->getSkinUrl('images/slider_btn_zoom_out.gif') ?>" alt="<?php echo $this->__('Zoom Out') ?>" title="<?php echo $this->__('Zoom Out') ?>" class="btn-zoom-out" />
<div id="track">
<div id="handle"></div>
</div>
<img id="zoom_in" src="<?php echo $this->getSkinUrl('images/slider_btn_zoom_in.gif') ?>" alt="<?php echo $this->__('Zoom In') ?>" title="<?php echo $this->__('Zoom In') ?>" class="btn-zoom-in" />
</div>
<script type="text/javascript">
//<![CDATA[
Event.observe(window, 'load', function() {
product_zoom = new Product.Zoom('image', 'track', 'handle', 'zoom_in', 'zoom_out', 'track_hint');
});
//]]>
</script>
<?php else: ?>
<p class="product-image">
<?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');
?>
</p>
<?php endif; ?>
La première partie (après la clause if) délivre en sortie l'image zoomable, tandis que le "autre" partie sort la version non-zoom. Je pense que la solution la plus simple est de se débarrasser de l'instruction if et juste laisser la version non-zoom:
<?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');
?>
fonctionne comme un charme sur une nouvelle installation de magento.
2
La désactivation du zoom est idéale si vous avez des images de basse résolution. Pour les imaga HD essayez d'utiliser ce plugin, voici un exemple: http://www.ajax-zoom.com/demo/magento/index.php/chair.html
Questions connexes
- 1. JFreeChart désactiver le zoom
- 2. Désactiver le client dans Magento
- 3. Android MapView: Désactiver le zoom automatique
- 4. Désactiver le zoom de la page dans IE7 (jQuery/JS)
- 5. Désactiver le zoom discret de MapView, passer en continu
- 6. Magento Désactiver le champ de filtrage à la grille d'administration
- 7. Activer/désactiver le zoom sur Safari iPhone avec Javascript?
- 8. Comment désactiver les fonctionnalités de vente en ligne magento?
- 9. Désactiver l'effet de zoom CTRL/Roue au moment de l'exécution
- 10. Comment désactiver/activer l'éditeur WYSIWYG dans Magento 1.4
- 11. Comment désactiver le zoom molette de la souris sur Google Streetview?
- 12. IPhone, MPMoviePlayerController comment désactiver le zoom en appuyant deux fois sur l'écran?
- 13. Comment désactiver le zoom sur Ctrl + faire défiler dans Visual Studio 2010?
- 14. Comment activer le zoom dans UIScrollView
- 15. comment implémenter le zoom et pincer l'effet de zoom dans l'application?
- 16. comment traduire le modèle d'email dans magento?
- 17. UIPinchGestureRecognizer (Zoom arrière/Zoom avant)
- 18. comment obtenir le groupe d'attributs dans magento
- 19. pincement/zoom Désactiver dans le navigateur Android 2.1 sur les appareils HTC
- 20. activer/désactiver javascript sur le bouton cliquer
- 21. Définir le zoom pour Webview
- 22. Comment réinitialiser le zoom de UIWebView? J'utilise déjà scalesPagesToFit = YES;
- 23. Zoom sur le graphique linéaire
- 24. Comment désactiver le cache Dwoo?
- 25. comment désactiver le bouton Enregistrer
- 26. Comment désactiver le balisage doxygen
- 27. Plugin jQuery pour simuler le zoom de la page du navigateur/le zoom du texte?
- 28. Comment coder le zoom et le panoramique pour un UIImageView?
- 29. Comment désactiver le bouton d'image
- 30. MKMapView: Obtenir le rapport de zoom relatif?
merci pour la – mcgrailm