• Registered: 2014-10-26
  • Posts: 3

Topic: Trouble Embedding Into Wordpress Using Juicebox Builder Pro

I am currently using the wordpress plugin and have had success using iframes and the plugin. However, the problem with iframes is that it won't allow full screen. And the plugin doesn't have any options that I can select to customize the gallery.

I am posting anywhere from 100-200 images at a time, so full screen is a must.

My question is: How do I get the desktop application Juicebox Builder Pro galleries, into my wordpress site easily?

The script code isn't working for me - or I'm doing something wrong.

Thank you!

  • Registered: 2012-04-24
  • Posts: 5,906

Re: Trouble Embedding Into Wordpress Using Juicebox Builder Pro

And the plugin doesn't have any options that I can select to customize the gallery.

WP-Juicebox allows you to configure a Juicebox gallery using any or all of the configuration options available here.
All Lite options have individual controls within the plugin's interface and Pro options can be entered into the Pro Options text area, one per line, in the form optionName="optionValue".

How do I get the desktop application Juicebox Builder Pro galleries, into my wordpress site easily?

If you have created a gallery with JuiceboxBuilder-Pro and want to embed it into a WordPress post, then you could either:
(1) Recreate the gallery using WP-Juicebox and copy and paste the options from the gallery's XML file into the Pro Options text area.
... or:
(2) Do not use WP-Juicebox and, instead, use the baseUrl method of embedding as documented here.
Essentially, you would create a Juicebox-Pro gallery on your computer with JuiceboxBuilder-Pro, upload the complete gallery folder (not just the contents) to your web server and paste the baseUrl embedding code into the body of your WordPress post making sure that the method of entry is 'Text' rather than 'Visual'.
It does not matter where on your web server you upload your gallery folder to as long as the two paths within the embedding code (the path to the 'juicebox.js' file and the baseUrl itself, pointing towards the gallery folder) are correct.

  • Registered: 2014-10-26
  • Posts: 3

Re: Trouble Embedding Into Wordpress Using Juicebox Builder Pro

Thank you for your quick and through reply.

I really appreciate it.

I will try the XML method you mentioned. That seems like it will work easiest. I'll be finding out shortly.

However, the base HTML method when I enter into my wordpress document it shows up as script. This may be user error. But I've tried going into HTML mode 'text' as well. I will try again.


I really hope the WP plugin is going to be updated soon. It would be nice to insert commands and see changes I am making easily. Now it's a game of - do this - now check it. Now check again. Again. Again...

Overall, the program is nifty, but the UI needs some work as does getting everything online faster.
I wish I could auto-upload to wordpress directly from the program and it would provide me the html code to use / insert into wordpress from there.

4 Reply by AaronP (edited by AaronP 2014-10-28 10:38:24)

  • Registered: 2014-10-26
  • Posts: 3

Re: Trouble Embedding Into Wordpress Using Juicebox Builder Pro

Thank for the tip on using the config.xml file produced from JuiceBox Builder Pro. I was able to paste that into the pro options and it worked.

The only issue I had was the color not working correctly. I had to still enter that into the plugin area for 'background color'.

I'm using NextGen Gallery and the Wordpress Plugin and I'll just use the same code in a saved notepad file from now on.

Cheers!

Example here is my code in pro options:

backgroundColor="rgba(173,231,255,1)"
captionPosition="NONE"
galleryTitlePosition="NONE"
shareFacebook="true"
shareTwitter="true"
shareGPlus="true"
sharePinterest="true"
shareTumblr="true"
enableAutoPlay="true"

  • Registered: 2012-04-24
  • Posts: 5,906

Re: Trouble Embedding Into Wordpress Using Juicebox Builder Pro

I'm glad you're getting on well with things. Hopefully the notes below will help to clarify a couple of points.

However, the base HTML method when I enter into my wordpress document it shows up as script.

This sounds like you may have been entering the embedding code in 'Visual' mode rather than 'Text'. (In 'Visual' mode, anything you enter into the body of the post, such as HTML code, will be displayed on screen as you see it in the editor.)

The only issue I had was the color not working correctly. I had to still enter that into the plugin area for 'background color'.

backgroundColor is a Lite configuration option. Any Lite configuration options entered into the Pro Options text area will be ignored and must be set via their own individual controls in the gallery settings window.