Hi
Is there a way to display the first image in the relative gallery for artist.php (cloned template page) from the artist pages on the homepage, below is the non couchcms code.
For example I have created artist one and artist two and uploaded the gallery images for each artist so was seeing if was possible to display the first image in the gallery for artist one and the first image in the gallery for artist two and display on the home page
Is there a way to display the first image in the relative gallery for artist.php (cloned template page) from the artist pages on the homepage, below is the non couchcms code.
For example I have created artist one and artist two and uploaded the gallery images for each artist so was seeing if was possible to display the first image in the gallery for artist one and the first image in the gallery for artist two and display on the home page
- Code: Select all
<section class="bg-secondary ourGalleryBlock pt-7 pb-4 pt-lg-12 pb-lg-16">
<div class="container">
<header class="headHeading text-center mb-6 mb-lg-12">
<h1 class="text-capitalize text-white">See Gallery</h1>
</header>
</div>
<div class="container-fluid px-md-8 px-lg-12 px-xl-20">
<div class="row">
<div class="col-12 col-sm-4 col-md-3">
<figure class="galFig galFigII mb-0 position-relative mx-auto mx-md-0 mb-6">
<a data-fancybox="gallery" href="images/img46.jpg">
<img src="images/img46.jpg" class="img-fluid" alt="image description">
</a>
<div class="gafCaption inaccessible d-flex align-items-center justify-content-center text-center text-white w-100 h-100">
<div class="wrap w-100 p-4">
<i class="rounded-circle icnWrap icomoon-search bg-brown d-flex align-items-center justify-content-center mx-auto mb-2"><span class="sr-only">icon</span></i>
<h3 class="text-white mb-0">Germanian Grothery</h3>
</div>
</div>
</figure>
</div>
<div class="col-12 col-sm-4 col-md-3">
<figure class="galFig galFigII mb-0 position-relative mx-auto mx-md-0 mb-6">
<a data-fancybox="gallery" href="images/img47.jpg">
<img src="images/img47.jpg" class="img-fluid" alt="image description">
</a>
<div class="gafCaption inaccessible d-flex align-items-center justify-content-center text-center text-white w-100 h-100">
<div class="wrap w-100 p-4">
<i class="rounded-circle icnWrap icomoon-search bg-brown d-flex align-items-center justify-content-center mx-auto mb-2"><span class="sr-only">icon</span></i>
<h3 class="text-white mb-0">Germanian Grothery</h3>
</div>
</div>
</figure>
</div>
</div>
</div>
</section>