Skip to content

Instantly share code, notes, and snippets.

View zachharkey's full-sized avatar

Zach Harkey zachharkey

2 followers · 3 following
  • Harkey Design
  • Deep South
View GitHub Profile
@zachharkey
zachharkey / caduceus-logo-documentation.md
Last active June 26, 2018 18:08

The Caduceus Logo

The original source logo is served as a vector SVG from the following URL: http://res.cloudinary.com/caduceus/caduceus-logo.svg

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
zachharkey / shopify-custom-fields-bookmarklet.md
Last active August 22, 2018 17:39
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 = "https%3A%2F%2Fs3.amazonaws.com%2Ffreakdesign-us%2Fshopify%2Fcustom_fields%2Fs%2Ffreakdesign_custom_fields.min.js";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
zachharkey / sqs-snippet-hide-qty.html
Last active August 3, 2021 08:43
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".
<style>
/* Hide quantity fields on this page only */
.product-block .product-quantity-input { display: none; }
</style>
@zachharkey
zachharkey / gist:8a5b8d4507ffa209c363aaf875b04bff
Created February 9, 2017 19:19
Squarespace CSS Tweak - Add space between stacked images
/* 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;
}
@zachharkey
zachharkey / gist:f55bbd66f7aa6dfdc804b71ce19b79f6
Last active September 22, 2016 16:55
Shopify Themekit Fatal Error
$ theme watch
Spawning 2 workers for pieces-6.myshopify.com
pieces-6.myshopify.com Worker #1 ready to upload local changes
pieces-6.myshopify.com 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 pieces-6.myshopify.com
Received Update event on assets/timber.scss.liquid
fatal error: heapBitsSweepSpan
runtime stack:
@zachharkey
zachharkey / lead-time.md
Last active September 22, 2016 06:34
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
zachharkey / squarespace-body-classes.md
Last active September 13, 2016 23:12
Squarespace Body Classes

Squarespace Body Classes

These are the default body classes on the Base Template

@zachharkey
zachharkey / xulu-logo.svg
Created September 7, 2016 21:35
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
zachharkey / squarespace-cli-error.txt
Last active September 6, 2016 23:09
squarespace-cli failure
$ 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
zachharkey / HTML Sections
Created March 29, 2016 22:51
HTML 5 Sections with wrappers
<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>
</div>
<div class="section section-2 section--video">
<video style="height: 239" id="bgvideo" preload="none" autoplay="" loop="" poster="http://static1.squarespace.com/static/558c2e13e4b01eebf23177fc/t/56c4b565d210b80ae441a6d7/1455732071180/work-desk.JPG"><source src="https://squareflair-redux.squarespace.com/assets/video/Bars-for-Loop.mp4" type="video/mp4"><source src="https://squareflair-redux.squarespace.com/assets/video/Bars-for-Loop.ogv" type="video/ogg"><source src="https://squareflair-redux.squarespace.com/assets/video/Bars-for-