cshold

<div class="form-horizontal">
  <label for="sortBy">Sort by</label>
  <select name="sortBy" id="sortBy">
    <option value="manual">Featured</option>
    <option value="best-selling">Best Selling</option>
    <option value="title-ascending">Alphabetically, A-Z</option>
    <option value="title-descending">Alphabetically, Z-A</option>
    <option value="price-ascending">Price, low to high</option>
    <option value="price-descending">Price, high to low</option>
    <option value="created-descending">Date, new to old</option>

cshold

<!--
  If you're using our theme_gem to upload your files, make sure you close your
  input and br tags as if it were XHTML.
    - eg. <br /> and <input type="text" />

    More info on settings:
      - http://docs.shopify.com/themes/theme-templates/settings
-->

<!-- Colors -->

cshold

{% comment %}

  A snippet to include related products on a product single page.

  More information:
   - http://docs.shopify.com/support/your-store/products/can-i-recommend-related-products

{% endcomment %}
{% assign number_of_products = 5 %}
{% assign number_of_products_to_fetch = number_of_products | plus: 1 %}

cshold

/* Simple jQuery Equal Heights @version 1.5.1. Copyright (c) 2013 Matt Banks. Dual licensed under the MIT and GPL licenses. */
!function(a){a.fn.equalHeights=function(){var b=0,c=a(this);return c.each(function(){var c=a(this).innerHeight();c>b&&(b=c)}),c.css("height",b)},a("[data-equal]").each(function(){var b=a(this),c=b.data("equal");b.find(c).equalHeights()})}(jQuery);

window.timber = window.timber || {};

timber.cache = {
  // General
  html: $('html'),
  body: $('body'),
  equalHeight: $('.equal-height'),

cshold

// ==============================================================================
// #Site Nav and Dropdowns
// ==============================================================================
.nav-bar {
  background-color: $colorNav;

  a {
    color: $colorNavText;

    &:hover,

cshold

.header-cart-btn {
  @extend .btn;
  position: relative;
  font-size: 19px;
  line-height: 19px;
  padding-top: 12px;
  padding-bottom: 10px;
  border: 0 none;
  margin-left: $gutter/2;
  vertical-align: top;

cshold

timber.socialSharing = function () {
  var buttons = timber.cache.shareButtons,
      permalink = buttons.data('permalink'),
      shareButtons = buttons.find('a'),
      socialCounts = buttons.find('span.share-count');

  {% if settings.social_sharing_products or settings.social_sharing_blog %}
    // Get share stats from respective APIs
    var fbLink = $('.share-facebook'),
        twitLink = $('.share-twitter'),

cshold

{% if settings.footer_display_contact %}
<div class="grid-item medium--one-half large--five-twelfths">
  <h3>{{ settings.footer_contact_title }}</h3>
  <p>
    {% if settings.footer_contact_text != blank %}
      {{ settings.footer_contact_text }}
    {% else %}
      Add some text to show here in your <a href="/admin/themes" title="Edit theme settings"> theme settings</a>.
    {% endif %}
  </p>

cshold

window.timber = window.timber || {};

timber.cacheSelectors = function () {
  timber.cache = {
    // Product Page
    $productImageWrap: $('#productPhoto'),
    $productImage: $('#productPhotoImg'),
    $thumbImages: $('#productThumbs').find('a.product-photo-thumb')
  }
};

cshold

// Create a global function that handles all cart-related JS
initCart = function (obj) {
    // Do all cart things here
    
    // If running as the ajax cart callback, an object is returned
    if (obj.is_visible) {
        // the cart is shown
    } else {
        // the cart was hidden
    }