multiple wppa slideshows on one page

ok, that resolves nearly all of it except now, when a person clicks on the current slide image in the middle gallery, when it goes to the linkpage it doesnt show the image they clicked on, it shows the first image of the gallery. This is the page i set it up on now: https://www.facesforfundraising.com/a/

is there a tick box i am missing?

And, why is there SO much space between search bar and beginning of wppa container slide grid? There is nothing in the code to make this big space.

or if i put a search bar below it cuts off.

1. Change

[wppa_set name="wppa_slideshow_linktype" value="plainpage"][/wppa_set]

into

[wppa_set name="wppa_slideshow_linktype" value="slide"][/wppa_set]

The shortcode on the target page may in this case be just

[wppa type="landing"][/wppa]

2. Remove all newlines – also between the [wppa_set …] shortcodes – on the page.

This:

[wppa_set ...][/wppa_set]
[wppa_set ...][/wppa_set]

creates an empty <p></p> tag between the 2 shortcodes, etc.

Thanks, I just made a $50.00 donation to you. Thanks for all your continued help.

ok, i did what you described but it still doesnt link the current image to a new page with the clicked image in a full featured slideshow

Type in name to search (ie. Henry)[wppa type=”search” root=”#15″ landing=”765″]Any comment[/wppa]<style>.wppa-container{clear:none !important;height:216px !important;}</style><center><div style=”width:649px;” >[wppa_set name=”wppa_fullsize” value=”216″][/wppa_set][wppa_set name=”wppa_maxheight” value=”216″][/wppa_set][wppa_set name=”wppa_slideshow_linktype” value=”none”][/wppa_set][wppa_set name=”wppa_show_browse_navigation” value=”no”][/wppa_set][wppa_set name=”wppa_rating_on” value=”no”][/wppa_set][wppa type=”slideonly” album=”11″ size=”0.333″ align=”left”][/wppa][wppa type=”slideonly” album=”12″ size=”0.333″ align=”left”][/wppa][wppa type=”slideonly” album=”13″ size=”0.333″ align=”left”][/wppa][wppa type=”slideonly” album=”14″ size=”0.333″ align=”left”][/wppa][wppa_set name=”wppa_slideshow_linktype” value=”slide”][/wppa_set][wppa_set name=”wppa_slideshow_linkpage” value=”765″][/wppa_set][wppa type=”slideonly” album=”15″ size=”0.333″ align=”left”][/wppa][wppa_set name=”wppa_slideshow_linktype” value=”none”][/wppa_set][wppa type=”slideonly” album=”16″ size=”0.333″ align=”left”][/wppa][wppa type=”slideonly” album=”17″ size=”0.333″ align=”left”][/wppa][wppa type=”slideonly” album=”18″ size=”0.333″ align=”left”][/wppa][wppa type=”slideonly” album=”19″ size=”0.333″ align=”left”][/wppa]</div></center>

notice i changed “plainpage” to “slide”
https://www.facesforfundraising.com/a/

instead of goung to page “765” it just stays on https://www.facesforfundraising.com/a/

Thank you for your generous donation!

It looked on my testsite that it worked, but it took the wrong landing page.

I fixed it, pls install the current development version. It will say on the settings page: WPPA+ API Version: 6-4-07-002. ( or later, if i add another fix ).

Do you still need the extension to limit the number of slides in a slideonly display ? ( it will not affect the number of slides in the ‘target’ fullsize slideshow ).

Do not forget to end the sequence of shortcodes by

[wppa_set][/wppa_set]

to reset all the inline changed settings. If you omit that, you may accidently affect other wppa displays on the page a.o. widgets.

Thanks… I will download and test.

I don’t want to limit the number of slides in a slide only sludeshow for this project, but it would be nice to have the option of ever needed. Maybe to be able to set the number from settings.

Also, where is the “end of my sequence of shortcode” in my example above? Is it after the last gallery #19? Is the wppa_set /wppa _set missing from mine above?

And… Is it easy to make the whole container grid responsive so it resizes on smaller devices… just by adding another command? Just curious.

Type in your name to find your heart: [wppa type=”search” root=”#15″ landing=”765″ align=”center”]Any comment[/wppa]<style>.wppa-container{clear:none !important;height:216px !important;}</style><center><div style=”width:649px;” >[wppa_set name=”wppa_fullsize” value=”216″][/wppa_set][wppa_set name=”wppa_maxheight” value=”216″][/wppa_set][wppa_set name=”wppa_slideshow_linktype” value=”none”][/wppa_set][wppa_set name=”wppa_show_browse_navigation” value=”no”][/wppa_set][wppa_set name=”wppa_rating_on” value=”no”][/wppa_set][wppa type=”slideonly” album=”11″ size=”0.333″ align=”left”][/wppa][wppa type=”slideonly” album=”12″ size=”0.333″ align=”left”][/wppa][wppa type=”slideonly” album=”13″ size=”0.333″ align=”left”][/wppa][wppa type=”slideonly” album=”14″ size=”0.333″ align=”left”][/wppa][wppa_set name=”wppa_slideshow_linktype” value=”slide”][/wppa_set][wppa_set name=”wppa_slideshow_linkpage” value=”765″][/wppa_set][wppa type=”slideonly” album=”15″ size=”0.333″ align=”left”][/wppa][wppa_set name=”wppa_slideshow_linktype” value=”none”][/wppa_set][wppa type=”slideonly” album=”16″ size=”0.333″ align=”left”][/wppa][wppa type=”slideonly” album=”17″ size=”0.333″ align=”left”][/wppa][wppa type=”slideonly” album=”18″ size=”0.333″ align=”left”][/wppa][wppa type=”slideonly” album=”19″ size=”0.333″ align=”left”][/wppa][wppa_set][/wppa_set]Type in your name to find your heart: [wppa type=”search” root=”#15″ landing=”765″ align=”center”]Any comment[/wppa]</div></center

i used this above, but it still makes BIG space under the “Search” bar.
https://www.facesforfundraising.com/a/

also, when i add the wppa container to a visual editor widget it messes up all my regular slide show pages. what do i need to do to correct this?

Yes, I did not see a [wppa_set][/wppa_set] right before </div></center>

Got it fully responsive working now on my testsite on theme 2015. The center one of the 9 links to fullsize slideshow on page Test landing. Removed the div and center tags, added css to remove bottom margin of slide frames.

Here is my full code on the page; i inserted linebreaks for clarity:

<style>
.wppa-container{clear:none !important;}
.slide-frame{margin-bottom:0 !important;}
</style>
[wppa_set name="wppa_fullsize" value="300"][/wppa_set]
[wppa_set name="wppa_maxheight" value="300"][/wppa_set]
[wppa_set name="wppa_slideshow_linktype" value="none"][/wppa_set]
[wppa_set name="wppa_show_browse_navigation" value="no"][/wppa_set]
[wppa_set name="wppa_rating_on" value="no"][/wppa_set]
[wppa type="slideonly" album="69" size="0.33" align="left"][/wppa]
[wppa type="slideonly" album="214" size="0.33" align="left"][/wppa]
[wppa type="slideonly" album="216" size="0.33" align="left"][/wppa]
[wppa type="slideonly" album="68" size="0.33" align="left"][/wppa]
[wppa_set name="wppa_slideshow_linktype" value="slide"][/wppa_set]
[wppa_set name="wppa_slideshow_linkpage" value="8167"][/wppa_set]
[wppa type="slideonly" album="221" size="0.33" align="left"][/wppa]
[wppa_set name="wppa_slideshow_linktype" value="none"][/wppa_set]
[wppa type="slideonly" album="236" size="0.33" align="left"][/wppa]
[wppa type="slideonly" album="242" size="0.33" align="left"][/wppa]
[wppa type="slideonly" album="120" size="0.33" align="left"][/wppa]
[wppa type="slideonly" album="207" size="0.33" align="left"][/wppa]
[wppa_set][/wppa_set]

The height:216px !important; is now removed from the css. This will remove space under the search box.

If currently the layout of the other slideshows is still damaged – even when you added the [wppa_set][/wppa_set] closure shortcode – we can wrap the whole thing inside a div, and change the css to act only inside that div. See the following example:

<style>
#myspecialdiv .wppa-container{clear:none !important;}
#myspecialdiv .slide-frame{margin-bottom:0 !important;}
</style>
<div id="myspecialdiv">
[wppa_set name="wppa_fullsize" value="300"][/wppa_set]
[wppa_set name="wppa_maxheight" value="300"][/wppa_set]
[wppa_set name="wppa_slideshow_linktype" value="none"][/wppa_set]
[wppa_set name="wppa_show_browse_navigation" value="no"][/wppa_set]
[wppa_set name="wppa_rating_on" value="no"][/wppa_set]
[wppa type="slideonly" album="69" size="0.33" align="left"][/wppa]
[wppa type="slideonly" album="214" size="0.33" align="left"][/wppa]
[wppa type="slideonly" album="216" size="0.33" align="left"][/wppa]
[wppa type="slideonly" album="68" size="0.33" align="left"][/wppa]
[wppa_set name="wppa_slideshow_linktype" value="slide"][/wppa_set]
[wppa_set name="wppa_slideshow_linkpage" value="8167"][/wppa_set]
[wppa type="slideonly" album="221" size="0.33" align="left"][/wppa]
[wppa_set name="wppa_slideshow_linktype" value="none"][/wppa_set]
[wppa type="slideonly" album="236" size="0.33" align="left"][/wppa]
[wppa type="slideonly" album="242" size="0.33" align="left"][/wppa]
[wppa type="slideonly" album="120" size="0.33" align="left"][/wppa]
[wppa type="slideonly" album="207" size="0.33" align="left"][/wppa]
[wppa_set][/wppa_set]
</div>

See also: https://beta.opajaap.nl/multislideshow-2/ where i put in the extra div and added a searchbox above.

OK! LOOKS LIKE WE ARE THERE…. BUT check out one thing on my site- when my page is full size it breaks my grid slides up slightly with a space in them. why?

https://www.facesforfundraising.com/a/

where did you get the 300px widtgh and height amounts for yours?

ok Jacob, it looks like i solved it- appears my images were too small (only 216px) so i uploaded new images that are all over 300px and it looks like it solved the grid spacing.

Thanks again for all the attention on this. You made a difference ?? thanks!