David Little drabbytux

Musician and Web Developer in Ottawa, Canada

drabbytux / gist:c2b42736ed543b236cbf6ee956917e64

Last active March 4, 2018 14:13 — forked from carolineschnapp/gist:9122054

Order form to use in a page or collection template.

	{% comment %}
	Source: https://gist.github.com/carolineschnapp/9122054
	If you are not on a collection page, do define which collection to use in the order form.
	Use the following assign statement, replace 'your-collection-handle-here' with your collection handle.
	{% assign collection = collections.your-collection-handle-here %}
	Use the assign statement outside of this comment block at the top of your template.
	{% endcomment %}

	{% paginate collection.products by 100 %}

drabbytux / delivery-date.liquid

Created December 15, 2016 00:33 — forked from carolineschnapp/delivery-date.liquid

Cart Attributes: datepicker https://docs.shopify.com/themes/customization/cart/add-date-picker-for-delivery-dates

	{{ '//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 / get-customization-information-for-products.js

Last active June 22, 2017 00:25 — forked from carolineschnapp/gist:11167400

Get custom information for product javascript for theme.js

	jQuery(function($) {
	$('form[action="/cart/add"]').submit(function() {
	var formIsValid = true;
	var message = "Please fill this out and you will be able to add the item to your cart.";
	$(this).find('[name^="properties"]').filter('.required, [required="required"]').each(function() {
	$(this).removeClass('error');
	if (formIsValid && $(this).val() == '') {
	formIsValid = false;
	message = $(this).attr('data-error') \|\| message;
	$(this).addClass('error');

drabbytux / pick-an-option.liquid

Created December 10, 2016 21:07 — forked from carolineschnapp/pick-an-option.liquid

Make 'Pick an option' the default choice in product drop-down menus

	{% 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 / Size Chart in Sectioned Themes.md

Last active March 21, 2018 11:20 — forked from carolineschnapp/Size Chart in Brooklyn.md

How to add a Size Chart button to Debut and other Sectioned themes. This uses the Magnific Popup plugin may need to installed (instructions below).

You want a See Size Chart button on the product page:

... that once clicked gives you this:

drabbytux / size-chart.liquid

Created December 10, 2016 10:00 — forked from carolineschnapp/size-chart.liquid

size-chart.liquid snippet

	{% 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 / 0_reuse_code.js

Created April 25, 2016 15:02

Here are some things you can do with Gists in GistBox.

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