Album Layout

See the documentation, specifically the example where it says, “Example 3 – Album on a Separate Page”.

Also, I cannot verify this without a computer, but I believe that you have a conflicting lightbox on your site.

Also, I cannot verify this without a computer, but I believe that you have a conflicting lightbox on your site.

I have now verified from a computer – you do have a conflicting lightbox. You have enabled Elementor’s lightbox, which is causing a “ghost” lightbox also to show up.

While this is unrelated to your original question, it is something you should fix.

Additionally, here are a few notes:

• Your page does not seem to reflect the shortcode that you have provided. Your page is displaying photos from your feed, while the shortcode you have posted above is for displaying albums.
• You are using “Image Lightbox” from Photonic’s list of bundled lightboxes. Please be advised that there are many features that it does not support.

Hi, thank you for your prompt response.

#1 conflicting issue is resolved.

For #2, I think the shortcode is not working properly, it is showing?view="images"?instead of?view="albums"?

Here is the exact short code again

[prome_gallery type=’smugmug’ view=’albums’ count=9 more=’Show More’]

I am not seeing an issue on your site related to the shortcode. I am seeing albums, and upon clicking each album I am seeing the photos in that album.

Is there any way I can have the album titles below the thumbnails?

Also, can the thumbnails all be the same size? Like a perfect grid?

Is there any way I can have the album titles below the thumbnails?

Not for the Mosaic layout that you are using. You can get titles below thumbnails for the square layout and the Masonry layout, not the others.

Also, can the thumbnails all be the same size? Like a perfect grid?

Not for the mosaic layout.

There are two aspects to this: the size of thumbnails that you are pulling, and the layout that you are using. In the mosaic layout, you are respecting the aspect ratio of the original photos, so you will never get same-sized images.

Note that the mosaic layout is a perfect grid – it lays out the photos in a way such that there are no gaps, all spaces are filled, and all rows are of even length regardless of the number of photos. I believe the term you are looking for is a grid of square thumbnails (which may not be a perfect grid and your last row may have empty slots).

If you want images of the same size, you don’t have too many options in SmugMug’s standard sizes – the only size that will give you a square thumbnail is the tiny size, where the thumbnails are just 100px wide. You can then use the Square or Masonry layouts to display your photos, but I don’t think it looks good with such tiny thumnbails.

Since your images are not in the same orientation, other SmugMug settings will give you images of the same size, but different orientation. In other words, if you don’t pick the tiny size, some thumbnails will come out in portrait orientation and some in landscape. That will automatically prevent you from getting a uniform layout.

I Updated my shortcode to the following

[prome_gallery type=’smugmug’ view=’albums’ layout=’square’ count=20 more=’Show More’ ]

Now, I have 2 issues

1- Title is appearing with div class on it

2- The thumbnails are very tiny. I would like 3-4 column instead of 11 column currently

Here is my page

https://stunningcaptures.com/portfolio-beta/photography-copy/

1- Title is appearing with div class on it

You have another plugin that is causing this – you have to identify and disable it. When I look at your source code, I see that the other plugin is corrupting the markup in the <figcaption>, and completely destroying what Photonic has there, by putting in something like this:

<!---->	<!---->	<!---->	<!---->	<!----><<!---->d<!---->i<!---->v<!----> <!---->c<!---->l<!---->a<!---->s<!---->s<!---->=<!---->'<!---->p<!---->h<!---->o<!---->t<!---->o<!---->n<!----> ...

I don’t know if you added a plugin to work with image captions, but if you did, that is causing this issue.

2- The thumbnails are very tiny. I would like 3-4 column instead of 11 column currently

Not following you. I told you in my previous post that the only way for you to get square thumbnails with SmugMug is to use the Tiny size, and that it gives you thumbnails that are just 100px wide, which doesn’t necessarily look good. I tried with the Thumb size, and that too gives a square thumbnail (so I was wrong when I said that Tiny is the only size with a square thumbnail), which is 150px wide. None of the other options will give you a square thumbnail.

If you want tiny thumbnails in 3-4 columns, you can add a parameter in your shortcode like columns='4'. But this will still show you small thumbnails, and just 4 of them will show up in each row. SmugMug doesn’t have a way to create square thumbnails of any size larger than 150px, so you are trying to do something that is not supported within their platform.