msmithstubbs

<style>
  #BIS_form { margin-top: 20px; }
  #BIS_form .btn { height: 34px; line-height: 34px; }
  .BIS_response { min-height: 1em; }
</style>

<form id="BIS_form" class="clearfix" data-first-variant="{{product.variants.first.id}}" id="BIS_form" onsubmit="return BISCreateNotification{{product.id}}(this); return false;" {% if product.available %}style="display:none"{% endif %}>
  <p><strong>Notify me when this product is available</strong></p>	
  <p>
    <input type="email" class="text" name="email">

msmithstubbs

{% assign show_button = false %}
{% for variant in product.variants %}
    {% if variant.available == false %}
    	{% assign show_button = true %}
  {% endif %}
{% endfor %}

{% if show_button %}
  <img src="{{ 'notify_me.png' | asset_url }}" id="BIS_trigger">
{% endif %}

msmithstubbs

if (window.location.toString().match(/bis_id/)) {
        function getJsonFromUrl() {
            var query = location.search.substr(1);
            var data = query.split("&");
            var result = {};
            for(var i=0; i<data.length; i++) {
              var item = data[i].split("=");
              result[item[0]] = item[1];
            }
		  return result;

msmithstubbs

<input type="submit" name="add" class="btn" id="addToCart" value="Add to Cart">
<input type="button" name="bis" class="btn-secondary" id="BIS_trigger" value="Email when available">

msmithstubbs

ssh-rsa AAAAB3NzaC1yc2EAAAABIwAAAQEA2WCRvFexNsG1TDZvf4jOFxSC1ZFQuZCr3Suu3dYBZ5Ao7G6cKNHvz2l+FwbOWLlnEspywLpk2bbTRHUOM2AKLJ5JmSlrLZXf49TAs64JooLPl9X5gMsetXpasv7DJpl516UbtAbfY7AlQGzYkj+tCuelF5s8H25XUMfz/2/IFUk8OdND5FHLUJ0FUPk1A2iy3CiQ3irmO3Jw48cm6qKVUaDOhmVavGHuzg7C4psTI2X9Mi2kmwyu7CiK2E8RbNhK7razj4yaHsqyrMflWbonhU0WT+jjSJk/taWUkDM+5Yv7m8emcAA1J+daWiIkTNpPPVDDrkReoIzW0lqgDY+KLw== matt@shiraz.lan

ssh-rsa AAAAB3NzaC1yc2EAAAADAQABAAABAQDNb6mkpmDRDffOecoswXbFYA4Gq/iyCgd9eDsVznzgh3f/Hd5f3MIoh88NbLqI75vUuqr7gNmkRRmnon0clxTmKAZUrtnGeyTbvnrRkvNfp5F0xbZb7RiJkKz1D/mtT6QpUEFWHpKrbYwPW4EM+psJ31RleUHwi64Q2rzucelIBaNTYv2PPtA2yHIv4+J7uwGX0ZCLgcBCalDXwmVnjxZcFGgqkadTYVTfygNOvG9SN89BijVmnX0hifyfDBJBCb1wmjuC+/b48wL2hLXsC5W+Wcafv7llzlmhHjoy61Lt4//Z6yJTMelGZ9l4sroCgBV9b6CkOjOaeIOeEyfDawv1 matt@macbook-pro.lan

msmithstubbs

@media only screen and (max-width: 320px) {
  body > div#BIS_trigger { display: none !important; }
}

msmithstubbs

<script>
/* Back In Stock app */
$(function() {
  
function createNotification(e) {
  var $productContainer = $(e.target).closest('div[data-product-id], #main-product-detail'),
    	productId = $(e.target).data('product-id'),
        email = $productContainer.find('[name=BIS_email]').val(),
        variantId;

msmithstubbs

$(function() {
  $(document).on('change', '.single-option-selector', function() { 

 	  var label = $('.notify_form label[for^=contact]');

    if (label.is(':visible')) {
      var title = $('.single-option-selector').map(function() { return $(this).val() }).get().join(' ');
      label.text("Notify me when the " + title + " are in stock");
    }
  });

msmithstubbs

{% for collection in product.collections %} {% if collection.handle == 'spring-summer-14' %} <script> _BISConfig = { button: { visible: true } }; </script> {% endif %} {% endfor %}

msmithstubbs

<label>Email me when available</label>
<input type="email" id="notify_email" />
<input type="checkbox" id="notify_opt_in" value="Yes" /> Opt-in in for
email newsletter
<button id="notify_button">Email when available</button>

<script>
  var notificationCallback = function(data) {
    var msg = '';
    if (data.status == 'OK') {