You are not logged in. Please login or register.
Juicebox Support Forum → Juicebox-Pro Support → No galleries found in plugin selection screen [SOLVED]
I've created a gallery, ftp all files to my server under..
wp-content/uploads/juicebox
in it's own sub-folder in the juicebox folder. I've set permissions for both folders to 777.
Yet when I start a post and click on the Juicebox plugin the resulting screen does not find the folder.
My Theme is 'First' but even using Twenty Thirteen it still comes up bare.
Clearly it's me, but try as I may I can't find a solution.
The only folder you need to upload to use WP-Juicebox is the plugin folder itself ('wp-juicebox') to the '/wp-content/plugins/' directory.
The '/wp-content/uploads/juicebox/' directory is used internally by the plugin to store files created by the plugin itself.
It is not possible to manually upload files to this directory and have the plugin find them and somehow use them.
The plugin creates its own galleries (from within the WordPress interface) and cannot display galleries which have already been created (for example by JuiceboxBuilder-Pro).
For reference, instructions for using WP-Juicebox can be found here.
If you want to embed a gallery which you have created with JuiceboxBuilder-Pro into a WordPress page or post, then you could use the baseUrl method as documented here.
Essentially, once you have created a gallery with JuiceboxBuilder-Pro, you would 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 (ensuring 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 in the embedding code (the path to the 'juicebox.js' file and the baseUrl itself, pointing towards the gallery folder) are correct.
If you choose to use the baseUrl method, then there is no need to use WP-Juicebox and you should deactivate the plugin to avoid loading the 'juicebox.js' file into your web page twice.
I hope this helps to clarify things.
Finally, after a lot of dead endings got it to work.
This is the code that Juicebox displays on Publish.
<!--START JUICEBOX EMBED-->
<script src="jbcore/juicebox.js"></script>
<script>
new juicebox({
containerId: "juicebox-container",
galleryWidth: "100%",
galleryHeight: "100%",
backgroundColor: "#222222"
});
</script>
<div id="juicebox-container">
<!-- Image gallery content for non-javascript devices -->
<noscript>
<h1></h1>
<p></p>
<p><img src="images/IMG_9392.jpg" title="IMG_9392" alt="" /><br>IMG_9392 </p>
<p><img src="images/IMG_9354.jpg" title="IMG_9354" alt="" /><br>IMG_9354 </p>
<p><img src="images/IMG_9366.jpg" title="IMG_9366" alt="" /><br>IMG_9366 </p>
<p><img src="images/IMG_9370.jpg" title="IMG_9370" alt="" /><br>IMG_9370 </p>
<p><img src="images/IMG_9374.jpg" title="IMG_9374" alt="" /><br>IMG_9374 </p>
<p><img src="images/IMG_9385.jpg" title="IMG_9385" alt="" /><br>IMG_9385 </p>
<p><img src="images/IMG_9387.jpg" title="IMG_9387" alt="" /><br>IMG_9387 </p>
</noscript>
</div>
<!--END JUICEBOX EMBED-->
But nowhere does it mention BaseUrl.
Eventually I noticed it did in a script example on the "Using an External Gallery Folder"
So I used that and came up with..
<!--START JUICEBOX EMBED-->
<script src="/wp-content/uploads/juicebox/test_13/jbcore/juicebox.js"></script>
<script>
new juicebox({
baseUrl : 'wp-content/uploads/juicebox/test_13/',
containerId : 'juicebox-container',
galleryWidth : '800',
galleryHeight : '600',
backgroundColor: '#222222'
});
</script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->
Which worked straight off.. Please correct anything that is not proper.
I've probably learned a good deal about the process by trying everything out but as with anything to do with Wordpress or Joomla (our other webs use that) it is a bit daunting for the novice to understand enough of new processes to get there.
I was beginning to fell like I should have stuck with the Lite version in jAlbum since it does all this sort of thing for you. But, nothing ventured nothing gained, so I'm happy to be able to use all the additional features that attracted me to Pro in the first place.
Thank you for l your understanding of such user problems and for the excellent guides.
I'm glad you've got it working.
As you noticed, the embedding code on JuiceboxBuilder-Pro's does not include a baseUrl. (JuiceboxBuilder-Pro has no knowledge of where you might upload the gallery folder to on your web server and the 'index.html' page generated by JuiceboxBuilder-Pro does not need a baseUrl to work as all the gallery files are in the same folder as the HTML page.)
I'm glad that you found the example in the baseUrl support section.
Your embedding code is fine. However, there is one minor point. Your embedding code uses two types of path:
/wp-content/uploads/juicebox/test_13/jbcore/juicebox.js
wp-content/uploads/juicebox/test_13/
The leading slash in /wp-content means that the path is relative to your root directory whereas wp-content (without the leading slash) is relative to the HTML page containing the embedding code.
This works OK in your case as /wp-content and wp-content both resolve to the same location but for consistency (and no other reason), you might want to use the same notation for both paths. (It does not matter which one you choose. They are both equally valid and will both work equally well.)
Thanks That omitted slash was not intentional, I had tried so many options and when I added that baseURL line the gallery popped up on my second monitor. Just as well it didn't matter, I guess, but I do know about the requirement, but I had used a cut and paste which didn't include that slash.. but would have eventually if it happened actually worked as it was. all's well.
Great product, top support.. thanks again.
Juicebox Support Forum → Juicebox-Pro Support → No galleries found in plugin selection screen [SOLVED]
Powered by PunBB, supported by Informer Technologies, Inc.