teckx5

<!-- Add a flat charge per order -->

<!-- DO NOT REMOVE THE FOLLOWING COMMENT -->
<!-- (c) Copyright 2014 Caroline Hill. All Rights Reserved. Contact Mlle Caroline Schnapp at mllegeorgesand@gmail.com -->
<!-- DO NOT REMOVE THE ABOVE COMMENT -->

{% if linklists.gift-wrapping.links.size > 0 and linklists.gift-wrapping.links.first.type == 'product_link' %}
  <div id="is-a-gift" class="clearfix rte">
    {% for variant in linklists.gift-wrapping.links.first.object.variants %}
    <p>

teckx5

/*
Include this after bootstrap.css. Add class of 
vert-offset-top-value or vert-offset-bottom-value 
to your Bootstrap 3 default rows to prevent row content 
from touching the row content above or below.
*/

/* Vertical Offset Bottom */
.vert-offset-top-12{
    margin-top: 12em;

teckx5

Issue

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.

Steps:

teckx5

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.

Important

teckx5

$(function() {
	var slider, // Global slider value to force playing and pausing by direct access of the slider control
		canSlide = true; // Global switch to monitor video state
 
	// Load the YouTube API. For some reason it's required to load it like this
	var tag = document.createElement('script');
    tag.src = "//www.youtube.com/iframe_api";
    var firstScriptTag = document.getElementsByTagName('script')[0];
    firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
 

teckx5

{% if template contains 'product' %}
<script>
jQuery(function($) {
  $('form[action="/cart/add"]').submit(function() {
    var formIsValid = true;
    var message = "Please fill this out and you will be able to add the item to your cart.";
    $(this).find('[name^="properties"]').filter('.required, [required="required"]').each(function() {
      $(this).removeClass('error');
      if (formIsValid && $(this).val() == '') {
        formIsValid = false;

teckx5

<div class="article">
  <h2 class="article-title">{{ article.title }}</h2>
  <p class="article-details">posted <span class="article-time">{{ article.published_at | date: "%Y %h" }}</span> by <span class="article-author">{{ article.author }}</span></p>
  <div class="article-body textile">
    {{ article.content }}
    {% if article.title == 'Our New merchandise' %}
    <ul>
      {% for product in collections.new-merchandise.products limit:3 %}
      <li>
        <div class="feature-product">        

teckx5

<?xml version="1.0" encoding="UTF-8"?>

<configuration>

  <system.webServer>

    <rewrite>

      <rules>

teckx5

(function() { 
  var CSSCriticalPath = function(w, d, opts) {
    var opt = opts || {};
    var css = {};
    var pushCSS = function(r) {
      if(!!css[r.selectorText] === false) css[r.selectorText] = {};
      var styles = r.style.cssText.split(/;(?![A-Za-z0-9])/);
      for(var i = 0; i < styles.length; i++) {
        if(!!styles[i] === false) continue;
        var pair = styles[i].split(": ");

teckx5

{% if shipping_method.title contains 'Pickup' %}

// Your Pickup Message, e.g. This email confirms that you picked up the following items from our store today. We appreciate your business. Come again soon. //

{% else %}

// Your standard shipping email message //

{% endif %}