msmithstubbs

{% comment %}
This looks for an image with the same alt text as the variant title.
You can use this if your are matching variants to images using the image ALT text.
{% endcomment %}


{% assign main_image = product.featured_image %}

{% for image in product.images %}
  {% if image.alt == variant.title %}

msmithstubbs

{% if settings.notify_me_form %}  
  <div class="notify_form" id="notify-form-{{ product.id }}" {% if product.available %}style="display:none"{% endif %}>
    <form action="/contact" method="post" data-first-variant="{{product.variants.first.id}}" id="BIS_form" onsubmit="return createNotification{{product.id}}(this); return false;">
        <p>
        <label for="contact[email]"><strong>Contact me with stock price and availability:</strong></label>
 	</p>  
 	<p>
          <input required type="phone" name="contact[email]" id="contact[email]" placeholder="EMAIL" value="{{ contact.fields.email }}" style="display:inline;margin-bottom:0px" />
        </p>
	<p>

msmithstubbs

   var title = $('#productVariants .single-option-selector').map(function() { return $(this).val() }).get().join(' / ');

msmithstubbs

<script>
  var BISSubmit = function(attr) {
    var showResponse = function(data) {
      var msg = '';
      if (data.status == 'Error') {
        for (var k in data.errors) {
          msg += data.errors[k].join(); 
        }
      } else {
        msg = data.message;

msmithstubbs

{% comment %}
/*
 * Example code only. This code has not been tested on a live site.
 * IMPORTANT: Backup your theme before making any modifications.
 *
 */
{% endcomment %}

{% unless product.available %}
<script>

msmithstubbs

jQuery(document).on('load', function() { 
  console.log('Message 1');
}); 

jQuery(document).ready(function() { 
  console.log('Message 2');
});

msmithstubbs

@import url(//fonts.googleapis.com/css?family=Open+Sans:700,300);
  .QT-container {
    overflow: hidden;
    padding: 12px;
    max-width: 980px;
    margin: auto;
    line-height: 1.667;
  }

  .QT-button {

msmithstubbs

You can set the button visibility off by including the following config in the template:

<script>
  var _BISConfig = { button: { visible: false } };
</script>

This could combined with some Liquid variables to control it for certain situations. For example, if the product is in the Clearance collection then don't show the Notify Me button:


{% for collection in product.collections %}

msmithstubbs

{
    "product": {
        "body_html": "\u003Cp\u003EWoddy action figure\u003C/p\u003E",
        "created_at": "2013-09-26T07:55:20-04:00",
        "handle": "woddy",
        "id": 160381129,
        "product_type": "Toys",
        "published_at": null,
        "published_scope": "global",
        "template_suffix": null,

msmithstubbs

var create_callback = function(data) {
  var msg = "Hm, there was an error. Sorry!";
  if (data.status == 'OK') {
    msg = 'Great! Stay tuned!';
  } else {
    var errors = [];
    for(var i in data.errors) { 
      errors.push(data.errors[i]);
     }
     msg = errors.join("\n");