• Registered: 2014-02-17
  • Posts: 1

Topic: Fotomoto Shopping Cart Not Showing Up In iFrame

I created a Fotomoto account, followed the directs, checked Fotomoto in the "sharing" section when creating a gallery, I copied and pasted by store id and saved/uploaded the gallery to my wesbite, but the shopping cart does not show up on the page whhich uses an iFrame connected to the gallery.

If you need it..
here is the link to the page with the iframe on my website: www.jeffreydubois.com/animals.html
here is the link to the actual gallery: www.jeffreydubois.com/animals/index.html

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

Re: Fotomoto Shopping Cart Not Showing Up In iFrame

Unfortunately, the Fotomoto functionality does not work within an iframe and the Fotomoto button is automatically hidden if Juicebox detects that it is being displayed within an iframe (rather than display a non-functioning button).
I will ensure that this is noted in our online documentation in the next site update (in the iframe and Fotomoto support sections).

The solution would be to embed your gallery in your web page using the baseUrl method as documented here instead of loading your gallery into an iframe.

Essentially, in your 'animals.html' page, replace the iframe code with the following:

<!--START JUICEBOX EMBED-->
<script src="/animals/jbcore/juicebox.js"></script>
<script>
  new juicebox({
    baseUrl : '/animals/',
    containerId : 'juicebox-container',
    galleryWidth : '800',
    galleryHeight : '600',
    backgroundColor: 'rgba(18,18,18,1)'
  });
  </script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->