hello, I search to go in the page’s folder to take the image in a post. Whats is the url’s road for that ? <div class="******" style="background-image: url({{ *********}})">Page image</div> I’m testing : <div class="post" style="background-image: url({{ page.media.images|first }})">Page image</…

@Delf06 , I guess, what you want is the first image from page media to be shown in the page, not as a background for your ‘Page image’ div, right ? if so, try this: {{ page.media.images|first|raw }} ok, here is a correction (the complete line used in my template, which I truncated too much): {{ …

@Delf06 , The image seems to be part of the content of the page. Curious why you’ve chosen to use css background-image instead of an <img> element.

[image] pamtbaau: @Delf06 , The image seems to be part of the content of the page. Any reason why you’ve chosen to use a background-image instead of an <img> ? the result is the same thing : <img src="{{ asset('page.media.images|first|raw') }}" alt="Symfony!"/> <img title="title" alt="TXT" c…

@Delf06 , Do you add the image inside a template, or Markdown? If inside Markdown, what’s the reason you’ve chosen Twig instead of Markdown’s Image Linking itself? Any reason why you’ve chosen to use a background-image instead of an <img> ? Please also read Grav’s docs where the answers on your…

@Delf06 , It starts to feel I’m nagging… Yes, I did it, but it’s doesn’t work. What did you do? What did you expect? What did you get instead? The image display in the post but not in the article What is “the post”? What is “the article”? The documentation of this template say Which te…

@Delf06 , The thread becomes even more messier when updating earlier replies with new information based on questions asked in later replies… Please create a new reply containing the new information and revert the updates in previous replies… Or maybe even better, create a completely new topic conta…

Ok I’m starting from de beginning. would like display the image of the post in the article. The article is the preview of the post on the main page. You can click on the title to read the complete post. I read the documentation of the mediator template : GitHub - getgrav/grav-skeleton-mediator-site…

Your whole template uses post. Try {{ post.media.images|first|raw }}

[image] Karmalakas: {{ post.media.images|first|raw }} Like this : <img title="title" alt="TXT" class="myclass" src="{{ post.media.images|first|raw }}" /> ? This command doesn’t work…

[image] Delf06: This command doesn’t work… What do you get? Did you try dumping page.media or post.media? What do you have there? Do you even have any images in the same page folder? :confused:

Twig image page's folder

Karmalakas March 26, 2024, 1:09pm 18

You could also try {{ dump(post.media.images) }}

Topic		Replies	Views
Displaying images from pages/images Support	6	2996	March 30, 2018
How can i add all images in a blog post using twig syntax?	4	1601	August 10, 2020
Pb : no image in blog-list Themes & Styling	8	690	April 2, 2022
Get first page image in TWIG with "width: 100%" style applied Themes & Styling	3	1810	October 5, 2017
Twig and media paths Themes & Styling	5	957	October 29, 2022

Twig image page's folder

Related topics