liamgriffin

{% comment %}
  Renders a list of product's price (regular, sale)

  Accepts:
  - product: {Object} Product Liquid object (optional)
  - use_variant: {Boolean} Renders selected or first variant price instead of overall product pricing (optional)
  - show_badges: {Boolean} Renders 'Sale' and 'Sold Out' tags if the product matches the condition (optional)
  - price_class: {String} Adds a price class to the price element (optional)
  - show_compare_at_price: {Boolean} Renders the compare at price if the product matches the condition (optional)

liamgriffin

<span
  {% if swatch_value %}
    class="swatch{% if shape == 'square' %} swatch--square{% endif %}"
    style="--swatch--background: {{ swatch_value }}"
  {% else %}
    class="swatch swatch--unavailable{% if shape == 'square' %} swatch--square{% endif %}"
  {% endif %}
></span>

liamgriffin

<label
  for="{{ id }}"
  title="{{ value }}"
  class="swatch-input__label{% if shape == 'square' %} swatch-input__label--square{% endif %}"
>
  {% render 'swatch', swatch: value.swatch, shape: shape %}
  <span class="visually-hidden">{{ value }}</span>
  {{ help_text }}
</label>

liamgriffin

if value.swatch.image
  assign image_url = value.swatch.image | image_url: width: 50
  assign swatch_value = 'url(' | append: image_url | append: ')'
elsif value.swatch.color
  assign swatch_value = 'rgb(' | append: value.swatch.color.rgb | append: ')'
else
  assign swatch_value = nil
endif

liamgriffin

{%- for option in product.options_with_values -%}
      {%- liquid
        assign swatch_count = option.values | map: 'swatch' | compact | size
        assign picker_type = block.settings.picker_type

        if swatch_count > 0 and block.settings.swatch_shape != 'none'
          if block.settings.picker_type == 'dropdown'
            assign picker_type = 'swatch_dropdown'
          else
            assign picker_type = 'swatch'

liamgriffin

<div class='video-section'>
  <h2>{{ section.settings.heading }}</h2>
  {% for block in section.blocks %}
    {% case block.type %}
      {% when 'video-stored' %}
        <div class="stored-video" {{ block.shopify_attributes }}>
          {{ block.settings.video | media_tag }}
        </div>
      {% when 'external-video' %}
        <div class ="external-video"{{ block.shopify_attributes }}>

liamgriffin

<div class="video-section">
  <h2>{{ section.settings.heading }}</h2>
  {{ section.settings.video | video_tag }}
</div>  

{% schema %}
{
  "name": "Video",
  "settings": [
    {

liamgriffin

<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 %}

liamgriffin

dlkcnda

liamgriffin

"text": {
    "type": "text",
    "settings": {
        "text": "{{ product.metafields.my_fields.country.value }}",
        "text_style": "uppercase"
        }
      },