Skip to content

Instantly share code, notes, and snippets.

🌯

Sean Orfila seandogg

🌯
Block or report user

Report or block seandogg

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
View original.liquid
<div class="page-width page-content">
<div class="grid">
<div class="grid__item medium-up--one-third medium-up--push-one-third text-center">
<div class="form-vertical">
{% form 'reset_customer_password' %}
<header class="section-header">
<h1 class="section-header__title">{{ 'customer.reset_password.title' | t }}</h1>
<p>{{ 'customer.reset_password.subtext' | t: email: email }}</p>
View current.liquid
<div class="page-width page-content">
<div class="grid">
<div class="grid__item medium-up--one-third medium-up--push-one-third">
<header class="section-header">
<h1 class="section-header__title">{{ 'customer.register.title' | t }}</h1>
</header>
<div class="form-vertical">
View main-nav.scss
.main-nav {
position: relative;
z-index: 2;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 31px;
min-height: 80px;
box-shadow: 0 5px 12px rgba(22, 38, 51, 0.05);
@include media-query($small) {
View header.liquid
{%- comment -%}
This is a required section for the Shopify Theme Store.
It is available in the "Header" section in the theme editor.
Theme Store required settings
- Show announcement
- Text: message to announce
- Link: link of the announcement bar
Theme Store optional settings
View mega-menu.js
/**
* Main Nav Script
* ------------------------------------------------------------------------------
* This is (hopefully) controlling the mobile menu open / close...
* @namespace main-nav
*/
const burger = document.querySelector('.main-nav__utility-menu--open');
const nav = document.querySelector('.main-nav__menu');
const subNavClose = document.querySelector('.main-nav__utility-menu--close');
View product-item.liquid
<div class="ProductItem {% if use_horizontal %}ProductItem--horizontal{% endif %}">
<div class="ProductItem__Wrapper">
{%- comment -%}
We are using LazySizes to efficiently choose the most appropriate image in the set. However, because internally LazySizes uses srcset, we need to make
sure that the image sizes we offer is not larger than the max size uploaded by the merchants.
{%- endcomment -%}
{%- if settings.product_image_size == 'natural' or use_horizontal -%}
{%- assign use_natural_size = true -%}
{%- else -%}
View rapunzel-accordion-snippet.liquid
<!-- Begin Accordion Snippet -->
<style>
.so-tab {
position: relative;
width: 100%;
overflow: hidden;
margin: 25px 0;
}
.so-tab label {
position: relative;
View algolia_instant_search.js.liquid
search: instantsearch({
appId: algolia.config.app_id,
apiKey: algolia.config.search_api_key,
indexName: '' + algolia.config.index_prefix + 'products',
searchParameters: {
clickAnalytics: true
},
urlSync: {},
searchFunction: function (searchFunctionHelper) {
// Set query parameters here because they're not kept when someone
@seandogg
seandogg / product-description-tabs.liquid
Last active Nov 13, 2018
product-description-tabs.liquid
View product-description-tabs.liquid
<ul class="product-tabs">
<li class="current"><a href="#fragment-1"><span>Description</span></a></li>
<li><a href="#fragment-2"><span>Ingredients</span></a></li>
<li><a href="#fragment-3"><span>Reviews</span></a></li>
</ul>
<div class="tab">
<div id="fragment-1" class="tab-content">
<p>Description Content here</p>
<p> </p>
</div>
@seandogg
seandogg / shopify-rte-accordion.html
Last active Jan 29, 2020
Shopify Rich Text Editor Pure CSS Accordion
View shopify-rte-accordion.html
<!-- Begin Accordion Snippet -->
<style>
.so-tab {
position: relative;
width: 100%;
overflow: hidden;
margin: 25px 0;
}
.so-tab label {
position: relative;
You can’t perform that action at this time.