Skip to content

Instantly share code, notes, and snippets.

View whistlerbrad's full-sized avatar

Brad whistlerbrad

View GitHub Profile
@odessy
odessy / section-custom-slideshow.liquid
Last active July 22, 2022 17:16
Custom slideshow section
{% liquid
assign blockList = ''
for block in section.blocks
assign blockList = blockList | append: block.type | append: ','
endfor
assign blockArray = blockList | split: ","
if section.settings.height == 'image-height'
assign padding_ratio = 1
@whistlerbrad
whistlerbrad / 1x1-lazy-load-image
Last active June 18, 2021 00:51
Story CSS overrides
/* -- Start Story override code removes background 1x1 image -- */
.template-product .lazy-image {background-image: none !important;}
/* - end - */
@odessy
odessy / header.liquid
Created November 26, 2018 21:04
add additional Announcement message
<div class="header__wrapper">
{% if section.settings.header_enable_account or section.settings.header_enable_search or section.settings.header_message != '' %}
<div class="info-bar showMobile">
<div class="wrapper text-center">
{% if shop.customer_accounts_enabled and section.settings.header_enable_account %}
<div class="header-account-link">
<a href="/account"><img src="{{ 'account.svg' | asset_url }}"></a>
</div>
@whistlerbrad
whistlerbrad / settings_data.json
Created August 10, 2018 00:05
Clean for Pipeline 4.2
{
"current": {
"color_account_bg": "#f3f3f3",
"color_account_text": "#656565",
"color_header_bg": "#ffffff",
"color_header_text": "#656565",
"color_body_bg": "#ffffff",
"color_body_text": "#656565",
"color_primary": "#585e71",
"color_splash": "#f4a482",
@whistlerbrad
whistlerbrad / settings_data.json
Created June 5, 2018 21:26
Pipeline 4.1 settings_data.json
{
"current": {
"color_account_bg": "#dddddd",
"color_account_text": "#656565",
"color_header_bg": "#ffffff",
"color_header_text": "#2e3438",
"color_body_bg": "#ffffff",
"color_body_text": "#656565",
"color_primary": "#359ac8",
"color_splash": "#f4a482",
@whistlerbrad
whistlerbrad / settings_data.json
Created May 4, 2018 22:17
Pipeline 3.1 basic JSON
{
"current": {
"color_account_bg": "#f3f3f3",
"color_account_text": "#656565",
"color_header_bg": "#ffffff",
"color_header_text": "#656565",
"color_body_bg": "#ffffff",
"color_body_text": "#656565",
"color_primary": "#585e71",
"color_splash": "#f4a482",
@whistlerbrad
whistlerbrad / settings_data.json
Last active May 4, 2018 22:15
Pipeline 4 basic JSON
{
"current": {
"color_account_bg": "#dddddd",
"color_account_text": "#2e3344",
"color_header_bg": "#ffffff",
"color_header_text": "#2e3438",
"color_body_bg": "#ffffff",
"color_body_text": "#656565",
"color_primary": "#1990c6",
"color_splash": "#f4a482",
@whistlerbrad
whistlerbrad / settings_data.json
Last active May 5, 2018 04:36
Pipeline 4 Surf JSON
{
"current": {
"color_account_bg": "#dddddd",
"color_account_text": "#2e3344",
"color_header_bg": "#ffffff",
"color_header_text": "#2e3438",
"color_body_bg": "#ffffff",
"color_body_text": "#656565",
"color_primary": "#1990c6",
"color_splash": "#f4a482",
@whistlerbrad
whistlerbrad / index-collection-grid.liquid
Created April 13, 2018 00:05
Custom with optional image and link - Pipeline 3.1
{%- assign collection_image_size = 'x630' -%}
{%- assign grid_item_width = 'large--one-half' -%}
{% case section.settings.grid %}
{% when 1 %}
{%- assign grid_item_width = 'large--one-half collection-grid--single' -%}
{%- assign collection_image_size = 'x630' -%}
{% when 2 %}
{%- assign grid_item_width = 'large--one-half' -%}
{%- assign collection_image_size = 'x630' -%}
@whistlerbrad
whistlerbrad / page-collection-1
Last active October 7, 2019 20:58
Tutorial multiple collections on one page
{%- assign collection = collections[section.settings.collection] -%}
{% case section.settings.grid %}
{% when 1 %}
{% assign grid_width_large = 'large--one-third push--large--one-third clear' %}
{% assign grid_width_medium = 'medium--one-half push--medium--one-quarter clear' %}
{% assign grid_width_small = 'small--one-whole' %}
{% when 2 %}
{% assign grid_width_large = 'large--one-half' %}
{% assign grid_width_medium = 'medium--one-half' %}