Hi Team,
I am trying to integrate a Types image field with a UABB / Beaver Builder module, and what I expect is for the image to be pulled back and displayed.
What I'm getting is blank.
hidden link
I know that for some reason, the "native" or "direct" integration with BB doesn't work straight out of the box, and requires a workaround. Example:
Custom Field Key value: [types field='headshot' title='%%TITLE%%' alt='%%ALT%%' size='thumbnail' resize='proportional'][/types]
Common Workaround: [wpbb post:custom_field key=‘wpcf-headshot’]
But in this case, neither the normal way, or the workaround shows the image.
Hi, I'm not familiar with this specific module. Can you tell me if it renders an image tag that is incomplete / 404? Or does it produce no image tag at all when you use the Types field shortcode?
Hi Christian,
I'm not 100% sure how to find that out, but happy to do so if there's a way to know. The one thing that I've noticed is that in my experience, Types fields seem to never work properly when using it through BB's Post Custom Field module unless it calls the full Types slug:
[wpbb post:custom_field key='wpcf-headshot']
Otherwise, I've been able to work around it by just calling a Types field directly from HTML, or WYSIWYG editor, like:
[types field='headshot' title='%%TITLE%%' alt='%%ALT%%' size='thumbnail' resize='proportional'][/types]
But, the problem in this case (as in the video), is that there's no way for me to input the Types field directly, because the Photo option only allows me to connect or not connect to a Post Custom Field.
To me, this may mean that all of the config settings you do in Types like "resize='proportional'", etc, maybe be lost?
Pods solved this issue by having some sort of a BB-addon that provided it's own direct interface, so I'm assuming that's how they worked around the problem, but I need to understand how to get it working properly under Toolset.
Please let me know if this was helpful. Thank you.
But, the problem in this case (as in the video), is that there's no way for me to input the Types field directly, because the Photo option only allows me to connect or not connect to a Post Custom Field.
Right, you could manually type the key wpcf-headshot in the input field and use the size settings below to change the image size, but you won't have the full capabilities of the Types field shortcode available. The photo connect field here does not allow you to insert a full image tag, URL, or shortcode. It only accepts the key of a custom field you would like to use. There's not currently an integration with this plugin to allow robust access to custom fields, unfortunately. If you'd like to see this feature added, I encourage you to submit a feature request here: https://toolset.com/home/contact-us/suggest-a-new-feature-for-toolset/
Hi Christian,
I see, so for next steps, I think there are a few things:
1.) I'll reach out to BB support to inform them of this discrepancy, and hopefully there will be tighter integration in the future.
2.) I presume it might be better to pull back the values directly in Toolset, and style that area with a Content Template instead? The only issue is that BB/UABB/Themer, etc. are great for styling, while Toolset is amazing at creating the "skeleton" or the "meat" of the post, so would love to be able to marry the two.
Or even have tighter integration with a CSS plugin, such as Microthemer or CSS Hero.
3.) I'm encountering another image situation with Types, where I'm trying to constrain and return an image with a small size (e.g. 50px by 50px), but rather it returns a large, grainy image.
hidden link
Is there a way to display the small version of that image? Thank you for your help.
2.) I presume it might be better to pull back the values directly in Toolset, and style that area with a Content Template instead?
Better is subjective here, so it depends on what you prefer and what you are capable of accomplishing in each system. In my opinion, building the design in a Toolset Content Template gives you more control over how things look. However, that requires a lot of knowledge about HTML and CSS. If you want to marry the two options, you could use Beaver Builder to generate the design and copy the markup from the page source. Then you could recreate that markup in a Toolset template and replace the content with shortcodes.
I've split #3 into a separate ticket so we can discuss in more detail.
If you want to marry the two options, you could use Beaver Builder to generate the design and copy the markup from the page source. Then you could recreate that markup in a Toolset template and replace the content with shortcodes.
This sounds like a pretty reasonable idea. I haven't tried out the "Beaver Builder" option as a way to design Content Templates... was this what you may be referring to? hidden link
That's another option, yes, you can design the loop template of a View using Beaver Builder. Anything outside the wpv-loop tags still requires your custom code in the Loop Editor, though.
Thanks, Christian. Am I correct in understanding that if I use BB to design the "Content Template", then I cannot use that same Content Template in my main BB layout, since it's embedding a BB-created content template, inside another BB template?
One last thing - we're chatting about the Font Awesome 4 -> 5 issue in this thread: https://toolset.com/forums/topic/font-awesome-5-pro-icons-not-loading-correctly-in-beaver-builder/
I'm not sure if you're able to reply to that still, but wanted to update and let you know that activating the Custom Code to dequeue Toolset's loading of Font Awesome 4 (so that I could load Font Awesome 5 with an include line in the HTML) made the icons disappear, so I de-activated it. However, now it seems the icons hasn't came back even after I've de-activated it?
Am I correct in understanding that if I use BB to design the "Content Template", then I cannot use that same Content Template in my main BB layout, since it's embedding a BB-created content template, inside another BB template?
Are you talking about a layout designed in Beaver Themer templates? If so, then it's not recommended to apply Content Templates to those post types. Instead, use Beaver Themer templates and insert text modules in the builder, then insert Toolset shortcodes in the text modules.
However, now it seems the icons hasn't came back even after I've de-activated it?
I've reopened the thread and we can continue discussion there.
Thanks, Christian.
What I meant was, could I style a Content Template with BB, have that be called in a View, then on a BB template, use a Text or HTML module, and call that View?
Here is a visual representation of what I meant: hidden link
Okay I see, the answer is you cannot nest Beaver Builder designed output. So if the output of a View is created using Beaver Builder, that View cannot then be inserted on a page or template designed with Beaver Builder.
