Jump to content

[Résolu] Miniature produit différente de la photo du produit


Swedge

Recommended Posts

Bonjour à tous,

 

Voilà nous nous tournons en rond depuis quelques jours alors nous faisons appel à vous.

 

Pour les photos de nos produits nous prenons les photo du produit sur un fond légèrement gris. Sur les page produits les photo rendent bien, mais les miniatures sur les page catégories ne rendent pas bien avec le fond gris. Nous avons donc pris d'autres photo avec le produit sur fond blanc qui rendent parfaitement sur les pages catégories mais pas sur la page produit.

 

Donc notre question est simple: y'a t'il un moyen (module ?) qui permette d'ajouter une photo sur la fiche produit (backoffice) mais qu'elle ne soit prise en compte que pour les miniature des catégorie et de la home page (+ miniature panier etc...) et pas sur la fiche produit

Dans notre cas nous ajouterions la photo sur fond blanc à la fiche produit et cette photo apparaitrait dans toutes les miniature mais pas dans la fiche produit.

 

Il y a une boutique bien connue qui arrive à le faire donc il doit bien y avoir un moyen ;-) www.archiduchesse.com

 

Merci à tous

Link to comment
Share on other sites

Nous avons trouvé une solution qui peut marcher, la voici :

 

Dans la fiche produit, il suffit de mettre le produit sur fond blanc en photo principale et en 1ère position. Du coup, il va se retrouver dans toutes les miniatures.

 

Ensuite, il ne reste plus qu'à "bloquer" cette photo sur la fiche produit (front office). Pour cela, nous avons modifié le template product.tpl.

 

Nous avons remplacé

<div id="image-block">
{if $have_image}
<img src="{$link->getImageLink($product->link_rewrite, $cover.id_image, 'large')}"
{if $jqZoomEnabled}class="jqzoom" alt="{$link->getImageLink($product->link_rewrite, $cover.id_image, 'thickbox')}"{else} title="{$product->name|escape:'htmlall':'UTF-8'}" alt="{$product->name|escape:'htmlall':'UTF-8'}" {/if} id="bigpic" width="{$largeSize.width}" height="{$largeSize.height}" />
{else}
<img src="{$img_prod_dir}{$lang_iso}-default-large.jpg" id="bigpic" alt="" title="{$product->name|escape:'htmlall':'UTF-8'}" width="{$largeSize.width}" height="{$largeSize.height}" />
{/if}
</div>

 

Par

<div id="image-block">
{if $have_image}
{foreach from=$images item=imageTop}
{assign var=imageIdsTop value="`$product->id`-`$imageTop.id_image`"}
{if $imageTop.position == 2}
<img src="{$link->getImageLink($product->link_rewrite, $imageIdsTop, 'large')}"
{if $jqZoomEnabled}class="jqzoom" alt="{$link->getImageLink($product->link_rewrite, $imageIdsTop, 'thickbox')}"{else} title="{$product->name|escape:'htmlall':'UTF-8'}" alt="{$product->name|escape:'htmlall':'UTF-8'}" {/if} id="bigpic" width="{$largeSize.width}" height="{$largeSize.height}" />
{/if}
{/foreach}
{else}
<img src="{$img_prod_dir}{$lang_iso}-default-large.jpg" id="bigpic" alt="" title="{$product->name|escape:'htmlall':'UTF-8'}" width="{$largeSize.width}" height="{$largeSize.height}" />
{/if}
</div>

 

Et dans le bloc thumb_list, pour ne pas que la photo sur fond blanc apparaisse, il faut rajouter un if avant le listing comme ci-dessous :

 

{if $image.cover != 1}
<li id="thumbnail_{$image.id_image}">
<a href="{$link->getImageLink($product->link_rewrite, $imageIds, 'thickbox')}" rel="other-views" class="thickbox {if $smarty.foreach.thumbnails.first}shown{/if}" title="{$image.legend|htmlspecialchars}">
<img id="thumb_{$image.id_image}" src="{$link->getImageLink($product->link_rewrite, $imageIds, 'medium')}" alt="{$image.legend|htmlspecialchars}" height="{$mediumSize.height}" width="{$mediumSize.width}" />
</a>
</li>
{/if}

  • Like 2
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...