kyledurand

Multiple Gift Cards Based on product attributes

1. Add properties for gift cards under product.liquid. Must be within the tags.
2. Retrieve the properties in gift_cart.liquid
3. Celebrate

kyledurand

Advanced Filtering for Lookbook

Preface: This needs a lot of cleaning up but on the front end it's beautiful.

Add the icons font from the supply theme. This will work without the icons font.

Add the filters.liquid file to your snippets folder. Include the snippet on the collections.liquid page

See demo here for a limited time: http://simplejacktest.myshopify.com/collections/all

kyledurand

var cc = Currency.currentCurrency;

$( document ).ajaxComplete(function() {
  if (Currency.currentCurrency.length == 0){
    jQuery('.selected-currency').text(cc);
  } else {
    jQuery('.selected-currency').text(Currency.currentCurrency);
  }
});

kyledurand

Changing label text on payement gateway

1. Add this to checkout.scss.liquid

label[for="checkout_payment_gateway_10121035"]{visibility:hidden;} label[for="checkout_payment_gateway_10121035"]:before{content:' Uberweisung / Sofort.com '; visibility: visible;}

kyledurand

Turning a product page into a fancybox gallery

1. Find the fancybox code in scripts.js. If your theme doesn't have fancy box loaded then load it up and add the sprites.

2. Find the code, it should look something like this:

$("a.zoom").fancybox({ padding:0, 'titleShow': false, overlayColor: '#000000',

kyledurand

{% assign featured_image = product.featured_image | default: product.featured_image %}

kyledurand

OUTDATED - Use only as inspiration

Nested / Sub Dropdown Menu for (Almost) Any Shopify theme Based off of Timber

1. Replace site-nav.liquid with the snippet below.
2. Add the styles below to timber.scss.liquid.
3. Go make popcorn.
4. Check your homepage to see if this has worked.
5. It didn't work.
6. Eat the popcorn and try to figure out what went wrong.

kyledurand

// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console

kyledurand

First unminify bootstrap.min.css

Add this css to line 551 of bootstrap.min.css

/* added by kyle @ shopify */
.col-lg-6{  
  width:50%;
    float:left;
}
.col-lg-3{  

kyledurand

      <!-- Begin Sub Colections -->
      {% if collection.handle == 'shoei' %}
        {% if linklists.shoei.links.size > 0 %}
        <!-- BEGIN table.products -->
        <table class="products">
        {% tablerow link in linklists.shoei.links cols: 8 %}
        <div>
          <a href="{{ link.url }}" title="Browse our {{ link.object.title | escape }} collection.">
            <img src="{{ link.object.products.first.featured_image | product_img_url: 'micro' }}" width="auto" alt="{{ link.object.title | escape }}" />
            <p style="text-align:center;">{{ link.title }}</p>