zurb/reveal

Shopify and Reveal

holliej0 opened this issue · 4 comments

Hi, I am trying to use the pop-up on my Shopify homepage - there is a button at the bottom of the page that I want a popup to appear when you click on it. I added the following files (jquery.reveal.js, jquery.min.js, reveal.css) and added the following code to my theme.liquid file:

screen shot 2014-03-12 at 7 35 16 pm

And added this right before the :

screen shot 2014-03-12 at 7 34 36 pm

Here is the link to the site where the button is (scroll to the bottom right where it says "click here to sign up to receive emails") - this is where I want a popup to happen when you click that button:
http://quatrine-custom-furniture.myshopify.com

Any help would be greatly appreciated!
Thank you,
Hollie

I also added this code to the top of the theme.liquid file:
screen shot 2014-03-12 at 7 38 57 pm

I almost got it to work, I put the following right before the tag, but now the popup is appearing on pageload as well (I just want it to popup when you click the assigned button):
{{ 'reveal.css' | asset_url | stylesheet_tag }}

{{ 'jquery.min.js' | asset_url | script_tag }}
{{ 'jquery.reveal.js' | asset_url | script_tag }}

<script type="text/javascript"> jQuery(document).ready(function($){ $('#myModal').reveal({ animation: 'fade', //fade, fadeAndPop, none animationspeed: 300, //how fast animtions are closeonbackgroundclick: true, //if you click background will modal close? dismissmodalclass: 'close-reveal-modal' //the class of a button or element that will close an open modal }); }); </script>

nevermind, figured it out!

Can you post the solution then?