Hi,
Can anyone give me a head start please - I'd like to change the text on the main photo page (Responsive skin, but could be any other) to:
Line 1 - Caption as is now;
Line 2 - Combination of Capture date, time, location (City, Region, Country). Maybe camera.
I have all this data in the image meta data from Lightroom Classic (using the jAlbum plugin to publish to jAlbum).
My research led me to making a new skin based off the Responsive skin, then I got lost trying to find where the main photo page template was... Not even sure if editing the skin is the right way or not.
Any pointers to get started would be veru welcome - thank you

Going back to the original question: Responsive skin.
The code that generates the content, like the comment is within the skin folder>res>js>main.js file. To add more to the line with the description you first need to look at the file data1.json generated in the album's root folder. Open it in a text editor to see the contents. Search for the data you want to add, like original date and see where it appears in the structure of the json file. An example of part of the file, with fileDate and originalDate is
{"path":"jakob-owens.jpg","image":{"path":"slides\/jakob-owens.jpg","width":1536,"height":995},"thumb":{"path":"thumbs\/jakob-owens.jpg","width":256,"height":166},"fileSize":239719,"name":"jakob-owens.jpg","rating":1,"comment":"Photo by <a href=\"https:\/\/unsplash.com\/@jakobowens1?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText\">Jakob Owens<\/a> on <a href=\"https:\/\/unsplash.com\/s\/photos\/photographer?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText\">Unsplash<\/a>","fileDate":"2024-06-17T11:26:05.0Z","category":"image","title":"I See You!","camera":{"originalDate":"2024-06-17T11:26:05.0Z"}},
To add more data than supplied you need to modify main.js in two places. First is the block that includes data from the data!.json file, it starts at line 337.
slides[imageIndex] = {
That block includes the description but not the original date, so you need to add it and the fallback file date.
originalDate: object.camera.originalDate,
fileDate: object.fileDate
};
Next you need to change the code that injects the content into the webpage. Jump to line 811 which looks like this
if(slides[index].description != undefined){
This block needs changing to test if the new variables, originalDate and fileDate exist or not, but for now lets look at how to add those variables. originalDate is in the form
slides[index].originalDate
and fileDate is
slides[index].fileDate
You can try it by changing the description line like this
description.append("<p>" + slides[index].fileDate + " " + slides[index].description + "</p>");
Then you need to re-arrange the block of code so that you test for originalDate not being undefined and if it is fall back to the fileDate variable.
The above is just to show how complicated it is to make adjustments to such a skin - I had to play with it a bit to find the code blocks and get the correct json structure. Using another skin is much easier!