Gotchas

Gotchas

SCSS Charset

After running into some issues with the SCSS compiler not working, we discovered it was due to not declaring the charset at the top of the file. To fix, just add the below to the top of your main SCSS file:

@charset: 'UTF-8';

// Your styles below

SSL Cert (Cloudflare)

A client who was using Cloudflare for their DNS settings was having issues with their SSL through Shopify. This is because Cloudflare will serve up it's own SSL and will clash with Shopify's. To fix this, log into the Cloudflare account navigate to 'Crypto' and then turn off SSL cert - it's generally default to 'Full' or 'Flexible'.

Slick slider inside of the cart

When building Secrets Shh and using the boilerplate we ran into quite a snag with initialising the slider within the cart on load. This is due to the cart rendering after the DOM does with a fetch(). The work around for this is to initialise the script within that fetch from the cart.js file instead of the normal theme.js e.g.:

this.fetchData(function() {
  theme.cart_slider.init();
});