Jump to content

Jqzoom Prestashop


Recommended Posts

Bonjour à tous, 

 

Pour un Prestashop 1.6, sous le template par default, j'ai une interrogation sur la fiche produit, en effet, j'aimerais augmenter le zoom sur l'image. 

J'ai pour commencer augmenter la taille dans produit.js je suis passé de 200 à 900, mais cela ne change pas. 

 

$('.jqzoom').jqzoom({
zoomType: 'innerzoom', //innerzoom/standard/reverse/drag
zoomWidth: 900, //zooming div default width(default width value is 200)
zoomHeight: 900, //zooming div default width(default height value is 200)
xOffset: 21, //zooming div default offset(default offset value is 10)
yOffset: 0,
title: false
});

Je me demande si cela a avoir avec la taille de l'image, j'ai les mêmes fichiers que sur le serveur de dev mais sur ce dernier le zoom est beaucoup plus important. Avez-vous peut-être une idée ? 

Merci de votre aide

 

Ci-dessous le code des img dans product.tpl 
 

<div id="image-block" class="clearfix">


{if $product->new}
<span class="new-box">
<span class="new-label">{l s='New'}</span>
</span>
{/if}
{if $product->on_sale}
<span class="sale-box no-print">
<span class="sale-label">{l s='Sale!'}</span>
</span>
{elseif $product->specificPrice && $product->specificPrice.reduction && $productPriceWithoutReduction > $productPrice}
<span class="discount">{l s='Reduced price!'}</span>
{/if}
{if $have_image}
<span id="view_full_size">
{if $jqZoomEnabled && $have_image && !$content_only}
<a class="jqzoom" title="{if !empty($cover.legend)}{$cover.legend|escape:'html':'UTF-8'}{else}{$product->name|escape:'html':'UTF-8'}{/if}" rel="gal1" href="{$link->getImageLink($product->link_rewrite, $cover.id_image, 'thickbox_default')|escape:'html':'UTF-8'}">
<img itemprop="image" src="{$link->getImageLink($product->link_rewrite, $cover.id_image, 'large_default')|escape:'html':'UTF-8'}" title="{if !empty($cover.legend)}{$cover.legend|escape:'html':'UTF-8'}{else}{$product->name|escape:'html':'UTF-8'}{/if}" alt="{if !empty($cover.legend)}{$cover.legend|escape:'html':'UTF-8'}{else}{$product->name|escape:'html':'UTF-8'}{/if}"/>
</a>
{else}
<img id="bigpic" itemprop="image" src="{$link->getImageLink($product->link_rewrite, $cover.id_image, 'large_default')|escape:'html':'UTF-8'}" title="{if !empty($cover.legend)}{$cover.legend|escape:'html':'UTF-8'}{else}{$product->name|escape:'html':'UTF-8'}{/if}" alt="{if !empty($cover.legend)}{$cover.legend|escape:'html':'UTF-8'}{else}{$product->name|escape:'html':'UTF-8'}{/if}" width="{$largeSize.width}" height="{$largeSize.height}"/>
{if !$content_only}
<span class="span_link no-print">{l s='View larger'}</span>
{/if}
{/if}
</span>
{else}
<span id="view_full_size">
<img itemprop="image" src="{$img_prod_dir}{$lang_iso}-default-large_default.jpg" id="bigpic" alt="" title="{$product->name|escape:'html':'UTF-8'}" width="{$largeSize.width}" height="{$largeSize.height}"/>
{if !$content_only}
<span class="span_link">
{l s='View larger'}
</span>
{/if}
</span>
{/if}
</div> <!-- end image-block BLOCK IMAGE SEUL GRANDE --> 

Bonne journée à tous 

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...