Skip Navigation

[Resolved] Bug found in connecting fields and lightbox

This thread is resolved. Here is a description of the problem and solution.

Problem: I would like to connect a Types custom field image to a Beaver Themer Photo Module.

Solution: With Views active, you can use a Types field in the Photo Source input area. Without Views active, Beaver Builder does not render shortcodes here so it's not currently possible.

This support ticket is created 6 years, 6 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 - -
13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 - -

Supporter timezone: America/New_York (GMT-04:00)

This topic contains 11 replies, has 3 voices.

Last updated by Judith Sparks 6 years, 6 months ago.

Assisted by: Christian Cox.

Author
Posts
#1075134

I am trying to: have my custom field images present in a lightbox when clicked. I have the custom field connections in a Beaver Builder photo module. I reached out to Beaver Builder and this was their response, "I’m seeing this too with Toolset but when using ACF, I don’t see the same issue - the lightbox works. I’m not sure why it’s different but I will file a bug report for our developers to look at. Could you please do the same with Toolset?" So this is my intention here.

Link to a page where the issue can be seen: hidden link

I expected to see:

Instead, I got:

#1076308

Minesh
Supporter

Languages: English (English )

Timezone: Asia/Kolkata (GMT+05:30)

Hello. Thank you for contacting the Toolset support.

Well - In your post I see that the Beaver Builder guy replied you that there is some issue with Toolset and ACF but I need clear steps by step information in order to reproduce the issue and if the issue is confirmed, I will report it to our Devs.

Could you please share exact step information in order to reproduce the issue with Toolset, what plugins required, any plugin settings if required. Please share all required information and I'm ready to test this and report the issue to our devs if found.

#1076370

Hi, Minesh,

These were the steps taken:
1. Create a field group in Toolset and add an image field. Apply that field group to a post type.
2. Open a post in that post type for editing an add an image to the field you added.
3. Finally create a Beaver Themer layout for that post type with a photo module that connects to that field and choose the Lightbox option for the link type.
4. View the post - the image does not open in a lightbox. It's not a link at all.

#1076384

Actually using ACF for this function works, but they stated they built that integration in. The Beaver Builder team stated if you need help with this, you can contact them directly.

#1076405
Screen Shot 2018-08-07 at 12.07.13 PM.png

I'm experiencing another issue now. The plugin required an update. Upon trying to update it took my site down. I can't update because WordPress won't allow it due to the message as outlined in the screenshot.

New threads created by Christian Cox and linked to this one are listed below:

https://toolset.com/forums/topic/fatal-error-during-update/

#1076432

Hi, Minesh asked me to take a look since he's in a different timezone. I am able to replicate this on my own local test environment. When I try to select a Types custom field using the orange "+" icon, the field is not inserted as expected. If I manually type the field slug, that doesn't seem to work either. This seems like a compatibility issue, so I am escalating to my 2nd tier support team for additional investigation.

One way you might be able to work around this issue for now is to choose "URL" as the Photo Source, then insert a Types field shortcode to display the image like this:

[types field="image-field-slug" output="raw"][/types]

Be sure to add output="raw" to produce a raw URL, and change "image-field-slug" to match your custom image field's slug.

#1077372

After a bit more investigation, it turns out to resolve this we will need to collaborate with Beaver Builder. We will try to get this feature added, but I can't guarantee it will happen or provide a timeline for delivery. Until then, the best workaround is to use the Photo Source image URL and Types field shortcode as I described earlier.

#1077425

Good to know. Thanks, Christian. Wouldn't using this method send the user to another page? We wouldn't want that.

#1077482
Screen Shot 2018-08-08 at 10.33.32 AM.png

You will still choose the "Lightbox" link type and the image will open in a popup. I'm talking about the Photo Source URL, which is just used to tell the photo module which image to load. Screenshot attached.

#1077515
Screen Shot 2018-08-08 at 11.49.46 AM.png
Screen Shot 2018-08-08 at 11.49.31 AM.png

Thanks for the direction. It makes sense, unfortunately, this setup isn't pulling the image from the custom field.

#1077585

I found it strange that it works for me but not for you, so I investigated a bit more. I see that you do not have Views active, but I do. Views must contain some code that helps render shortcodes inside these module fields. Unfortunately I do not have a workaround available right now without Views active.

#1081362

Thanks for investigating, Christian. Hopefully this will be available in a future release from Toolset/Beaver Builder.