Skip to content

Instantly share code, notes, and snippets.


Zach Harkey zachharkey

  • Harkey Design
  • Deep South
View GitHub Profile

The Caduceus Logo

The original source logo is served as a vector SVG from the following URL:

We can manipulate pretty much every characteristic of this logo, e.g. filetype, width, color, etc. by changing the parameters in this URL.

Change size on the fly.

zachharkey /
Last active Aug 22, 2018
Installing the "Custom Fields" bookmarklet for Shopify

You will need to create a custom bookmark in your browser. Name it something like "Custom Fields". Browser bookmarks usually point to a URL, but we're going to insert a script instead, so in the destination URL field, paste the following script:

javascript:(function(){var gaJs = document.createElement("script");gaJs.type = "text%2Fjavascript";gaJs.src = "";document.getElementsByTagName("head")[0].appendChild(gaJs);})();

Now, when you are editing certain pages in Shopify, you can click your new "Custom Fields" bookmark and it will fire our script, which will reveal otherwise hidden custom fields.

zachharkey / sqs-snippet-hide-qty.html
Last active Apr 11, 2020
Squarespace: This is a hack to hide the "Quantity" input field in product blocks on a per page basis. Paste this into a code block somewhere above the product block. Set code block to "HTML" and uncheck "Display Source".
View sqs-snippet-hide-qty.html
/* Hide quantity fields on this page only */
.product-block .product-quantity-input { display: none; }
zachharkey / gist:8a5b8d4507ffa209c363aaf875b04bff
Created Feb 9, 2017
Squarespace CSS Tweak - Add space between stacked images
View gist:8a5b8d4507ffa209c363aaf875b04bff
/* Add space between stacked images */
.sqs-gallery-block-stacked .image-wrapper {
margin: 20px;
.sqs-gallery-block-stacked .meta { display: block !important;
margin: 20px;
.sqs-gallery-block-stacked .image-wrapper{
margin:20px 0;
View gist:f55bbd66f7aa6dfdc804b71ce19b79f6
$ theme watch
Spawning 2 workers for Worker #1 ready to upload local changes Worker #0 ready to upload local changes
Received Update event on assets/timber.scss.liquid
Successfully performed Update operation for file assets/timber.scss.liquid to
Received Update event on assets/timber.scss.liquid
fatal error: heapBitsSweepSpan
runtime stack:
zachharkey /
Last active Sep 22, 2016
Liguid logic for displaying specific "ship" messages depending on product tag

Lead time messages based on tags

Requirements from client

    So the tags are in all caps and the corresponding messages to go with are below each 
    SHIP 1 
    1-2 week lead time
zachharkey /
Last active Sep 13, 2016
Squarespace Body Classes

Squarespace Body Classes

These are the default body classes on the Base Template

View xulu-logo.svg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
zachharkey / squarespace-cli-error.txt
Last active Sep 6, 2016
squarespace-cli failure
View squarespace-cli-error.txt
$ npm i -g squarespace-cli
/usr/local/bin/sqs -> /usr/local/lib/node_modules/squarespace-cli/squarespace.js
> keytar@3.0.2 install /usr/local/lib/node_modules/squarespace-cli/node_modules/keytar
> node-gyp rebuild
xcode-select: error: tool 'xcodebuild' requires Xcode, but active developer directory '/Library/Developer/CommandLineTools' is a command line tools instance
xcode-select: error: tool 'xcodebuild' requires Xcode, but active developer directory '/Library/Developer/CommandLineTools' is a command line tools instance
zachharkey / HTML Sections
Created Mar 29, 2016
HTML 5 Sections with wrappers
View HTML Sections
<div class="section section-1">
<div class="section-wrapper">
<h1>Section 1</h1>
<p>Phasellus blandit massa sed ex commodo sodales. Vestibulum eget ligula ut nibh bibendum efficitur. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In porta at nulla in auctor. Maecenas mollis lacinia orci sed ultrices. Sed viverra mauris sed nisl facilisis, eu fringilla mauris aliquam. Ut vel dictum velit. Fusce ante leo, fermentum </p>
<div class="section section-2 section--video">
<video style="height: 239" id="bgvideo" preload="none" autoplay="" loop="" poster=""><source src="" type="video/mp4"><source src="" type="video/ogg"><source src="