Unable to view photo album contents afrer after clicking album cover
-
I am using the Photonic plugin in my WordPress website in which I’m building with Divi. I placed a shortcode in a divi code module in my home page’s custom theme to display 6 of the most recent cover photos of photo albums uploaded to my smugmug.com account.
When I click on a cover photos, Photonic passes a long stringed url to my photoalbum page where it’s not displaying the album photos. I tried several variations of shortcodes that don’t work. i.e.: [gallery type=“smugmug” nickname=“applenights” pop=“page”] —> doesn’t work.
Can anyone provide tips in fine tuning either my settings or short code that will display on my photoalbum page the usual Smugmug photoalbum banner, the read more description button, the description, the photo album photos with the download arrow and buy buttons.
Thanks in advance!
The page I need help with: [log in to see the link]
-
Hey Sayontan,
I am sorry this is confusing you.. I’ll explain my problem more clearer, this shortcode you provided:[gallery type="smugmug" view="albums" nick_name="applenights" layout="random" photo_count=500 popup="page"]This displays every single album cover from my Smugmug account on my photoalbum page: https://woocommerce-1440268-5386905.cloudwaysapps.com/photoalbum/
This page is suppose to show the contents of the photo albums, and not display the photo ablum covers. Btw, look at the photo count written on the bottom of each photo. When you click on the album cover, where do I view the photos? This is my problem 🙂Btw yes I didn’t know how to view the Photonic shortcode wizard builder before. But after followed your directions in creating a new page, I do see the shortcode wizard now. I used it, and I’m still stuck trying to figure out a solution the same problem.
I did already configured a popup=”page” setting within Photonics settings in order to view the popup page on the photoalbum page.
My main dilemma is how do I click on one of the 6 photo album covers from my home page:
https://woocommerce-1440268-5386905.cloudwaysapps.com/
Note: These are the 6 album covers I have displayed on my home page.
How do I view the selected album cover’s content (photos from these album cover) on the photoalbum page:
https://woocommerce-1440268-5386905.cloudwaysapps.com/photoalbum/
If you click on any one of these album covers, how do I view their content on this page below?
https://woocommerce-1440268-5386905.cloudwaysapps.com/photoalbum/Please let me know thanks.
Best regards,
Joe Mathieu
This is my destination page setting. . I deleted my Divi > custom theme builder’s > code module, and no photo displays when I navigate to this page. I need this page to be styled as the rest of the website, and provide viewers the ability to navigate elsewhere. Is there a way to keep my template, and display the album photos?
JoeGood morning Sayontan,
I appreciate your tip in using the base64_decode in order to pull the album id. This help resolve my issue, please view my home page link:
https://woocommerce-1440268-5386905.cloudwaysapps.com/
When you click on any album cover, it passes the correct album id over to the photoalbum page and displays the correct photo album content.
This is the code I entered in my child-theme’s function.php to parse out the album id:// This corrects the url and passes the proper parameter value for album="album id"
add_shortcode('dynamic_photonic_album', function() {
// Check if the base64 'photonic_gallery' parameter is present
if (isset($_GET['photonic_gallery'])) {
$encoded = $_GET['photonic_gallery'];
$decoded = base64_decode($encoded);
// Try to extract album="..." from the decoded string
if (preg_match('/album="([^"]+)"/', $decoded, $matches)) {
$album_id = sanitize_text_field($matches[1]);
$title = isset($_GET['photonic_gallery_title']) ? sanitize_text_field($_GET['photonic_gallery_title']) : '';
ob_start();
if ($title) {
echo '<h1 class="photonic-gallery-title">' . esc_html($title) . '</h1>';
}
// Construct the full Photonic shortcode dynamically
$shortcode = sprintf(
'[gallery columns="auto" layout="mosaic" display="local" popup="page" filter="" filter_type="include" more="" panel="" custom_classes="" alignment="" photo_layout="mosaic" caption="title-desc" thumb_size="Tiny" main_size="Largest" tile_size="same" video_size="1280" empty="false" view="album" nick_name="applenights" photo_count="500" media="all" album_sort_order="Date Added (Descending)" type="smugmug" style="default" overlay_size="Tiny" overlay_video_size="1280" album="%s"]',
esc_attr($album_id)
);
echo do_shortcode($shortcode);
return ob_get_clean();
} else {
return '<p>⚠️ Could not find album ID in gallery data.</p>';
}
} else {
return '<p>⚠️ No gallery data provided in URL.</p>';
}
});I am very surprised no one had experience this issue in all these years. Hopefully you will consider using this idea to provide this feature as a new shortcode parameter.
One more question, please take a look at the way the photo album’s description displays on top of the of the photos:
Is there a shortcode parameter setting to enable the description to keep it’s proper format?
Or a shortcode parameter to provide a read description button like this image from my smugmug gallery:
…and display the description in a popup window like this:
Please let me know if this is possible; thank you in advance!
Best regards,
Joseph Mathieu
The topic ‘Unable to view photo album contents afrer after clicking album cover’ is closed to new replies.
