Shortcodes Ultimate lightbox content on a different page than its referring page

I am a novice in html, wordpress and coding.
My questions are strictly bound to WordPress and Shortcodes Ultimate plug-in.

I maintain a web site which uses;

WordPress: version 4.6.12
Theme: GeneratePress, version 1.3.40
Shortcodes Ultimate: version 4.9.9

At this time I want to achieve my goal without any coding, javascript, php, perl, etc.
I am neither for nor against using CSS and I don’t know if CSS can be used to be of help.

I have a question regarding su_lightbox and su_lightbox_content of Shortcodes ultimate.

My question is:

When using lightbox along with lightbox content (su_lightbox & su_lightbox_content), is it possible to make lightbox ( [su_lightbox type=inline” src=”#SOURCE_ID” …] ) to read/access SOURCE_ID of lightbox content, not within the same page but held in another page?

E.g.

Page MasterView.html

[su_lightbox type=”inline” src=”#SOURCE_ID”] Click on the text and it will reveal its content.[/su_lightbox]

Page ContentsContainer.html

[su_lightbox_content id=”#SOURCE_ID”] This is the revealed content with images.[/su_lightbox_content]

I could not found any documetation, tutorial or q&a regarding this; my bad may be. I tried;

src=”ContentsContainer.html/SOURCE_ID”
src=”ContentsContainer.html/#SOURCE_ID”
src=”#ContentsContainer.html/SOURCE_ID”
src=”#ContentsContainer.html/#SOURCE_ID”

… these obviously did not work.

Why I want this?

This is not critical.
However, I have the same lightbox-content relations in many pages.
And, I don’t feel comfortable adding the same contents (su_lightbox_content) into every page where lightbox ( [su_lightbox type=”inline” src=”…”] … [/su_lightbox] ) refers to that content ( [su_lightbox_content id=”…”] … Contents … [/su_lightbox_content] ).
Thus, this makes further editing, maintenance and follow-up harder.
So, I want to either prepare a dummy page with only contents (su_lightbox_content) or insert contents only into the principal page which holds lightbox-content pairs; so that lightbox’s src on referring pages would refer to either this dummy page or the principal page for contents.

I am neither for nor against using CSS and I don’t know if CSS can be used to be of help.

Is it possible to achieve this via only my current versions of WordPress/GeneratePress/ShortcodesUltimate tools and without any javascript, php, perl, etc. coding?

Read more here:: Shortcodes Ultimate lightbox content on a different page than its referring page

Leave a Reply

Your email address will not be published. Required fields are marked *