| // Use Gists to store code you would like to remember later on | |
| console.log(window); // log the "window" object to the console |
| @media (max-width: 768px) { | |
| .btn-responsive { | |
| padding:2px 4px; | |
| font-size:80%; | |
| line-height: 1; | |
| border-radius:3px; | |
| } | |
| } | |
| @media (min-width: 769px) and (max-width: 992px) { |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>JS Bin</title> | |
| <style id="jsbin-css"> | |
| span{ | |
| display: inline-block; | |
| width: 24px; | |
| height: 20px; |
| <!-- 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 %} |
| { | |
| "name": "Youtube", | |
| "settings":[ | |
| { | |
| "type": "header", | |
| "content": "Youtube Section" | |
| }, | |
| { | |
| "type": "text", | |
| "id": "youtube_video_link", |
| <!-- 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() { |
