Using inn WPBakery Post Grid links
-
Hi,
I want to use pop-ups in “Post-grid” item. But i can’t give custom class on this section.
Any ideas how can i get this work?
Thank you
The page I need help with: [log in to see the link]
-
i figured out by modifying “vc_gitem_zone.php” file in js-composer plugin folder.
you need to replace “modal-link” class with “vc_gitem-link” class to make it work correctly.
Excellent! Thanks for posting your solution.
Just a note, you shouldn’t modify core plugin files.
-
This reply was modified 6 years, 3 months ago by
allurewebsolutions.
Hi there,
i’m having the same problem and would like to follow the advice not to modify any core files.Any other to suggestion to make it work?
One possible solution would be to have an option in WP Post Popup Settings to change the name class of “modal-link” to something different (the way it is possible for setting “modal-ready” container id)?Within the grid-builder of WPBakery it is possible to set a name for the class for a div around the link. Could this be used to trigger the modal popup?
<div class="modal-link"> <a href="test.html"> </div>I’m finding no other solution to set the “modal-link” class to the a in WPBakery.
Thanks for your time,
nyar-
This reply was modified 5 years, 11 months ago by
nyarlatothep.
Uh, woke up this morning and what did i see: New Plugin version. It has a new setting: “Set Custom Modal Link Class”
For usage with the WPBakery Grid-Builder i set it to “vc_gitem-link” and now a modal pop-up schows! Awesome!
Only one problem remains: It shows no content of the post, but redirects after a second to the post page. Don’t know what this means, but i do make progress. 🙂
Thank you!
WP Bakery must have its own click handler for links. It must be disabled somehow.
Do you have an example of this in action?
Disabling click handlers… don’t know how to do that. 😉
I guess i can’t do it globally, because i don’t want to disable it on all WpBakery-styled pages, probably just on the ones using the modal popup.One example page seeing it in action would be https://www.sfu.de/sfu/teamtest/
Thanks again.
I’m not sure if i’m on the right track, because with this approach ever link from WpBakery-Pages will be modal-popups. I guess the only way for me will be to insert one specific class “modal-link” only into the WpBakery-Page links i want to be modal. But i have no access to that, only to the surrounding div’s.
-
This reply was modified 5 years, 10 months ago by
nyarlatothep.
Ok, i got something working. My solution so far:
1.)
Go to your “WPBakery Grid Builder” and then use in the “Hover Settings” the class name “modal-link” (or whatever you set in the plugin settings).2.)
On your WPBakery Page where you want to use the modal-popup use the following individual css setting for the page in order to disable the redirects.
.vc_gitem-link {pointer-events: none !important;}With this setting i get a working modal-popup with using a WPBakery-Grid.
Next thing is to figure out how to display a WpBakery-Styled Page in this popup, so far it’s showing the shortcodes [vc_row][vc_column][vc_column_text].
@nyarlatothep nice work! I went to your test page. Looks like the shortcodes aren’t showing. Were you able to figure it out?
To be honest, i don’t know what i did to make the shortcodes go away. Probably some caching problems of the old pages…
It is now working the way i wanted it to (not using more complex things from WPBakery like Carousel or interactive stuff).
Thanks for your time and plugin.
-
This reply was modified 6 years, 3 months ago by
The topic ‘Using inn WPBakery Post Grid links’ is closed to new replies.