Topic: Juicebox Pro 1.5.1 - Flickr

Hello All,

Having a problem using this software I just purchased. I have a Flickr account that I just created.
https://www.flickr.com/people/153765829@N04/

I created an album (550+ photos) - https://www.flickr.com/photos/153765829 … 2486109182

I got, through much trial and tribulation, the gallery to create, and generate the embed code. However, it's not appearing on my page on my site.

To make matters more complicated, my site is hosted on HostGator using WordPress. I saw the section in the help about the WordPress plug-in, but that confused me very quickly. I am very ignorant about web page design. I see the jbcore directory that got created with my gallery in the "juicebox_gallery" directory with the files needed to be on my site, but not sure where to put it in WordPress.

Thank you for any help you can provide a web design newbie.

Re: Juicebox Pro 1.5.1 - Flickr

I'd really need to see your Juicebox gallery's web page (even with the gallery failing to display) to be able to troubleshoot your problem specifically (to see what embedding code you use, what configuration options your gallery uses and to try to determine the location of the gallery files on your web server).
Otherwise, all I can do is give some generic pointers which may but may not be specific to your problem.
Please post back with the URL to your Juicebox gallery's web page so that I can take a look at the problem for myself and hopefully help further.

In the meantime, maybe the following will help.

As you have created a Flickr Set, you could easily create a Juicebox-Pro gallery from this Set as follows.
(1) Open JuiceboxBuilder-Pro.
(2) Click the 'New Gallery...' button on the 'Start' tab.
(3) Select 'Flickr' as the 'Image Source' (top left).
(4) Enter '72157692486109182' as the 'Flickr Set Id'.
(5) Click 'Load Images'.
(6) Customize your gallery on the 'Customize' tab (if you want to).
(7) Save the gallery on the 'Publish' tab (to a new empty folder of its own).

Now you have a Juicebox gallery displaying the images from your Flickr Set, you'll need to embed it into your WordPress site.
You can do this manually using the baseUrl method of embedding documented here. The baseUrl method of embedding is essentially the same as the regular method but it allows you to keep the entire gallery self-contained in its own folder. You would upload the entire gallery folder (not just its contents) to your web server and add a baseUrl entry to your embedding code, pointing towards the gallery folder. It does not matter where on your web server you upload the gallery folder to as long as the two paths in the embedding code (the path to the 'juicebox.js' file and the baseUrl itself, pointing towards the gallery folder) are correct.

Here's an example.
Let's say that you created a gallery (following the 7 steps above) and saved the gallery to a folder named 'flickr_test'.
You could embed the gallery into a WordPress page or post as follows:
(1) Upload the entire 'flickr_test' gallery folder to your web space's root directory.
(2) Edit the WordPress page or post that you'd like to embed the gallery into and paste the following embedding code into the body of the page or post (ensuring that the method of entry is 'Text' rather than 'Visual').

<!--START JUICEBOX EMBED-->
<script src="/flickr_test/jbcore/juicebox.js"></script>
<script>
    new juicebox({
        baseUrl : '/flickr_test/',
        containerId : 'juicebox-container',
        galleryWidth : '100%',
        galleryHeight : '600',
        backgroundColor: '#222222'
    });
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->

The leading slashes in the paths above denote your root directory so the code above will work (without modification) in any page or post throughout your WordPress site.
(3) Publish the page or post.

Alternatively, you could do all of the above using WP-Juicebox, the dedicated Juicebox plugin for WordPress.
Here's how:
(1) Install WP-Juicebox to your WordPress site following the installation instructions on the plugin's support page here.
(2) Upgrade WP-Juicebox from Juicebox-Lite (which it comes bundled with) to Juicebox-Pro following the Upgrading to Juicebox-Pro instructions.
(3) Create a WordPress page or post that you'd like to display the gallery into and click the 'Add Juicebox Gallery' button.
(4) Select the 'Use Flickr' checkbox and enter flickrSetId="72157692486109182" into the Pro Options text area.
(5) Click the 'Add Gallery' button (at the bottom of the pop up gallery settings window).
(6) Publish the page or post.

That's it. The plugin handles the embedding code for you.

I hope these notes help but, as I mentioned previously, if you continue to experience difficulties, then please post the URL to your Juicebox gallery's web page so that I can take a look at the problem for myself and hopefully help further.
Once I'm able to see your (dysfunctional) gallery live on your web server, I should hopefully be able to determine the exact cause of your problem and propose a solution. Thank you.

3 (edited by rycherulz 2018-04-14 15:35:17)

Re: Juicebox Pro 1.5.1 - Flickr

After some doing, I got the gallery to display on my web site utilizing the Juicebox Word Press plug-in. However, I have a wacky problem.

When the gallery displays in my web site, it only shows 50 pictures, despite me putting the following in the pro options.
flickrSetId="72157692486109182"
flickrImageCount="500"

Based on my looking around, I think I'm still on the Lite version (the logo is in the bottom right of my gallery).
I don't know how to upload that jcore folder from my Pro download to the site. I tried manually copying into the compressed zip file (recreated it and copied it), but the site still shows that it's the lite version.

Re: Juicebox Pro 1.5.1 - Flickr

Nevermind. Got it working using the method above. Had to delete all data in Juicebox plugin. Then, deactivate plug-in, then delete plug-in.  Then upload my modified plug-in zip file (with the pro jbcore directory) to the site. Voila!!

Re: Juicebox Pro 1.5.1 - Flickr

I'm glad you've got it working! Thank you for letting me know.

Incidentally, there should have been no need to delete any data within WP-Juicebox.
All you need to do to upgrade the plugin from Juicebox-Lite to Juicebox-Pro is to replace the plugin's Lite 'jbcore' folder with the Pro version from the Juicebox-Pro v1.5.1 download zip package ('juicebox_pro_1.5.1/web/jbcore').
You can do this before or after the plugin has been uploaded to your web server.

You could actually swap out the entire plugin (which you might do when the plugin is updated) without affecting any galleries or plugin settings. No custom data is stored within the plugin's directory. All custom gallery settings are stored in XML files in the 'wp-content/uploads/juicebox/' directory and all custom plugin settings are stored in the WordPress database.