How to nest wpex shortcodes
-
I found a way to nest two wpex shortcode that works as you would expect. My code looks like this:
[wpex more="Open Outer" less="Close Outer"] <div> Something Outer A Something Outer B [wpex more='' less=''][/wpex] [wpex more="Open Inner" less="Close Inner"] Something Inner A Something Inner B </div> [/wpex]
I can’t explain exactly why this works but it seems to overcome the issue raised in (refer to Limitations => Nested Shortcodes) in:
https://codex.www.ads-software.com/Shortcode_APIThe 3 elements of my workaround are:
1- I surrounded the outer contents with
<div>...</div>
2- I added an empty extra use of the shortcode with
[wpex more='' less=''][/wpex]
just ahead of the inner contents wpex3- I used only one
[/wpex]
at the end after the closing div at the end of my outer contents. Don’t use two /wpex or the second one will appear on your page.I hope this helps anyone who uses this plugin. For single layers of expanding it works perfectly and I use it on most of my websites. Now I know how to make it work for nested expansions.
BTW I have only tested it for 2 levels but perhaps the solution works for 3 or more layers – worth a try and let us know if you find it works.
- The topic ‘How to nest wpex shortcodes’ is closed to new replies.