jlacasci Posted September 3, 2022 Share Posted September 3, 2022 Site URL: https://www.lacascio.com/birds_gallery How to display the photo file name below photos in SS 7.1 galleries. I see this question asked often, but can not find a solution. I believe that code-injection on gallery pages is the way to do this. I found an old example that I placed in the gallery pages "Page Settings", "Advanced", code-injection space that does not work. Here is the URL for that example. https://sf.digital/squarespace-solutions/display-gallery-filenames I will have thousands of images on my site, and can't manually add this data. Any guidance is greatly appreciated. Joe Link to comment
tuanphan Posted September 4, 2022 Share Posted September 4, 2022 You can use code this this link (use script code only, don't use CSS code) Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
jlacasci Posted September 4, 2022 Author Share Posted September 4, 2022 14 minutes ago, tuanphan said: Fantastic, thank you. I clicked on a gallery page gear icon, clicked on advanced, and added the code you provided in the link. It is working! I'm using simple slide and the file numbers are showing up under the images in the slides. Perfect. I appreciate the help, thank you. tuanphan 1 Link to comment
Ian_A Posted November 20 Share Posted November 20 Here is the jQuery solution I use to accomplish this: <script src="https://code.jquery.com/jquery-3.6.4.min.js"></script> <script> // Function to replace image-slide-title content with alt tag for images within sqs-gallery-container using jQuery $(document).ready(function() { $('.sqs-gallery-container img').each(function(index) { $('.image-slide-title').eq(index).html($(this).attr('alt').replace('.jpg', '')); }); }); </script> Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment