Skip to content

Instantly share code, notes, and snippets.

🏠
Working from home

James Zedd james-zedd

🏠
Working from home
Block or report user

Report or block james-zedd

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
@james-zedd
james-zedd / index--blog-insta.liquid
Created May 16, 2018
Shopify Index Section -- Blog/Instagram Section
View index--blog-insta.liquid
{% comment %}
* Requires instafeed.js to function on your store
* Files and documentation at http://instafeedjs.com/
{% endcomment %}
<div id="blog-insta-section">
<div class="page-width">
<div class="grid">
<div class="grid__item large-up--three-tenths blog-carousel">
<div id="main-carousel" data-flickity='{ "cellAlign": "left", "contain": true, "wrapAround": true, "pageDots": false }'>
@james-zedd
james-zedd / index--hero-full-screen-slider.liquid
Created May 16, 2018
Shopify Index Section -- Hero Full Screen Slider
View index--hero-full-screen-slider.liquid
{% assign text_color = section.settings.text_color %}
{% assign overlay = section.settings.opacity | times: 0.01 %}
<div id="sliderContainer" class="slider-container" style="color:{{ text_color }};">
{% for block in section.blocks %}
<div class="hero-slide" style="background-image:url({{ block.settings.slide_bg | img_url: 'original' }});">
<div class="page-width hero-slide-content">
<h2>{{ block.settings.main_title }}</h2>
<p style="color:{{ text_color }};">{{ block.settings.sub_title }}</p>
<a style="color:{{ text_color }};border-color:{{ text_color }};" href="{{ block.settings.slide_url}}">{{ block.settings.slide_url_text }}</a>
@james-zedd
james-zedd / index--flickity-item.liquid
Created May 16, 2018
Shopify Index Section -- Flickity Item Slider
View index--flickity-item.liquid
{% comment %}
* Make sure you have the Flickity plugin installed and the proper license for this to function on your store
* Plugin, licensing and documentation at https://flickity.metafizzy.co/
{% endcomment %}
{% assign cell_align = section.settings.cell_align %}
{% assign wrap_around = section.settings.wrap_around %}
{% assign img_width = section.settings.img_width | append: 'x' %}
<div class="flickity-section-{{ section.id }} flickity-index-slider item" style="background-color: {{ section.settings.bg }}">
@james-zedd
james-zedd / index--flickity-collection.liquid
Created May 16, 2018
Shopify Index Section -- Flickity Collection Slider
View index--flickity-collection.liquid
{% comment %}
* Make sure you have the Flickity plugin installed and the proper license for this to function on your store
* Plugin, licensing and documentation at https://flickity.metafizzy.co/
{% endcomment %}
{% assign collection_main = collections[section.settings.collection_main] %}
{% assign collection_limit = section.settings.collection_limit %}
{% assign cell_align = section.settings.cell_align %}
{% assign wrap_around = section.settings.wrap_around %}
@james-zedd
james-zedd / index--flickity-products.liquid
Last active Jun 16, 2019
Shopify Index Section -- Flickity Product Slider
View index--flickity-products.liquid
{% comment %}
* Make sure you have the Flickity plugin installed and the proper license for this to function on your store
* Plugin, licensing and documentation at https://flickity.metafizzy.co/
{% endcomment %}
{% assign cell_align = section.settings.cell_align %}
{% assign wrap_around = section.settings.wrap_around %}
{% assign img_width = section.settings.img_width | append: 'x' %}
<div class="flickity-section-{{ section.id }} flickity-index-slider product" style="background-color: {{ section.settings.bg }}">
You can’t perform that action at this time.