When scrolling down, it scrolls back up – Android Phone

I can not reproduce it on my samsung android phone, because it takes a millenium to load the page. This is because there is html/js code for 789 slides, and the rest.
Although lazy load is on, this is a bit too much. And, i have the feeling you are not done yet with uploading.

Instead of the tabs, you could better show the content of the parent album of all the albums that you currently show in the tablist. In that case, clicking on a child album, the content of only that album is fetched by ajax and being displayed.

If there is not a parent of all the albums, just use the shortcode [wppa] to show the ‘heneric’ toplevel albums.
Take a cover type with mcr in its name, and set the max width to a reasonable value to get 2 or three columns.

See also Basic settings -> Albums -> I -> Item 1 Max Cover width
settings -> Albums -> III -> Item4 Cover type

• This reply was modified 2 years, 4 months ago by Jacob N. Breetvelt.

Wow! Nice idea..will definitely speed up the pages. Will try it today and report back.

Also: Do not autostart videos, this requires much more pre-loading than metadata only when you do not autostart

Hi Jacob,

I used a slightly different approach as the multicolumn approach was not preferred. Used the shortcode [wppa type=”cover” album=”16″] which shows the cover photo (that I can choose from Edit Album). I still kept the tabs but each tab only shows the cover photo. This speeded up web page considerably.

1. When I increase the size of the cover photo, the quality of the cover photo decreases. As though, it took a smaller photo and just displays it to a larger dimension. Can I get a better quality Album photo cover?

2. When I choose a cover photo for the album, currently, clicking on it displays the lightbox which is what was desired. However, lightbox shows the photo that was displayed as cover photo. Can the lightbox show the first photo instead?

3. I want to switch off the Album name from appearing when displaying the cover photo. I am thinking that must be possible, just cannot find where it is! ??

4. I can display the number of photos but it shows the number. I would like to add ” photos/videos” to the end of it. I think this can give a clue to the user that they have to click on the cover photo to see more. If you can also share where the font/color can be chosen, that would be great.

5. Can the delay of the tooltip be reduced? There seems to be about a second delay.

Sorry to bother with so many questions….

https://investmentnewproperties.com/enclave-at-candlemeadows-duplexes

• This reply was modified 2 years, 4 months ago by k2learner.

SOLUTION to 1. Above.
—
1. When I increase the size of the cover photo, the quality of the cover photo decreases. As though, it took a smaller photo and just displays it to a larger dimension. Can I get a better quality Album photo cover?

ANS: We have to regenerate Thumbnails from Advanced Settings -> Maintenance -> I: Regular maintenance procedures-> 4 Regenerate all Thumbnails.

The setting to increase the photo cover is at
Basic Settings -> Album -> I: Album cover size specifications -> 5. Coverphoto Size (it is in %. 30 was the default. I increased it to 50)

Thank you!

• This reply was modified 2 years, 4 months ago by k2learner.
• This reply was modified 2 years, 4 months ago by k2learner.

Solution for 4:

Not exactly what the doctor ordered but was able to use a very acceptable workaruond.

It doesn’t display the number of photos with text like “52 media files” inside the box that displays the album cover. But that’s ok.

Used the plugin Custom CSS & JS that Jacob suggested for something else. Created the following there
.center {
text-align: center;
}

Then used the following in the page to display “xx media files” – under the album cover and centered.

[wppa type=”cover” album=”3″ cache=”inf”]
<div class=”center”>[wppa type=”pcount” album=”3″] media files</div>

Jacob,

I am still trying to find a workaround/solution for 2 and 3. Any help is greatly appreciated.

2. Select the first photo as coverphoto on the photo admin page

3. Can be done by css. I can help you later, i am on my phone now

In the wp customizer you can add custom css (can also be done using the plugin you used for the js trick earlier):

.wppa-title {
display:none;
}

This will hide the album title.

Thanks Jacob. Didn’t realize that wppa-title is itself a link which shows the thumbnails of all photos/videos in the album. That is excellent!

Customers can jump to a random photo by clicking on the title and then clicking on the photo which links to a lightbox!

So modified the css to center it and change the hover color. All smooth like glass now!

Thank you again!

Yes, looks nice and is very fast. My sincere congratulations!
This call closed. Feel free to open a new one for a new question

One recommendation though: Switch off video controls on thumbnails, they are unreacheable anyway.
Basic settings-> Thumbnails -> II -> Item 7 Thumbnail video Show video controls on thumbnail displays.

Yes, Done!
—
This is a terrific, extremely powerful, customizable plugin! And it is FREE!

Cherry on the top is the support of Jacob!

Don’t have enough words to Thank you!