Code Snippets Liquid

Short texts Liquid 🧑‍💻 Code snippets Liquid ✍️ Reading lists Liquid 👀

theme.liquid

class FloatingCart { constructor(options) { const defaultOptions = { formSelector: `form[action=”/cart/add”]`, floatingClass: `hc-sticky`, customStop: false, stopSelector: “, frictionStop: 2.5, }; this.options = { …defaultOptions, …options }; this.init = this.init.bind(this); this.init(); } customStop({ form,currentPosition }) { const { stopSelector, frictionStop } = this.options; let element = document.querySelector(`${stopSelector}`); const elementPosition = element.offsetTop; const elementHeight = element.offsetHeight; let […]

Shopify Algolia Autocomplete Menu Files

.algolia-autocomplete { box-sizing: border-box; background: white; border: 1px solid #CCC; border-top: 2px solid [[ colors.main ]]; z-index: 10000 !important; color: black; text-align: left; } .aa-dropdown-menu .aa-highlight { color: black; font-weight: bold; } .aa-dropdown-menu .aa-cursor { cursor: pointer; background: #f8f8f8; } /* Resets */ .aa-dropdown-menu div, .aa-dropdown-menu p, .aa-dropdown-menu span, .aa-dropdown-menu a { box-sizing: border-box; margin: […]

Shopify Algolia Autocomplete Menu Files

.algolia-autocomplete { box-sizing: border-box; background: white; border: 1px solid #CCC; border-top: 2px solid [[ colors.main ]]; z-index: 10000 !important; color: black; text-align: left; } .aa-dropdown-menu .aa-highlight { color: black; font-weight: bold; } .aa-dropdown-menu .aa-cursor { cursor: pointer; background: #f8f8f8; } /* Resets */ .aa-dropdown-menu div, .aa-dropdown-menu p, .aa-dropdown-menu span, .aa-dropdown-menu a { box-sizing: border-box; margin: […]

Shopify Algolia Autocomplete Menu Files

.algolia-autocomplete { box-sizing: border-box; background: white; border: 1px solid #CCC; border-top: 2px solid [[ colors.main ]]; z-index: 10000 !important; color: black; text-align: left; } .aa-dropdown-menu .aa-highlight { color: black; font-weight: bold; } .aa-dropdown-menu .aa-cursor { cursor: pointer; background: #f8f8f8; } /* Resets */ .aa-dropdown-menu div, .aa-dropdown-menu p, .aa-dropdown-menu span, .aa-dropdown-menu a { box-sizing: border-box; margin: […]

Shopify Algolia Autocomplete Menu Files

.algolia-autocomplete { box-sizing: border-box; background: white; border: 1px solid #CCC; border-top: 2px solid [[ colors.main ]]; z-index: 10000 !important; color: black; text-align: left; } .aa-dropdown-menu .aa-highlight { color: black; font-weight: bold; } .aa-dropdown-menu .aa-cursor { cursor: pointer; background: #f8f8f8; } /* Resets */ .aa-dropdown-menu div, .aa-dropdown-menu p, .aa-dropdown-menu span, .aa-dropdown-menu a { box-sizing: border-box; margin: […]