1 Topic by Ab

  • Ab
  • Member
  • Offline
  • Registered: 2015-03-28
  • Posts: 2

Topic: Issues with image display and description when sharing

I have a couple of issues with my juicebox builder pro:

1) Image display when sharing gallery:
The graph tags are set to use a particular image when the gallery is shared on facebook. (og:image)
But a different picture from the gallery loads in the snippet. And when the link is posted despite this, the final picture displayed is a completely different one!
The image I want to share is never the image that is finally shared. It just chooses one of 2 images that it randomly seems to have selected on its own.

2) Issue with description of the gallery:
Under 'lite' I set the Gallery title and under 'general' I set the gallery description.
In spite of this, every time I try to use the button bar to share, it says 'Juicebox gallery' in the description for some images!!

I tried clearing the cache and switching browsers but this doesn't change anything.

Can you help me fix this bug?

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

Re: Issues with image display and description when sharing

(1) Make sure that you enter the Share URL (in JuiceboxBuilder-Pro's 'Customize -> Sharing' section) as the absolute URL of the gallery, starting with http:// or https:// (e.g. http://www.example.com/gallery/), so that the og:image entry is an absolute URL.
Please see the description of shareURL in the Config Options page for more details.

Alternatively, you could just manually edit the gallery's 'index.html' page and make sure that the og:image entry looks something like this: http://www.example.com/gallery/images/image01.jpg

Also, you may need to clear Facebook's own cache of your gallery's web page by entering your gallery's URL into Facebook's debugger here: https://developers.facebook.com/tools/debug/

(2) Please make sure that you are using the current version of JuiceboxBuilder-Pro (v1.3.6).
If necessary, instructions for upgrading can be found here.

If you enter a Gallery Title (in the 'Lite' section) and a Gallery Description (in the 'General' section) then the Gallery Title will be used for the <title> tag and the og:title and the Gallery Description will be used for the <meta> description and the og:description.

If the Gallery Title is left empty, then the default text 'Juicebox Gallery' is used (for the <title> tag and the og:title).
As long as you enter your own Gallery Title and clear Facebook's cache of your gallery's web page, then the text 'Juicebox Gallery' should not appear.

3 Reply by Ab

  • Ab
  • Member
  • Offline
  • Registered: 2015-03-28
  • Posts: 2

Re: Issues with image display and description when sharing

Thanks for getting back so quickly.

I tried what you suggested and it helped to some extent.
It works as long as I copy and paste the link directly to share on facebook.

Both problems persist when I use the 'f' button on the gallery's button bar to share. The files are still cached somewhere but I can't figure where. Right now, all I can think of is to disable the button bar.

I also have another issue with the button bar - it never completely aligns to the center of the image. My pet peeve.

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

Re: Issues with image display and description when sharing

Have you tried running your gallery's URL through the Facebook debugger yet? https://developers.facebook.com/tools/debug/
Click 'Fetch new scrape information' and see what image Facebook displays for the og:image entry.

I also have another issue with the button bar - it never completely aligns to the center of the image.

Please post the URL to your gallery so that I can take a look at the problem for myself and hopefully help further.

In the meantime, please make sure that you are using the latest version of Juicebox-Pro (v1.4.3) to ensure that any bugs which were present in previous versions but which have since been fixed are not contributing to your problem.
If necessary, instructions for upgrading Juicebox-Pro can be found here.