other-product-swatches-v-001.4

other-product-swatches.liquid

<div class="product-swatches-{{product.id}}"></div>
<div style="clear:both;"></div>
<script>
  jQuery(document).ready(function(){
    var appDomain = '//productswatches.herokuapp.com';
    var url = appDomain + '/product_swatches/get-json/{{product.id}}';
    var data = {
        return_format: 'html',
      	product_id:'{{product.id}}', 
        tooltip: 'yes',
        tooltip_split: '-',
        tooltip_bg: '555',
        tooltip_color: 'fff',
        tooltip_font_size: '12px',
        tooltip_font: 'sans-serif',
        tooltip_padding: '5px',
        tooltip_border_radius: '6px',
        tooltip_css: '',
        border_radius: '0%',
        border_color: 'ffffff',
        border_active: '000000',
        border_width: '1',
        width: '25',
        height: '25',
        swatch_title: '',
        hide_sold_out: '',
      	{% if product.metafields.swatch.tag %}tag:'{{product.metafields.swatch.tag}}'{% endif %}
    };
    $.ajax({
      	type: 'post',
        url: url,
      	data: data,
        cache: false,
        dataType: "html",
        success: function(data) {
          	console.log(data);
            $(".product-swatches-{{product.id}}").html(data);
        }
    });
  }); // end on document ready
</script>