FROM CACHE - fr_header

Récuperer automatiquement la première image de collection

Elodie_L
Visiteur
3 0 0

Bonjour à tous,

 

J'essaye désespérément depuis quelques heures d'afficher automatiquement dans mes descriptions de collection l'image du produit le plus récent.

Il se présente comme ça dans mon code de collection en .liquid : collection.products.first.featured_image.

Comment transformer cela en html ? pour l'afficher mes descriptions de collections pour que je n'ai pas à remplacer à la main à chaque fois que j'ajoute de nouveau produit.

Vu que j'ai une collection qui s'appelle "Pantalons", j'ai tenté bêtement : background-image: url({{ pantalons.products.first.featured_image }}), comme vous vous en doutez ça n'a pas fonctionné. 

Si une âme charitable pouvait me filer un petit coup de main ce serait super sympa.

 

Merci

3 RÉPONSES 3

Non applicable

Bonjour Elodie

 

<img src="{{collection.products.first.featured_image}}">

Essayez ce code pour montrer l'image requise

 

merci

Elodie_L
Visiteur
3 0 0

Bonjour,

 

Et merci pour votre réponse.

Mais je ne suis pas certaine d'avoir bien compris.

J'ai intégré ce code dans la description de collection : <img src="{{collection.products.first.featured_image}}">

Mais les guillemets ont automatiquement été transformé comme ceci : <img src="%7B%7Bcollection.products.first.featured_image%7D%7D">

Par ailleurs je dois remplacer collection par la collection que je souhaite affiché ? Donc si j'ai une collection "pantalons" , cela donnerait >> pantalons.products.first.featured_image ?

Désolé pour les questions idiotes ce n'est vraiment pas quelque chose que je maitrise.

 

Merci par avance

Elodie_L
Visiteur
3 0 0

Bonjour à tous,

 

Je me permets de relancer ce sujet car je n'ai toujours pas réussi à faire ce que je voulais. Si une personne passe dans le coin et a la réponse ce serait une grande aide pour moi.

C'est surement qu'une petite ligne de code mais qui m'échappe ne connaissant pas le html et le .liquid très bien.