VIP Membership in a Custom Liquid Theme

{%- liquid
  assign vip = shop.metafields.exison.exison_plan_settings
  assign vip_covered = false

  if vip.status == "1" and vip.dp == "1"
    case vip.dat
      when "all"
        assign vip_covered = true
      when "collection"
        for c in product.collections
          if vip.dcollection contains c.id
            assign vip_covered = true
            break
          endif
        endfor
      when "product"
        if vip.dproduct contains product.id
          assign vip_covered = true
        endif
    endcase
  endif

  assign product_tags = product.tags | join: ',' | upcase
  if product_tags contains 'NO-VIP-DISCOUNT'
    assign vip_covered = false
  endif
-%}

{%- if vip_covered -%}
  {%- assign vip_pct = vip.dv | times: 1.0 | floor -%}
  {%- assign current = product.selected_or_first_available_variant -%}
  {%- assign current_off = current.price | times: vip_pct | divided_by: 100.0 -%}
  <div class="vip-price"
    {% for v in product.variants %}
      {% assign vip_off = v.price | times: vip_pct | divided_by: 100.0 %}
      {% assign vip_cents = v.price | minus: vip_off | round %}
      data-vip-price-{{ v.id }}="{{ vip_cents | money | strip_html | escape }}"
    {% endfor %}
  >
    <span class="vip-price__amount">{{ current.price | minus: current_off | round | money }}</span>
    {{ vip.tier_name }} price
  </div>
{%- endif -%}

function updateVipPrice(variantId) {
  const block = document.querySelector('.vip-price');
  const price = block?.getAttribute(`data-vip-price-${variantId}`);
  if (price) block.querySelector('.vip-price__amount').textContent = price;
}