Display sub-album in modal box

I found some idea with the wppaRenderAdd variable in wppa-ajax-front.js, but it’s not very easy…
Work in progress here : https://avis.visual-k.fr/item/saint-cyprien-66750/
Now I have a modal with sub-album view, but when I click to open in the slideshow it goes back to the main window :/

As the breadcrumb doesn’t seem to be very userfriendly,

Please explain.

Anyone I let try to use didn’t understand they have to click on the breadcrumb to come back up in the album hierarchy… So I try to open albums in a modal box (like on TripAdvisor)

Are you aware of the existance of the wppa embedded lightbox feature?

Just select lightbox in Table VI (Links), on any line you want it to work

I didn’t find my graal in Table VI, but I found a solution with the jQuery dialog() function and adding a modal container in the container function. Please let’s have a look at the link sent in a previous reply, perhaps there’s good way to render similar with only good usage of settings ??

I see you have a few layout issues, but i would like to know what you did exactly. Maybe i can add it as an enhancement and support it…

No problem !

In wppa-functions.php, line 2954 :
wppa_out( '<div id="wppa-modal-container-'.wppa( 'mocc' ).'"></div><div' .
In wppa-ajax-front.min.js, line 9 (equiv near line 50 in dev file) :
else{var opt={modal:true,width:1300};jQuery('#wppa-modal-container-'+mocc).html(result).dialog(opt).dialog("open");}

That’s all folks ! ??

Got it working. It is interesing enough for me to develop on this.
So, if you can wait a week, i will implement this as an option.
There are a lot of things to fix; the first is that you should change the optins:width as follows:

var opt = {
	modal:true,
	width:wppaGetContainerWidth(mocc)
};

Also: the complete:function() in wppaDoAjaxRender() is spoiling the display in this case.

Sure I did it in an ugly way, thanks for the tips ! I will wait for your news and try with good code ??

Please test my pre-release. How to install the current development version can be read here: https://wppa.nl/docs-by-subject/development-version/

A preview is here: https://beta.opajaap.nl/test-page/ just click on slideshow or View .. photos

Note the following:
Related settings: Table IV-A1.2 to switch the feature on; Table III-B13 to set the background color;

Maybe i overlooked things related to your theme, if so, pls tell me

Thanks ! I will duplicate my dev environnement to test this pre-release, not sure to have enough time today, probably tomorrow evening !
I have other features questions, I will open a new post for them.