If an error occurs for a value already existing for a metafield (legacy) but isn't available, navigate to:
/admin/metafields/[type]/migrate/[namespace]/[key]
to migrate to native Shopify metafields editor.
Example for SEO Hidden created with previous methods, route would be:
| //Create function that builds a header object for JS Fetch | |
| function fetchConfig(type = 'json') { | |
| return { | |
| method: 'POST', | |
| headers: { 'Content-Type': 'application/json', 'Accept': `application/${type}` } | |
| }; | |
| } | |
| //Create function to create header object for Fetch JS command | |
| const body = JSON.stringify({ |
| {% comment %} | |
| To use: | |
| {% render 'get_parameter' get_parameter: 'color' %} | |
| {% endcomment %} | |
| {%- assign param = get_parameter | default: '' -%} | |
| {%- capture contentForQuerystring -%}{{ content_for_header }}{%- endcapture -%} |
| .element { | |
| max-height: calc(100vh - 250px); /* Fallback for browsers that do not support Custom Properties */ | |
| height: calc( calc(var(--vh, 1vh) * 100) - 250px); /* 100vh - 250px */ | |
| } | |
| .element2 { | |
| max-height: calc(100vh - 250px); /* Fallback for browsers that do not support Custom Properties */ | |
| height: calc(var(--vh, 1vh) * 100) /* 100vh */ | |
| } |
| var clickEvent = (function() { | |
| if ('ontouchstart' in document.documentElement === true) | |
| return 'touchstart'; | |
| else | |
| return 'click'; | |
| })(); | |
| $document.on(clickEvent, '.element', function(event) {}); |
| let mainTarget = document.querySelector('main'); | |
| let config = { attributes: true, childList: true, subtree: true }; | |
| let callback = function(mutationsList, observer) { | |
| for(var mutation of mutationsList) { | |
| if (mutation.type == 'childList') { | |
| //code here | |
| } | |
| } | |
| }; |
| /* MIXINS | |
| *********/ | |
| /*============================================================================ | |
| Prefix mixin for generating vendor prefixes. | |
| Based on https://github.com/thoughtbot/bourbon/blob/v4-stable/app/assets/stylesheets/addons/_prefixer.scss | |
| Usage: | |
| // Input: | |
| .element { |
| /*! lazysizes - v5.3.1 - config */ | |
| window.lazySizesConfig = window.lazySizesConfig || {}; | |
| window.lazySizesConfig.loadHidden = false; | |
| /*! lazysizes - v5.3.1 - MAIN SCRIPT */ | |
| !function(e){var t=function(u,D,f){"use strict";var k,H;if(function(){var e;var t={lazyClass:"lazyload",loadedClass:"lazyloaded",loadingClass:"lazyloading",preloadClass:"lazypreload",errorClass:"lazyerror",autosizesClass:"lazyautosizes",fastLoadedClass:"ls-is-cached",iframeLoadMode:0,srcAttr:"data-src",srcsetAttr:"data-srcset",sizesAttr:"data-sizes",minSize:40,customMedia:{},init:true,expFactor:1.5,hFac:.8,loadMode:2,loadHidden:true,ricTimeout:0,throttleDelay:125};H=u.lazySizesConfig||u.lazysizesConfig||{};for(e in t){if(!(e in H)){H[e]=t[e]}}}(),!D||!D.getElementsByClassName){return{init:function(){},cfg:H,noSupport:true}}var O=D.documentElement,i=u.HTMLPictureElement,P="addEventListener",$="getAttribute",q=u[P].bind(u),I=u.setTimeout,U=u.requestAnimationFrame||I,o=u.requestIdleCallback,j=/^picture$/i,r=["load","error","lazyincluded","_l |
| {%- comment -%} | |
| ========================================= | |
| THE RIGHT WAY - RESPONSIVE IMAGE SNIPPET | |
| ========================================= | |
| Outputs an image ready for Lazysizes plugin (https://github.com/aFarkas/lazysizes) | |
| OPTIONS: | |
| type: Sets image type if not a Shopify image object. | |
| 'asset', 'file', 'url', 'accentuate' |
Slack doesn't provide an easy way to extract custom emoji from a team. (Especially teams with thousands of custom emoji) This Gist walks you through a relatively simple approach to get your emoji out.
If you're an admin of your own team, you can get the list of emoji directly using this API: https://api.slack.com/methods/emoji.list. Once you have it, skip to Step 3
HOWEVER! This gist is intended for people who don't have admin access, nor access tokens for using that list.
Follow along...
