Guides

How to Make a link Open in a New tab

Posted by Cameron Shaw on

In this post, I'll give a fairly detailed tutorial and explanation for how to modify a Shopify theme section to modify a link to open in the same or a new tab. This is useful when you're linking offsite and the user will likely want to return. A standard use case for this would be a press page where you're linking to publications which have mentioned your ecommerce brand, and you're using a section (optionally with blocks) to link to the articles in question.  First things first, go into the Online Store menu from the Shopify Admin Dashboard, and the themes...

Read more →

Google Optimize + Shopify, Sitewide Implementation Setup Guide

Posted by Cameron Shaw on

Google Optimize Implementation After much experimentation and testing, here is the full setup we use to deploy Google Optimize with Shopify: Performance considerations: the flicker-prevention script works by hiding the full page content until the optimize module has injected its css or otherwise completed any modifications to the page based on a matching experiment variation. Without this script (technically, two scripts, a css style rule and a javascript to listen for an event and toggle it), the page will load and render, and then the changes from the experiment quickly applied, resulting in the "flicker" which gives the name. Now, this...

Read more →

Simple shared theme dev workflows with Shopify

Posted by Cameron Shaw on

Simple shared theme dev workflows with Shopify

What we needed: The ability for multiple developers (1-3), working on the same projects, from multiple remote locations and various local environments (windows/mac), to have simultaneous access to a shared workspace, with the ability to push to production.  Obviously things like Git and SVN are industry standards, but a bit difficult to use with Shopify. One of the major complications is that as a fully self-hosted backend solution, you can't deploy a local Shopify instance, and you can only push to production via the API. Themekit is a utility that can monitor for changes in a local repository (aka folder), and then push those...

Read more →

How to install Google Optimize in Shopify for optimal performance

Posted by Cameron Shaw on

How to install Google Optimize in Shopify for optimal performance

Background & Motivation Google Optimize is the new A/B and optimization testing platform, released by Google in April 2017 to the public (coming out of a private beta for Optimization360). Google Optimize requires an additional module be added to a standard GA tracker in order to detect when experiments should be run, and inject the code necessary to change the page to the variant of the experiment. So, the timeline looks like this: [Page Load]...[GA ready]...[Optimize ready: experiment [y/n]].. if(y) { add code, then: show }, else { show } Generally the Optimize code is added to the page a...

Read more →