Jump to content
xavyeah

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

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

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

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

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

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

×
×
  • Create New...

Important Information

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