• Registered: 2012-12-02
  • Posts: 2

Topic: Conflict with Prestashop

Hello,

I am developing a new shop online using the Prestahop CMS plateform - www.prestashop.com - and I face a big issue not being able to run a Juicebox photo gallery that I want to display in one of the pages of the shop (a CMS page created in the backoffice).
I copied the Juicebox code in the page but it doesn't work.

Do you have a solution ?
Is there anyone who has solved this issue yet ?

Thanks for your help.
Pascal

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

Re: Conflict with Prestashop

You should be able to embed a Juicebox gallery by using either the baseUrl or iframe method documented here.
If you are unsure as to what the relative paths should be within your gallery's embedding code (which can be difficult to figure out in a CMS environment), try using absolute paths instead, e.g.:

<!--START JUICEBOX EMBED-->
<script src="http://www.example.com/my_gallery_folder/jbcore/juicebox.js"></script>
<script>
  new juicebox({
      containerId : 'juicebox-container',
      baseUrl : 'http://www.example.com/my_gallery_folder/',
  });
  </script>
<div id="juicebox-container"></div>
<!--END JUICEBOX EMBED-->

... or:

<iframe src="http://www.example.com/my_gallery_folder/index.html" width="800" height="600" frameborder="0" scrolling="no"></iframe>
  • Registered: 2012-12-02
  • Posts: 2

Re: Conflict with Prestashop

Hi Steven,
I did what you suggested and it now works.
MANY THANKS !
Pascal