| // Use Gists to store code you would like to remember later on | |
| console.log(window); // log the "window" object to the console |
| <!-- add the vendor as product tag to product then use this code in collection.liquid --> | |
| <!-- if we are on a collection page that is either custom or smart --> | |
| {% if collection.url != blank %} | |
| <h4>Shop by vendor:</h4> | |
| <ul> | |
| {% for product_vendor in collection.all_vendors %} | |
| <li> | |
| {% if current_tags contains product_vendor %} | |
| <a class="active" href="{{ collection.url }}">{{ product_vendor }}</a> | |
| {% else %} |
| <!-- Ajax API --> | |
| {{ '//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js' | script_tag }} | |
| {{ 'api.jquery.js' | shopify_asset_url | script_tag }} | |
| <style type="text/css"> | |
| #rv__recent_products.rv__grid{width: 100%; margin-top: 20px;} | |
| .rv__grid .row{ display: block; clear: both;} | |
| .rv__grid .rv__row .rv__column{ float: left; } | |
| .rv__grid .rv__row .rv__column.rv__one{ width: 8.3%; } | |
| .rv__grid .rv__row .rv__column.rv__two{ width: 16.66%; } |
| // Dependencies | |
| // - https://github.com/carolineschnapp/currencies | |
| // Don't change currency if Cookie has been already set | |
| if (Currency.cookie.read() == null) { | |
| jQuery.ajax( { | |
| url: '//freegeoip.net/json/', | |
| type: 'GET', | |
| dataType: 'jsonp', |
Brooklyn doesn't have a search box by default and adding one to the header somewhat disrupts the aesthetic of the theme. Instead of adding just an icon linking to the search page, why not adding a modal using the already built in popup plugin?
Did you see that fade in?! It's actually very smooth IRL.
| <form id="contact-form" action="//formspree.io/your@email.com" method="post"> | |
| <input type="text" name="Name" placeholder="Name" required> | |
| <input type="email" name="Email" placeholder="Email" required> | |
| <textarea name="Message" cols="30" rows="6" placeholder="Message" required></textarea> | |
| <!-- CONFIG --> | |
| <input class="is-hidden" type="text" name="_gotcha"> | |
| <input type="hidden" name="_subject" value="Subject"> | |
| <input type="hidden" name="_cc" value="email@cc.com"> | |
| <!-- /CONFIG --> | |
| <input class="submit" type="submit" value="Send"> |
| /** | |
| * Remove empty <p> tags. | |
| * | |
| * See: http://stackoverflow.com/questions/27781798/wordpress-retain-formatting-when-calling-extended-content#comment43990361_27782619 | |
| * This seems to be the easiest solution. Remove this function if this ever gets fixed. | |
| * Credits: http://stackoverflow.com/questions/6092855/how-do-i-remove-empty-p-tags-with-jquery | |
| */ | |
| ( function( $ ) { | |
| $( 'p' ).each( function() { |
| {% assign total_saving = 0 %} | |
| {% for item in cart.items %} | |
| {% if item.variant.compare_at_price > item.variant.price %} | |
| {% capture saving %}{{ item.variant.compare_at_price | minus: item.variant.price }}{% endcapture %} | |
| {% assign total_saving = saving | plus: total_saving %} | |
| {% endif %} | |
| ...rest of cart code within for loop | |
| {% endfor %} | |
| Display saving: |
| {% comment %} | |
| Do we have a Color option? | |
| If so, is it the first, second or third option of that product? | |
| We will need to access values so we need that color index. | |
| {% endcomment %} | |
| {% assign has_color = false %} | |
| {% assign color_option_index = 0 %} | |
| {% for option in product.options %} | |
| {% assign downcased_option = option | downcase %} |
| <!DOCTYPE html> | |
| <html class="no-js"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>Shopify filtering Boilerplate</title> | |
| <meta name="description" content=""> | |
| <meta name="viewport" content="width=device-width, initial-scale=1"> | |
| <link rel="stylesheet" href="_assets/css/style.css"> | |
| </head> | |
| <body> |
