• Registered: 2014-08-02
  • Posts: 3

Topic: Configuring juicebox to look like this

If I purchased the pro version of juicebox. How close can I configure a page to look like this one and still run on browser & mobile devices. https://dl.dropboxusercontent.com/u/231288/Visual.png

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

Re: Configuring juicebox to look like this

Use the following configuration options to layout your gallery as closely as possible to the gallery in your image.

thumbsPosition="LEFT"
maxThumbColumns="3"
maxThumbRows="5"
thumbNavPosition="BOTTOM"

If you want the gallery to look this way on mobile devices as well as in desktop browsers, then you will also need to set:

screenMode="LARGE"

... to force the gallery to be displayed in Large Screen Mode. Small Screen Mode, which would normally be used to display the gallery on mobile and small screen devices, does not display the main image and thumbnails on the same page.
For more information about Screen Modes, please see here.

The thumbnail configuration options listed above can be found in JuiceboxBuilder-Pro's 'Customize -> Thumbnails' section and the Screen Mode configuration option can be found in the 'Customize -> General' section.

For reference, a complete list of configuration options can be found here.

  • Registered: 2014-08-02
  • Posts: 3

Re: Configuring juicebox to look like this

Thanks for the reply. Its not quite the answer I was after. I'm quite confidant the thumnails/big image arrangement is doable its the rest of the page. Having a logo, body text color band and footer text in specific areas. I'm not a coder but a designer with limited code knowledge so wondered if I could achieve this with Juicebox and would its transfer ok to mobile devices having main image and thumbnails not on same screen for mobile isn't a problem. If this is not achievable in Juicebox what about Showcase?

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

Re: Configuring juicebox to look like this

With Juicebox-Pro, you would be able to create the gallery from your image but not the rest of the page. Juicebox-Pro is an image viewer/web gallery and not a complete web design package. You would need to somehow create the web page (either manually or using web design software) and then embed your Juicebox gallery in it following the instructions here.

Showkase, on the other hand, is able to create a complete portfolio website.
Showkase has full support for Juicebox-Pro (and SimpleViewer-Pro) and the galleries can be created within the application itself in a web browser interface (or created with JuiceboxBuilder-Pro and imported).

Showkase can also create non-gallery pages (About, Basic and Contact pages) where you can add information about yourself (or any other content you like).

It may not be possible to exactly replicate the web page from your image using Showkase but you would certainly be able to include most of the features (using a logo in your site's header, having a menu for users to navigate throughout your site, contact details, etc).

All of this is done automatically within the Showkase interface without the need for any manual coding at all.

Please take a look at our demo Showkase sites to see what can be achieved with Showkase.

Showkase can be purchased as Showkase-Standard (which comes with Juicebox-Lite and SimpleViewer-Standard, the free versions) or Showkase-Pro (which comes with Juicebox-Pro and SimpleViewer-Pro).
(The only difference between Showkase-Standard and Showkase-Pro is the bundled viewers.)

I hope this information helps.