Levin Mejia levinmejia

## head-tag.html
<head>

 <script src="https://cdn.shopify.com/s/assets/external/app.js"></script>

 ...

</head>

## hero-alignment-font.css
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";
}

## social-settings-schema.json
{
    "name": "Social media",
    "settings": [
      {
        "type": "header",
        "content": "Accounts"
      },
      {
        "type": "text",
        "id": "social_facebook_link",

## footer.liquid
<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:hello@myshopemail.com">hello@myshopemail.com</a></li>
        </ul>


## cart-page.liquid
<header class="section-header text-center">
  <h1>{{ 'cart.general.title' | t }}</h1>
</header>

<style>
body.template-cart h1 {
  font-family: 'Helvetica Neue', Helvetica, sans-serif;
  font-weight: 600;
  font-size: 40px;
  text-align: left;

## product-card.liquid
<!-- /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">

## related-products.liquid
{% 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>

## top-banner.html
<div class="promo-bar">
        {{ 'stocking.png' | asset_url | img_tag }}
        <p>Spend over $50 and get FREE expedited shipping! Delivers by November 22nd.</p>
        <a href="">Shop Now!</a>
      </div>

      <style>
        .promo-bar {
          position: relative;
          display: inline-block;

## full-page-bg.css
html {
background: url(images/bg.jpg) no-repeat top center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

## metafield-2.liquid
Input:

{% assign instructions = product.metafields.instructions %}

{% assign key = 'Dry' %}

<p>Drying instructions: {{ instructions.Dry }}.</p>

Output:
	<head>

	<script src="https://cdn.shopify.com/s/assets/external/app.js"></script>

	...

	</head>
	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";
	}
	{
	"name": "Social media",
	"settings": [
	{
	"type": "header",
	"content": "Accounts"
	},
	{
	"type": "text",
	"id": "social_facebook_link",
	<header class="section-header text-center">
	<h1>{{ 'cart.general.title' \| t }}</h1>
	</header>

	<style>
	body.template-cart h1 {
	font-family: 'Helvetica Neue', Helvetica, sans-serif;
	font-weight: 600;
	font-size: 40px;
	text-align: left;
	<!-- /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">
	{% 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>
	html {
	background: url(images/bg.jpg) no-repeat top center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}
	Input:

	{% assign instructions = product.metafields.instructions %}

	{% assign key = 'Dry' %}

	<p>Drying instructions: {{ instructions.Dry }}.</p>

	Output: