chrisjhoughton’s gists

chrisjhoughton / fb-open-graph.liquid

Last active February 10, 2025 17:27

Facebook Open Graph meta tags for Shopify. Add this as a snippet called "fb-open-graph.liquid" in your theme, and then add {% include 'fb-open-graph' %} to your theme.liquid file.

	{% if template contains 'product' %}
	<meta property="og:type" content="product">
	<meta property="og:title" content="{{ product.title \| strip_html \| escape }}">
	<meta property="og:category" content="{{ product.type }}" />
	{% for image in product.images limit:3 %}
	<meta property="og:image" content="http:{{ image.src \| product_img_url: 'master' }}">
	<meta property="og:image:secure_url" content="https:{{ image.src \| product_img_url: 'master' }}">
	{% endfor %}
	<meta property="og:price:amount" content="{{ product.price \| money_without_currency \| stip_html \| escape \| remove: ',' }}">
	<meta property="og:price:currency" content="{{ shop.currency }}">

chrisjhoughton / centerPopup.js

Created March 15, 2014 21:37

Open a JavaScript popup window in the center of the screen. Kudos to http://stackoverflow.com/questions/4068373/center-a-popup-window-on-screen

	var popupwindow = function (url, title, w, h) {
	var left = (screen.width/2)-(w/2);
	var top = (screen.height/2)-(h/2);
	return window.open(url, title, 'toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=no, width='+w+', height='+h+', top='+top+', left='+left);
	};

chrisjhoughton / whenPopupClosed.js

Created March 15, 2014 09:29

Detect when a popup has closed on the page using polling. Kudos to http://stackoverflow.com/questions/3291712/is-it-possible-to-open-a-popup-with-javascript-and-then-detect-when-the-user-clo for the idea. Polling isn't neat, but there's not a neater way here.

	var whenPopupClosed = function (popupWindow, cb) {
	var pollTimer = window.setInterval(function() {
	if (popupWindow.closed !== false) { // !== is required for compatibility with Opera
	window.clearInterval(pollTimer);
	cb();
	}
	}, 200);
	};

chrisjhoughton / contains.js

Created March 13, 2014 13:45

Check if a value exists in an array.

	var contains = function(arr, value) {
	var i = arr.length;
	while (i--) {
	if (arr[i] === value) {
	return true;
	}
	}
	return false;
	};

chrisjhoughton / multiline.js

Created March 6, 2014 13:47

DO NOT USE. CURRENTLY BUGGY. An extremely useful yet nasty function to pass native HTML into a JavaScript function. Compatible with IE8+

	var multiline = function (fn) {
	var reCommentContents = /\/\\s([\s\S]?)\s\*\//;
	return reCommentContents.exec(fn.toString())[1];
	};

	var html = multiline(function(){/*
	<div>
	<marquee>HELLO</marquee>
	</div>
	*/});

chrisjhoughton / create-el.js

Created February 18, 2014 14:26

Create a div element with Jquery

	jQuery('<div/>', {
	id: 'foo',
	href: 'http://google.com',
	title: 'Become a Googler',
	rel: 'external',
	text: 'Go to Google!'
	}).appendTo('#mySelector');

chrisjhoughton / append-style.js

Created February 18, 2014 14:20

Add CSS styles to the <head> using jQuery

	var styleText = "body { background: black; }";
	$( "<style>" + styleText + "</style>" ).appendTo( "head" );

chrisjhoughton / getDate.js

Created January 31, 2014 15:53

Generic jQuery-based scraping functions created by the engineering team @QuBiT

	// Get a date
	// Requires getString and isValidDate
	var getDate = function (selectorOrEl) {

	// Get text
	var text = getString(selectorOrEl);

	// Try and get the date, return text failing that
	var date = new Date(text);
	if (this.isValidDate(date)) {

chrisjhoughton / post-receive

Created January 27, 2014 11:53

Git automated deployments. Add this file to the /hooks directory, after a git init --bare is created. Note you'll also need to: 1) run chmod +x hooks/post-receive to ensure it's executable, and 2) create the target directory.

	#!/bin/sh
	GIT_WORK_TREE=/home/myuser/public_html/wp-content/themes/mytheme git checkout -f

chrisjhoughton / proxy.apache.conf

Last active September 17, 2024 23:59

Sample Nginx reverse proxy to Apache set up for Wordpress.

	<VirtualHost *:{PORT}>

	ServerName www.yourdomain.com
	ServerAdmin [email protected]
	DocumentRoot /var/www/yourdir/

	<Directory /var/www/yourdir>
	Options Indexes FollowSymLinks
	AllowOverride all
	Order allow,deny

Chris Houghton chrisjhoughton