Jump to content

Edit History

Pioupial

Pioupial

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

Pioupial

Pioupial

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

Pioupial

Pioupial

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

×
×
  • Create New...