Skip to content

Instantly share code, notes, and snippets.

View whistlerbrad's full-sized avatar

Brad whistlerbrad

View GitHub Profile
@whistlerbrad
whistlerbrad / style.scss.liquid
Created February 21, 2018 04:39
Pipeline 3.0
@charset "UTF-8";
/*============================================================================
============= Pipeline theme is built on Timber 2.0.2 ======================
============================================================================
Shopify Timber v2.0.2
Copyright 2015 Shopify Inc.
Author Carson Shold @cshold
Built with Sass - http://sass-lang.com/
@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 - */
@whistlerbrad
whistlerbrad / gallery.html
Last active July 17, 2020 21:44
Grid based lookbook photo gallery
import SwiftUI
import PlaygroundSupport
struct Desktop: View {
var body: some View {
ZStack {
// Image(uiImage: #imageLiteral(resourceName: "IMG_6281.JPG"))
Color(UIColor.systemBlue)
macOS()
}
@whistlerbrad
whistlerbrad / call-to-action.liquid
Created May 9, 2020 03:55
Pipeline - Call to Action section
{%- assign alignment = section.settings.alignment -%}
{%- assign heading = section.settings.title -%}
<div data-section-id="{{ section.id }}" class="{{ section.settings.cta_bg_color }} {{section.settings.alignment}}" style="padding:{{ section.settings.section_padding | times:2 }}em">
{%- if heading != blank -%}
{% case section.settings.heading_style %}
{% when 3 %}
<h1 class="title--flex">{{ heading }}</h1>
{% when 2 %}
@whistlerbrad
whistlerbrad / filename
Last active May 5, 2020 22:05
Broadcast 1.x Testimonials with heading
index-testimonials-heading
@whistlerbrad
whistlerbrad / settings_data.json
Created May 5, 2020 18:45
Debut sample surf store
{
"current": {
"color_text": "#3d4246",
"color_body_text": "#69727b",
"color_sale_text": "#557b97",
"color_button": "#557b97",
"color_button_text": "#fff",
"color_small_button_text_border": "#3d4246",
"color_text_field_text": "#000",
"color_text_field_border": "#949494",
@whistlerbrad
whistlerbrad / header.liquid
Last active April 30, 2020 02:05
Duel logos for Pipeline (mobile/desktop) tested with v4.5.1 - Two files in this GIST - header.liquid and a new file nav-contents-2.liquid
{%- assign transparent_header = false -%}
{%- if template contains 'collection' and collection.image and section.settings.transparent_collection -%}
{%- assign transparent_header = true -%}
{%- elsif template contains 'article' and article.image and section.settings.transparent_article -%}
{%- assign transparent_header = true -%}
{%- elsif template contains 'blog' and section.settings.transparent_blog -%}
{%- assign transparent_header = true -%}
{%- elsif template contains 'page' and section.settings.transparent_page -%}
{%- assign transparent_header = true -%}
@whistlerbrad
whistlerbrad / Pipeline 4.5 no media
Last active April 24, 2020 21:11
Section file for Pipeline 2 and 3 with section settings for price and button label
<div class="product-section" id="ProductSection-{{ section.id }}" data-section-id="{{ section.id }}" data-section-type="product" data-image-zoom-enable="{{ section.settings.zoom_enable }}">
<div class="product-page">
<div class="wrapper">
{% if section.settings.product_breadcrumbs %}
{% include 'breadcrumb' %}
{% endif %}
{% assign current_variant = product.selected_or_first_available_variant %}
@whistlerbrad
whistlerbrad / product media support added
Last active April 22, 2020 18:12
Coming soon Section file
<!-- /snippets/product-soon.liquid -->
<div class="product-section" id="ProductSection-{{ section.id }}" data-section-id="{{ section.id }}" data-section-type="product" data-image-zoom-enable="{{ section.settings.zoom_enable }}">
<div itemscope itemtype="http://schema.org/Product" class="product-page">
<div class="wrapper">
<meta itemprop="url" content="{{ shop.url }}{{ product.url }}">
<meta itemprop="image" content="{{ product.featured_image.src | img_url: 'grande' }}">
{% if section.settings.product_breadcrumbs %}