Keir iamkeir

iamkeir / product-hero.liquid

Created November 20, 2019 23:33

Shopify: Dynamic section hack

	{% comment %}Workaround for dynamic sections outside of homepage{% endcomment %}
	{% for block in section.blocks %}
	{% if product.handle == block.settings.product %}

	{%
	include 'hero'
	hero_title: block.settings.title
	%}

	{% endif %}

iamkeir / section-home-hero.liquid

Created November 20, 2019 23:40

	{% comment %}SECTION{% endcomment %}

	{%
	include 'hero'
	hero_title: section.settings.title
	%}

	{% schema %}
	{
	"name": "Product hero",

iamkeir / gist:5365c05865d98e35afe8a74ba9db7ef1

Created November 20, 2019 23:42

Example config.yml for use with Themekit

	feature-name:
	password: XXXXXXXXXX
	theme_id: "XXXXXXXXXX"
	store: xxxxxx.myshopify.com
	timeout: 2m
	ignore_files:
	# Optiona: Ignore admin-changeable data to keep it safe
	- settings_data.json
	- locales/*
	# Optional: ignore Slate-generated files so we can utilise Themekit commands, e.g. theme download

iamkeir / thing.html

Created June 10, 2020 16:24

Bower attempt

	<!doctype html>
	<html class="no-js" lang="en-gb">
	<head>

	<!--js styling hook-->
	<script>(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement)</script>

	<meta charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0, height=device-height, minimum-scale=1.0, user-scalable=0" />

iamkeir / fs.js

Last active July 1, 2021 10:39

	<script>
	(function() {
	var createCookie = function() {
	var cookVal = Math.floor(Math.random() * 1000); //MAX RANDOM NUMBER TO BE GENERATED
	document.cookie = "run_fs_for_user=" + cookVal + ";domain=bowercollective.com;path=/";
	return cookVal;
	};
	var getCookie = function() {
	var dc = document.cookie;
	var prefix = "run_fs_for_user=";

iamkeir / thing.css

Last active October 5, 2021 17:08

Fade in/out - CSS only

	.thing {
	transform: scale(0);
	opacity: 0;

	/* closing: delay transform scale by the duration of opacity fade */
	transition: opacity 0.2s ease-in-out, transform 0s 0.2s;
	}

	.thing-show {
	transform: none;