Jump to content

Images produit en full width avec scroll vertical


Recommended Posts

Bonjour à tous, 

 

Je cherche à faire défiler mes images produit de haut en bas en scrolling avec une description fixe à droite.

Pas besoin de Thumbnails.

Exactement comme sur ce site réalisé avec Prestashop:

https://www.hast.fr/fr/casual-decontractee-boutonnee/595-chemise-bleu-marine-en-lin-coton.html

 

Je n'ai pas trouvé de Add on pour cela, hélas...

Je suis en Prestashop 1.6.1.18

 

Quelqu'un aurait une idée ?

 

Merci de votre retour

 

Share this post


Link to post
Share on other sites

Merci de votre réponse rapide.

C'est pas si simple quand même :)

j'aurais préféré un Add on...

et comment trouver un dev juste pour cela... c'est un peu juste comme développement.

Le css pour moi, ok, mais le dev...

Share this post


Link to post
Share on other sites

Merci de vos réponses, pour le Css, je devrais pouvoir y arriver, mais pour afficher toutes les images , c'est une autre histoire.

J'ai bien vu ou il fallait coder (ligne 78 de product.tpl) et je pense avec un foreach pour faire  une boucle si j'ai bien compris. 

Mais bon, je bloque ensuite...

si quelqu'un peut m'aider ;)

 

Merci bcp

  • Like 1

Share this post


Link to post
Share on other sites

Il suffit de te resservir du code utilisé pour les thumbnails

{if isset($images)}
	{foreach from=$images item=image name=thumbnails}
		{assign var=imageIds value="`$product->id`-`$image.id_image`"}
		{if !empty($image.legend)}
			{assign var=imageTitle value=$image.legend|escape:'html':'UTF-8'}
		{else}
			{assign var=imageTitle value=$product->name|escape:'html':'UTF-8'}
		{/if}
		<li id="thumbnail_{$image.id_image}"{if $smarty.foreach.thumbnails.last} class="last"{/if}>
			<a{if $jqZoomEnabled && $have_image && !$content_only} href="javascript:void(0);" rel="{literal}[spam-filter]/literal}gallery: 'gal1', smallimage: '{$link->getImageLink($product->link_rewrite, $imageIds, 'large_default')|escape:'html':'UTF-8'}',largeimage: '{$link->getImageLink($product->link_rewrite, $imageIds, 'thickbox_default')|escape:'html':'UTF-8'}'{literal[spam-filter]{/literal}"{else} href="{$link->getImageLink($product->link_rewrite, $imageIds, 'thickbox_default')|escape:'html':'UTF-8'}"	data-fancybox-group="other-views" class="fancybox{if $image.id_image == $cover.id_image} shown{/if}"{/if} title="{$imageTitle}">
				<img class="img-responsive" id="thumb_{$image.id_image}" src="{$link->getImageLink($product->link_rewrite, $imageIds, 'cart_default')|escape:'html':'UTF-8'}" alt="{$imageTitle}" title="{$imageTitle}"{if isset($cartSize)} height="{$cartSize.height}" width="{$cartSize.width}"{/if} itemprop="image" />
			</a>
		</li>
	{/foreach}
{/if}

et de l'adapter un peu selon ton CSS

Share this post


Link to post
Share on other sites

Merci, en fait, je viens de me rendre compte que c'est mon module "magic zoom plus" qui prend le pas pour afficher mes images...

Du coup, c'est le module que je dois modifier, du coup, c'est dommage, mais j'abandonne.

Par contre, je suis prêt a payer un dev pour ça ;)

Merci en tout cas.

 

Share this post


Link to post
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
 Share

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More