drabbytux

// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console

drabbytux

{% if template contains 'product' %}
{% assign size_options = 'size,taille' | split: ',' %}
{% assign size_chart_text_link = 'Size chart' %}
{% assign has_size = false %}
{% assign size_index = 0 %}
{% for option in product.options %}  
  {% assign downcased_option = option | downcase %}
  {% if has_size == false and size_options contains downcased_option %}
    {% assign has_size = true %}
    {% assign size_index = forloop.index0 %}

drabbytux

---

layout: default title: Allow pre-orders for products sidebar_title: Allow pre-orders description: If you have a product on back order, you can display it as pre-order only on your online Shopify store.

difficulty: intermediate

incompatible-themes: [ "Minimal", "Solo" ] supported: false

nav:

drabbytux

layout	title	sidebar_title	description	nav
default	Select product variants by clicking their images	Select variants by clicking their images	Enable customers to select a product variant by clicking its image on your online Shopify store.	group products

drabbytux

{% comment %}
  See https://docs.shopify.com/themes/customization/products/how-to-add-a-pick-an-option-to-drop-downs
{% endcomment %}

{% unless product.selected_variant %}
  {% if product.variants.size > 1 %}
    <script>
    var $addToCartForm = $('form[action="/cart/add"]');
    if (window.MutationObserver && $addToCartForm.length) {
      if (typeof observer === 'object' && typeof observer.disconnect === 'function') {

drabbytux

<script>
   var productOptions = [];
  {% for option in product.options %}
    var optionObj = {};
    optionObj[ {{ forloop.index0 }} ] = "{{ product.options[forloop.index0] }}";
    productOptions.push(optionObj);
  {% endfor %}
</script>

drabbytux

layout	title	sidebar_title	description	nav
default	Limiting purchase quantities	Limiting purchase quantities	Learn about a workaround and an app for limiting purchases.	group weight Inventory 9

drabbytux

{{ '//code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css' | stylesheet_tag }}
{{ '//ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js' | script_tag }}

<div style="width:300px; clear:both;">
  <p>
    <label for="date">Pick a delivery date:</label>
    <input id="date" type="text" name="attributes[date]" value="{{ cart.attributes.date }}" />
    <span style="display:block" class="instructions"> We do not deliver during the week-end.</span>
  </p>
</div>

drabbytux

###Modifications

1. Add this to the bottom of the Assets/theme.js file:

$(document).ready( function() {
  $(function() {
    $("#date").datepicker( { 
      minDate: +1, 
      maxDate: '+2M',
 beforeShowDay: jQuery.datepicker.noWeekends

drabbytux

layout	title	sidebar_title	description	nav
default	Add an agree to terms and conditions checkbox	Add a terms and conditions checkbox	Add an Agree to terms and conditions checkbox to the cart page of your online Shopify store.	group cart