I stumbled over a weird issue with looping over some cover images.
My site has a portfolio page, which gives an overview over some projects. In each project subpage is a cover image. In the portfolio page I just loop over the cover images and link to their specific project page.
The images are showing up in localhost, but not on the actual server. In the dev tools the
<a> tag has the correct link to the subpage, but the images are not showing up.
I have to say, that I do not have a lot of experience. Not yet Is it some problem with my Code?
my code from the portfolio page:
<div class="portfolio-image"> <?php foreach($page->children() as $subpage): ?> <figure> <a class="element" href="<?= $subpage->url() ?>"> <?php if ($cover = $subpage->cover()->resize(2500, 1050)->toFile()): ?> <img src="<?= $cover->url() ?>" alt="<?= $cover->alt() ?>" /> <span><?= $subpage->title()->html() ?></span> <?php endif ?> </a> </figure> <?php endforeach ?> </div>
my project subpage blueprint:
title: Dienstleistung columns: left: width: 2/3 sections: content: type: fields fields: cover: type: files template: image titel: label: Intro Überschrift type: text
-Im using mamp as local environment
-My site is in a subfolder on the server, so i changed the .htaccess rewritebase to the subfolder
-I don’t get any error messages
Im grateful for every tip. Thanks