Jump to content

Afficher les 2 premières images en bas de la page produit


Pioupial
 Share

Recommended Posts

Prestashop : 1.7.6.1

Bonjour,

Je souhaiterai afficher en bas de ma page produit les 2 premières images affectées à celui ci.

L'idée est d'afficher chaque image dans une div côte à côte.

Je parviens à afficher toutes les images de mon produit avec ce code ( soit 4 images), mais j'aimerai n'en afficher que 2.

<div class="row mt-3 mb-3 text-md-center">
	{foreach from=$product.images item=image}
			<div class="col-md-6 images-container">				
				<img data-image-large-src="{$image.large.url}" src="{$image.large.url}" alt="{$image.legend}" title="{$image.legend}" style="width:100%;" itemprop="image">
			</div>
	{/foreach}
</div>

Merci pour votre aide

Edited by Pioupial (see edit history)

Share this post


Link to post
Share on other sites

Merci pour cette réponse rapide.

J'ai fait ça, mais ça ne fonctionne pas, surement une erreur de ma part.

<div class="row mt-3 mb-3 text-md-center">
	{foreach from=$product.images item=image}
	{if [email protected] > 2}
			<div class="col-md-6 images-container">				
				<img data-image-large-src="{$image.large.url}" src="{$image.large.url}" alt="{$image.legend}" title="{$image.legend}" style="width:100%;" itemprop="image">
			</div>
	{break}
	{/if}
	{/foreach}
</div>

 

Share this post


Link to post
Share on other sites

<div class="row mt-3 mb-3 text-md-center">
	{foreach from=$product.images item=image}
	{if [email protected] > 2}
		{break}
	{/if}

	<div class="col-md-6 images-container">				
		<img data-image-large-src="{$image.large.url}" src="{$image.large.url}" alt="{$image.legend}" title="{$image.legend}" style="width:100%;" itemprop="image">
	</div>
	{/foreach}
</div>

 

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