sweethoneycode

<p>Measurement <span>{{ product.metafields.my_fields.measurement.value }}</span><span>{{ product.metafields.my_fields.measurement.unit }}</span></p>

sweethoneycode

          <p>PDF: <a href="{{ product.metafields.global.product_pdf.value.url }}" target="new">Sample PDF from APP</a></p>
          
          <p>System PDF: <a href="{{ product.metafields.my_fields.productpdf.value.url }}" target="new">Sample PDF</a></p>

sweethoneycode

          Is this available?
          
          {% if product.metafields.my_fields.pre_order == true %}
          	YES
          {% else %}
          	No
          {% endif %}
          
        {%- comment -%}
          Not for Online store 2.0 Themes

sweethoneycode

          {%- assign product_date = product.metafields.my_fields.datetime -%}
          
          {%- comment -%}
         	 Color Metafield and attributes
          {%- endcomment -%}
          
          {%- if product_date -%}
          
          <p>Pre-order: {{ product_date.value | time_tag: format: 'date' }}</p>
          

sweethoneycode

                 
          {%- comment -%}
         	 variable to hold color
          {%- endcomment -%}
          
          {%- assign product_color = product.metafields.my_fields.color -%}
          
          {%- comment -%}
         	 Color Metafield and attributes
          {%- endcomment -%}

sweethoneycode

.directory-img-container {
    display: flex;
    align-items: center;
    justify-content: center;
}

sweethoneycode

<br>
          <div class="custom-avail-field">
            {% if current_variant.available %}
            {{ 'products.product.remaining' | t }}: <span id="inventoryQuantity">{{ current_variant.inventory_quantity }}</span>
            {% endif %}
          </div>
          
            <div class="custom-avail-field">
            {% if current_variant.available %}
            Weight: <span id="inventoryWeight">{{ current_variant.weight }} grams</span>