carolineschnapp

Instructions

1. Get Google Chrome.

2. Install the Chrome extension ShopifyFD. Direct link to install extension.

3. Install the Chrome extension Custom Fields. Direct link to install extension.

4. Go to your shop main settings page. Just click here once you're logged-in the right store.

carolineschnapp

{% comment %}
  Collections are listed here.
{% endcomment %}

{% capture uses_minimal_framework %}{% include 'product-loop' %}{% endcapture %}

{% if uses_minimal_framework contains 'Liquid error' %}
  {% assign uses_minimal_framework = false %}
  {% assign grid_item_width = 'large--one-quarter medium--one-third small--one-half large--col-3 medium--col-4 small--col-6' %}
{% else %}

carolineschnapp

{% if paginate.pages > 1 %}
<div class="row">
  <div class="span12">
    <ul class="pagination clearfix">
    {% if paginate.previous %}
    	<li><a href="{{ paginate.previous.url }}" class="prev">Previous</a></li>
    {% else %}
    	<li><span></span></li>
    {% endif %}    
    {% for part in paginate.parts %}

carolineschnapp

/* 
  To test things out, in your JavaScript console, use selector followed by
  .css('outline','1px solid red');
  to see what you get.
  A sandbox to test all this:
  https://shopify-selectors.myshopify.com/admin/themes
*/

/*====================================
  Product Page and Quick View

carolineschnapp

@media (max-width: 479px) {
.show-on-desktop, .show-on-tablets, .hide-on-mobile { display: none; }
}
@media (min-width: 480px) and (max-width: 979px) {
.show-on-desktop, .hide-on-tablets, .show-on-mobile { display: none; }
}
@media (min-width: 980px) {
.hide-on-desktop, .show-on-tablets, .show-on-mobile { display: none; }
}

carolineschnapp

<!-- in theme.liquid -->

{% if current_tags %}{% assign meta_tags = current_tags | join: ', ' %}{% endif %}
<title>
{{ page_title }}{% if current_tags %} &ndash; {{ 'general.meta.tagged' | t: tags: meta_tags }}{% endif %}{% if current_page != 1 %} &ndash; {{ 'general.meta.page' | t: page_number: current_page }}{% endif %}{% unless page_title contains shop.name %} &ndash; {{ shop.name }}{% endunless %}
</title>

<!-- in locales/en.default.json -->

{

carolineschnapp

/* Checkout theme settings */

// Theme Settings - Checkout

$checkout_use_header_image: {{ settings.checkout_use_header_image }}; // boolean
// checkout_header_image.png // file
$checkout_banner_background_color: {{ settings.checkout_banner_background_color }}; // color
$checkout_logo: {{ settings.checkout_use_logo_image }}; // 3 possible values: 'logo.png', 'checkout_logo.png' or ''.
$checkout_headline: "{{ settings.checkout_headline }}"; // text
$checkout_accent_color: {{ settings.checkout_accent_color }}; // color

carolineschnapp

<fieldset data-overrides-fieldset="checkout">
  <legend>Checkout</legend>
  <table>
    <tr>
      <td colspan="2">
        <h3>Banner</h3>
      </td>
    </tr>
    <tr class="horizontal">
      <th>

carolineschnapp

<!-- non-BEM -->

<form class="site-search  full">
    <input type="text" class="field">
    <input type="Submit" value ="Search" class="button">
</form>

<style>
.field { } /* specificity: 1 */
.button { } /* specificity: 1 */

carolineschnapp

{% if template contains 'collection' and current_tags %}
  <meta name="robots" content="noindex" />
  <link rel="canonical" href="{{ shop.url }}{{ collection.url }}" />
{% elsif template == 'blog' and current_tags %}
  <meta name="robots" content="noindex" />
  <link rel="canonical" href="{{ shop.url }}{{ blog.url }}" />
{% else %}
  <link rel="canonical" href="{{ canonical_url }}" /> 
{% endif %}