• Registered: 2014-03-29
  • Posts: 15

Topic: Wordpress Pro Options

After purchasing and replacing the jbcore file in wp-juicebox, I'm unable to save pro options in either the default settings page or individual gallery settings page.

I'm under the assumption that you simply put optionName = "optionValue" as noted in the Upgrading to Juicebox Pro section of the Wordpress Plugin page on the Juicebox website.

Any ideas?

Also, curious as the best practice for changing themes/messing around with the look of the wordpress plugin.

Thanks!

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

Re: Wordpress Pro Options

I'm under the assumption that you simply put optionName = "optionValue" as noted in the Upgrading to Juicebox Pro section of the Wordpress Plugin page on the Juicebox website.

Yes. For example, you could enter options such as the following into a gallery's Pro Options text area:

backButtonPosition="TOP"
backButtonUseIcon="TRUE"
backButtonUrl="http://www.example.com/index.html"

Please note that WP-Juicebox strips out any Lite Options which are entered into the Pro Options text area to avoid duplicate entries in the gallery's XML file. Lite Options can be set in the gallery settings window via the individual controls.

Also, curious as the best practice for changing themes/messing around with the look of the wordpress plugin.

You can certainly change your WordPress theme and this will change the look and feel of your WordPress pages. However, no matter what theme you choose, your Juicebox galleries should remain constant (and can be modified in the gallery settings window).
If you want to see how a gallery looks when using certain configuration options, then try using JuiceboxBuilder-Pro on your computer. It supports all Pro Options via individual controls and has a live preview window which shows you how your gallery looks as you make changes. If you want to replicate a particular layout, then you can save the gallery (on JuiceboxBuilder-Pro's 'Publish' tab), open the gallery's XML file in a plain text editor, copy the configuration options and paste them into a WP-Juicebox gallery's Pro Options text area.

  • Registered: 2014-03-29
  • Posts: 15

Re: Wordpress Pro Options

Thanks for the info Steven!

A few follow up questions:

Please note that WP-Juicebox strips out any Lite Options which are entered into the Pro Options text area to avoid duplicate entries in the gallery's XML file. Lite Options can be set in the gallery settings window via the individual controls.

For some reason it's stripping out all options I put in the "Pro Options" text area. Nothing seems to be saving at all, not just Lite options.

For example: themeUrl:"snowboard/theme.css" doesn't seem to save. And is where my new theme exists.

You can certainly change your WordPress theme and this will change the look and feel of your WordPress pages.

I wasn't actually referring to the Wordpress theme we are using but rather to changing the Juicebox theme within the css. Are there any good tutorials on doing that besides the "Themeing Overview"?

If you want to see how a gallery looks when using certain configuration options, then try using JuiceboxBuilder-Pro on your computer.

Good to know, I think this is the first step in building  a custom Juicebox theme for our websites.

  • Registered: 2014-03-29
  • Posts: 15

Re: Wordpress Pro Options

@steven, tried out the Juicebox Pro Builder and it's looking good now.

I was using a ":" character instead of a "=" character, which is why it wasn't saving. Dumb on my part.

Thanks for your help.

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

Re: Wordpress Pro Options

As you have discovered, any options that you include which do not have names and values separated by a '=' sign will be stripped out.

themeUrl is a special case and is not a 'regular' Pro Option.
It must be set in the embedding code (as noted here).

If you want to incorporate a custom theme within WP-Juicebox, then you will need to modify the plugin's 'wp-juicebox.php' file.
Open the file in a plain text editor, scroll down to line 244 and just after the opening new juicebox({ line, add the following:

themeUrl:"snowboard/theme.css",

... ensuring that the path to your 'theme.css' file is correct.
Please note that the line number above refers to the current version of WP-Juicebox (v1.3.3.1).

I wasn't actually referring to the Wordpress theme we are using but rather to changing the Juicebox theme within the css. Are there any good tutorials on doing that besides the "Themeing Overview"?

The Theming Guide is certainly the best source of information regarding customizing Juicebox beyond what can be achieved with the available configuration options. Unfortunately, there is no tutorial for modifying the Juicebox CSS. If you wish to edit any of the CSS, then the best way to find out which classes you may need to change would be to use a browser's developer tools.
You are certainly free to modify the CSS as you like but please bear in mind that the stock 'theme.css' file within the Juicebox 'jbcore' folder' may change from version to version and with each new release, you may find that you have to incorporate your changes into a new CSS file. (This is why we try to accommodate most users' needs with configuration options and vector icons without the need to modify any CSS.)