Skip to content

Instantly share code, notes, and snippets.

View projoomexperts's full-sized avatar

projoomexperts

View GitHub Profile
<script>
$(document).ready(function() {
$(".ProductList li").each(function(){
var $product = $(this);
var productURL = $(".ProductDetails a", this).attr("href");
$.get(productURL , function(data) {
var shippingText = $(data).find('.shipping-info .Value').text();
if($.trim(shippingText) == "Free Shipping"){
$product.prepend('<div class="free-shipping-label">Free Shipping</div>');
}
<div class="slide slide-{{ block.id }}" data-index="{{ slide_index }}" {{ block.shopify_attributes }}>
{% capture current %}{% cycle 2, 1 %}{% endcapture %}
{% if block.settings.image != blank %}
{% include 'set-slide-background' %}
{% else %}
<div class="placeholder-background">
{{ 'lifestyle-' | append: current | placeholder_svg_tag: 'placeholder-svg' }}
</div>
{% endif %}
<div class="layer opacity_{{ section.settings.overlay_opacity }}"></div>
.searchbox{
position:relative;
min-width:25px;
width:0%;
height:24px;
float:right;
overflow:hidden;
-webkit-transition: width 0.3s;
-moz-transition: width 0.3s;
<div class="header-nav">
<a class="btn icon browse {% if section and section.settings.hero_show_nav == false %}hidden-in-desktop{% endif %}" data-action="toggle-browse"><i class="fa fa-bars"></i></a>
{% unless section and section.settings.hero_show_search == false %}
{% unless template == 'customers/login' or template == 'customers/register' %}
<form class="searchbox searchbox-open" action="/search" method="get" role="search">
<input type="hidden" name="type" value="product">
<div class="Block Panel" id="SearchTabProducts">
<div id="SearchResultsCategoryAndBrand" style="display: %%GLOBAL_HideSearchResultsCategoryAndBrand%%">
<div id="SearchResultsCategory" style="display: %%GLOBAL_HideSearchResultsCategory%%" class="ptm">
%%LNG_SearchedForCategories%% %%GLOBAL_SearchResultsCategory%%
</div>
<div id="SearchResultsBrand" style="display: %%GLOBAL_HideSearchResultsBrand%%">
%%LNG_SearchedForBrands%% %%GLOBAL_SearchResultsBrand%%
</div>
</div>
(function ($) {
'use strict';
$.ajaxChimp = {
responses: {
'We have sent you a confirmation email' : 0,
'Please enter a value' : 1,
'An email address must contain a single @' : 2,
'The domain portion of the email address is invalid (the portion after the @: )' : 3,
'The username portion of the email address is invalid (the portion before the @: )' : 4,
<!-- /templates/page.contact.liquid -->
<div class="grid">
<div class="grid__item large--five-sixths push--large--one-twelfth">
<header class="section-header text-center">
<h1>{{ page.title }}</h1>
<hr class="hr--small">
</header>
<!-- /snippets/product-grid-item.liquid -->
{% comment %}
This snippet is used to showcase each product during the loop,
'for product in collection.products' in collection.liquid.
A liquid variable (grid_item_width) is set just before the this
snippet is included to change the size of the container.
Once the variable is set on a page, all future instances of this
snippet will use that width. Overwrite the variable to adjust this.
@projoomexperts
projoomexperts / product-grid-item.liquid
Created May 15, 2016 16:30
Brooklyn theme grid layout multiple product variant
<!-- /snippets/product-grid-item.liquid -->
{% comment %}
This snippet is used to showcase each product during the loop,
'for product in collection.products' in collection.liquid.
A liquid variable (grid_item_width) is set just before the this
snippet is included to change the size of the container.
Once the variable is set on a page, all future instances of this
snippet will use that width. Overwrite the variable to adjust this.
<!-- /snippets/product-grid-item.liquid -->
{% comment %}
This snippet is used to showcase each product during the loop,
'for product in collection.products' in collection.liquid.
A liquid variable (grid_item_width) is set just before the this
snippet is included to change the size of the container.
Once the variable is set on a page, all future instances of this
snippet will use that width. Overwrite the variable to adjust this.