levinmejia

  {% if product.tags.size > 0 %}
    <div class="product-single__tags">
      <p>Tags:
        {% for tag in product.tags %}
        {% assign tag_coll = '/collections/all/' | append: tag %}
          {{ tag | capitalize | link_to: tag_coll }}{% unless forloop.last %},{% endunless %}
        {% endfor %}
      </p>
    </div>
  {% endif %}

levinmejia

<div class="product-form__item product-form__item--lip">
  <label for="Engraving">Engraving</label>
  <input type="text" id="engraving" name="properties[Engraving]">
</div>

levinmejia

{% assign related_collection = product.collections.first.products | sort: 'price' %}
	
	{% if related_collection.size > 0 %}
	  <div class="grid__related-products">
	   <h2>Related products</h2>
	   <div class="grid grid--no-gutters grid--uniform">
	     {% for product in related_collection limit: 5 %}
	      <div class="grid__item small--one-half medium-up--one-fifth">
	        {% include 'product-card', product: product %}
	      </div>

levinmejia

{% comment %}
	Source: https://gist.github.com/carolineschnapp/9122054
	If you are not on a collection page, do define which collection to use in the order form.
	Use the following assign statement, replace 'your-collection-handle-here' with your collection handle.
	{% assign collection = collections.your-collection-handle-here %}
	Use the assign statement outside of this comment block at the top of your template.
	{% endcomment %}
	
	{% paginate collection.products by 100 %}
	

levinmejia

<!-- /snippets/product-card.liquid -->

{% comment %}
  The product card snippet is passed a liquid object, used in this file
  as "product". The object is either "product" or "item", the latter if
  it is from search results.
{% endcomment %}

<a href="{{ product.url | within: collection }}" class="product-card">
  <div class="product-card__image-wrapper">

levinmejia

div.hero__text-content {
  transform: translate3d(0px, 150px, 0px);
}

.hero__slide .hero__title {
  font-size: 8.28571em;
  font-style: italic;
  font-weight: 100;
  font-family: "Didot";
}

levinmejia

<!-- /snippets/product-card.liquid -->

{% comment %}
  The product card snippet is passed a liquid object, used in this file
  as "product". The object is either "product" or "item", the latter if
  it is from search results.
{% endcomment %}

<a href="{{ product.url | within: collection }}" class="product-card">
  <div class="product-card__image-wrapper">

levinmejia

{% assign related_collection = product.collections.first.products | sort: 'price' %}

    {% if related_collection.size > 0 %}
      <div class="grid__related-products">
       <h2>Related products</h2>
       <div class="grid grid--no-gutters grid--uniform">
         {% for product in related_collection limit: 5 %}
          <div class="grid__item small--one-half medium-up--one-fifth">
            {% include 'product-card', product: product %}
          </div>

levinmejia

<footer class="site-footer small--text-center" role="contentinfo">
      <div class="wrapper">

        <h1>We love speaking to our customers. Got a question?</h1>
        <ul>
          <li><a href="http://www.twitter.com/shopifypartners">@shopifypartners</a></li>
          <li>1-800-555-1234</li>
          <li><a href="mailto:[email protected]">[email protected]</a></li>
        </ul>
        

levinmejia

{
    "name": "Social media",
    "settings": [
      {
        "type": "header",
        "content": "Accounts"
      },
      {
        "type": "text",
        "id": "social_facebook_link",