Images produit en full width avec scroll vertical

[xavyeah]

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

 

[Mediacom87]

Bonjour,

ne cherchez pas un addons pour faire cela, il suffit juste d'adapter le design de votre page produit au niveau du code du template (tpl et css).

[doekia]

https://www.alsacreations.com/tutoriels/

 

[xavyeah]

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...

[Performance Agency]

Bonjour,

Quasiment tout se gérera en HTML CSS, il faut passer votre partie droite en fixed au scroll, puis ajouter toutes les photos les unes en dessous des autres

[xavyeah]

Super, je vais essayer cet après midi.

Merci en tout cas.

[xavyeah]

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

[Performance Agency]

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

[xavyeah]

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.