keirwhitaker

SUMBIT YOUR SHOPIFY TIPS TO CONTENT FOR HEADER

Notes:

- Please provide a short (around 40-50 characters) title for your tip that describes what it does. For example:

	GOOD: "How to change templates using the view querysting"
	BAD: "Want to know how to change templates with a URL?"
	
- Please choose the most appropriate category for your tip from the provided list

keirwhitaker

{% for product in collection.products %}
<a href="{{ product.url | within: collection }}">
    {% assign image = product.featured_image %}
    <img src="{{ image.src | img_url: '480x' }}" alt="{{ image.alt | escape }}"
        srcset="
        {% if image.width > 640 %}{{ image.src | img_url: '640x' }} 640w{% endif %}
        {% if image.width > 720 %},{{ image.src | img_url: '720x' }} 720w{% endif %}
        {% if image.width > 900 %},{{ image.src | img_url: '900x' }} 900w{% endif %} 
        " 
        sizes="(min-width: 960px) 450px, (min-width: 720px) 50vw, 100vw"

keirwhitaker

{% for product in collection.products %}
<a href="{{ product.url | within: collection }}">
    {% assign image = product.featured_image %}
    <img src="{{ image.src | img_url: '480x' }}" alt="{{ image.alt | escape }}"
        srcset="
        {% if image.width > 640 %}{{ image.src | img_url: '640x' }} 640w{% endif %}
        {% if image.width > 720 %},{{ image.src | img_url: '720x' }} 720w{% endif %}
        {% if image.width > 900 %},{{ image.src | img_url: '900x' }} 900w{% endif %} 
        " 
        sizes="(min-width: 960px) 450px, (min-width: 720px) 50vw, 100vw"

keirwhitaker

"settings": [
{
    "id": "title",
    "type": "text",
    "label": "Title",
    "default": "your title here"
},
{
    "id": "description",
    "type": "textarea",

keirwhitaker

"blocks": [
{
    "type": "promo-box",
    "name": "Promotional Box",
    "limit": 1,
    "settings": [
    {
        "id": "title",
        "type": "text",
        "label": "Title",

keirwhitaker

"name": "Promotional Blocks",
"max_blocks": 5,
"presets": [
{
    "name": "Promotional Blocks",
    "category": "Custom Homepage Content"
}
]

keirwhitaker

{% for block in section.blocks %}  
{% if block.type == "promo-box" %}
<h3>{{ block.settings.title }}</h3>
<p>{{ block.settings.description }}</p>
{% elsif block.type == "promo-image" %}
<img src="{{ block.settings.promo-image | img_url: '800x' }}" />
{% endif %}
{% endfor %}

keirwhitaker

{% for block in section.blocks %}  
{% if block.type == "promo-box" %}
<h3>{{ block.settings.title }}</h3>
<p>{{ block.settings.description }}</p>
{% elsif block.type == "image-picker" %}
<img src="{{ block.settings.promo-image | img_url: '800x' }}" />
{% endif %}
{% endfor %}

{% schema %}

keirwhitaker

{
    "id": "title",
    "type": "text",
    "Class": "title",
    "label": "Promotion Title",
    "default": "Title"
}

keirwhitaker

 {
    "name": "Footer Promotion",
    "settings": [
      {
        "id": "title",
        "type": "text",
        "label": "Promotion Title",
        "default": "Title"
      },
      {