shopifypartners

{
  "name": "t:sections.header.name",
  "type": "header",
  "sections": {
    "announcement-bar": {
      "type": "announcement-bar",
      "blocks": {
        "announcement-bar-0": {
          "type": "announcement",
          "settings": {

shopifypartners

 └─ theme
    ├─ assets
    ├─ config
    ├─ layout
    │  └─ theme.liquid
    ├─ locales
    └─ sections
       ├─ footer-group.json
       ├─ header.liquid
       ├─ header-group.json

shopifypartners

<ul class="block-grid mobile four-up product-collection">    
{% for link in linklist.links %} //Here we are saying use the links in the linklist we created and assign them to the below code
<li>
  <div class="product">
  {% comment %}
 You can connect collections, products, pages, & even blogs. By default it will use the first product that appears on a collection or you can pick a featured image.
  {% endcomment %}

  {% assign link_item = link.object %} //Creates a new variable for link_item using link.object which in-turn can access any of the attributes that are available (product, collection, page or blog)
  {% assign link_image = '' %}//creates a new variable for link_image which assigns 

shopifypartners

<div class="video-section">
  <h2>{{ section.settings.heading }}</h2>
  {%- if section.settings.video_url.type == 'youtube' -%}
    <iframe src="https://www.youtube.com/embed/{{ section.settings.video_url.id }}" class="youtube" allow="autoplay; encrypted-media" title="{{ section.settings.description | escape }}"></iframe>
  {%- else -%}
    <iframe src="https://player.vimeo.com/video/{{ section.settings.video_url.id }}" class="vimeo" allow="autoplay; encrypted-media" title="{{ section.settings.description | escape }}"></iframe>
  {%- endif -%}
</div>  

{% schema %}

shopifypartners

//  Escaping Liquid in SCSS.
//
//  Expected output:
//  a{
//    color: {{ settings.link-color }};
//  }

a{
  color: #{'{{ settings.link-color }}'};
}

shopifypartners

<script>
  {% for line in checkout.line_items %}
    <!-- DEBUG looking at {{ line.title }} -->
    {% if line.title == 'Red Sports Tee' %}
      Shopify.Checkout.OrderStatus.addContentBox(
       '<h2>Thanks for your order</h2>', 
       '<p>Have a 10% discount on us! Use AWESOME18 with your next purchase</p>'
      )
    {% endif %}
  {% endfor %}

shopifypartners

article 
blog
checkbox 
collection 
color
font_picker
hidden
html
image
image_picker

shopifypartners

{% unless template == 'index' or template == 'cart' or template == 'list-collections' or template == '404' %}

{% assign t = template | split: '.' | first %}

<nav class="breadcrumbs" role="navigation" aria-label="breadcrumbs">
  <ol>
    <li>
      <a href="/" title="Home">Home</a>
    </li>

shopifypartners

<script>
  $(document).ready(function(){
    $('.image-zoom')
    .wrap('<span style="display:inline-block"></span>')
    .css('display', 'block')
    .parent()
    .zoom({
      url: $(this).find('img').attr('data-zoom')
    });
  });

shopifypartners

<table class=”responsive-table”>
  <thead>
    <th>Product</th>
    <th>Price</th>
    <th>Quantity</th>
    <th>Total</th>
  </thead>
  </tbody>
    {% for item in cart.items %}
      <tr class=”responsive-table__row”>