e-dolan

1. add snippet to cart.liquid file at the bottom of the file
{% include 'upsell-modal' %}

2. add css to theme.liquid in the header
{{ 'upsell-modal.scss' | asset_url | stylesheet_tag }}

e-dolan

{% comment %}{% render 'product-swatches-metafields', product: product %}{% endcomment %}

{% assign current_product_handle = product.handle %}

{% for product in product.metafields.custom.product_swatch_related_products.value %}
    {% assign related_product_handle = product.handle %}
{% endfor %}

<div class="product-swatches__outer">
    {% for swatch in product.metafields.custom.colour_swatches.value %}

e-dolan

<product-form>
  // rest of product form functionality
  
<button
  id="btn-ATC_Button"
  type="submit"
  class="btn-Button_Primary"
  data-inventory="{{ product.variants.first.inventory_quantity }}"
  {% if product.variants.first.inventory_quantity == 0 %}disabled{% endif %}>
  {% if product.variants.first.inventory_quantity == 0 %}

e-dolan

<section class="related-colour-products__outer" aria-labelledby="related-colour-products-label">
  {%- assign related_colour_products = product.metafields.custom.related_colour_products.value -%}
  {% assign colors = product.metafields.shopify['color-pattern'].value %}
  {% assign color_label = '' %}

  {% for color in colors limit: 1 %}
    {% assign color_label = color.label %}
  {% endfor %}

  <p class="related-colour-products__label">Colour: {{ color_label }}</p>