[Resolved] Problem displaying videos and galleries via Beaverbuilder

[Author]

Posts

[kjetilF]

Hi
After switching from Toolset starter to Astra I have some issues I hope you can help me out with. I am unsure if any of them are theme related, probably they have to do with the realation between Toolset and any of Beaverbuilder, Beaver themer and Ultimate addon for Beaver builder.
First: I use Tolset Views, Types and Maps, not Layouts or other Toolset parts.

The main problem (or problems) is to display photo galleries and videos on the front end.

In both cases I have a post field: A repeatable image field for the gallery (“bolig-galleri”) and a video embed field for the video (“property video”)
Screenshot: hidden link

I need to use them in a Beaver themer layout.

In the front end I add a BB or UABB module (gallery or video type) where I insert the Toolset shortcode corresponding to the bolig-galleri or property video field.
I have tried two ways: I click the + to insert them properly via the Toolset field overview window - that greyish window listing all fields available.
Screenshot – gallery field: hidden link
Screenshot – video field: hidden link
And I have tried just inserting each field’s slug.

Either way nothing displays at the front end:
There should have been a video just below the share buttons here:
hidden link
…and an image gallery just below “Bildegalleri - (Bilder lastet opp til "Bolig-galleri")
(The gallery just above shows all images uploaded to/attached to this post.)

The question is where I step wrong.

One more thing: I have also noted that content from a wysiwyg field is displayed without formatting, not even line breaks – please see first tab in
hidden link

I’m out on the move so I haven’t been able to test for all possible causes, but I’ll add inn more info when there’s time.

Best regards,
Kjetil G Flekkøy

[Minesh]

Hello. Thank you for contacting the Toolset support.

*** Please make a FULL BACKUP of your database and website.***
First of all - could you please update ALL Toolset plugins to it's latest official release version. You can download the latest stable Toolset plugins from your account's download page:
=> https://toolset.com/account/downloads/

Now - regarding building a gallery - what if you follow the following Doc:
=> https://toolset.com/2017/10/adding-a-gallery-of-images-for-custom-posts/

Regarding video field - I need to check why its not working and for that I need access details.

*** Please make a FULL BACKUP of your database and website.***
I would also eventually need to request temporary access (WP-Admin and FTP) to your site. Preferably to a test site where the problem has been replicated if possible in order to be of better help and check if some configurations might need to be changed.

I would additionally need your permission to de- and re-activate Plugins and the Theme, and to change configurations on the site. This is also a reason the backup is really important. If you agree to this, please use the form fields I have enabled below to provide temporary access details (wp-admin and FTP).

I have set the next reply to private which means only you and I have access to it.

[Minesh]

I've added following shortcode in order to display the video:

[types field='property-video-embedded' width='250' height='250'][/types]

[kjetilF]

Hi
Great - the video shows up :o)
I see I have to add the short code to a normal text/wysiwyg beaver module, not a video module. I also have to add the code in "text" mode, not in "visual". That's fine.

But, for later: How do I get the correct code to use?
I tried this without luck:
- In a text editor (beaver) module: + (to add eg a custom field) > post custom field > insert > + > select "property-video-embedded":

[wpbb post:custom_field key='[types field='property-video-embedded'][/types]']

- and if I try the same, just adding the short code as "raw" I get

[wpbb post:custom_field key='[types field='property-video-embedded' output='raw'][/types]']

You probably know how :o)

I also have the issue with text being displayed without line breaks. (I was wrong when I said it comes without formatting, only line breaks fail to come through):
Backend: hidden link
Frontend: hidden link
Ane way to fix this, please?

Now I'll try to make the gallery work :o)

Thank you
Kjetil

[Minesh]

Well - here is the information how you should design your template using beaver builder:
=> https://toolset.com/documentation/user-guides/using-toolset-with-beaver-builder/designing-templates-for-custom-post-types-and-custom-fields-with-beaver-builder/

Here is the best practices to use beaver builder with Toolset:
=> https://toolset.com/documentation/user-guides/using-toolset-with-beaver-builder/best-practices-creating-templates-beaver-builder/

The shortcode you shared will not work you need to follow our guide or use Types shortcode directly as I shown you.

Please check your page now: hidden link

I've removed the output='raw' from Types shortcode that will eventually help to display content with line brake.

[kjetilF]

You're quick - just that is a great help!
And, yes, now also the text displays correctly.
- So, regarding the text, I had just made a mistake when inserting the shortcode?
- Also: Is there a list of (correct) short codes available. Would be great as a reference.
I'll read those pages you sent me link to carefully.
Thanks,
Kjetil

[Minesh]

- So, regarding the text, I had just made a mistake when inserting the shortcode?
==> Yes. I explain you that I removed the attribute output="raw" from your Types shortcode that display that field content.

Here is the Doc where you will find all information about all kind of field types and it's associated attributes:
=> https://toolset.com/documentation/customizing-sites-using-php/functions/

Have a great day!!

[kjetilF]

Great
Thank you for sorting this out
Kjetil