Page Comparison

{%- comment %}
  @param cart (cart, mandatory)
  @param checkout_url (string, mandatory) the checkout url
  @param checkout_button_selector (string) the query selector for the checkout button
{% endcomment -%}

{% unless checkout_url %}
  {% assign checkout_url = 'enter_your_checkout_url_here[th-power-cart-page]' %}
{% endunless %}

{% unless checkout_button_selector %}
  {% assign checkout_button_selector = '[type="submit"][name="checkout"]' %}
{% endunless %}
<script>
  document.addEventListener("DOMContentLoaded", function () {
    var debug = true ? console.log.bind(console, '[DEBUG][RedirectCart]') : function () {};
    debug('Script loaded');

    window.RedirectCart = function (options) {
      var self = {};

      function init() {
        self.options = Object.assign({
          checkoutButtonSelector: '{{ checkout_button_selector }}',
          checkoutUrl: '{{ checkout_url }}',
        }, options);

        self.$checkoutButton = document.querySelector(self.options.checkoutButtonSelector)
         debug('Initialized with options', self.options);
        inject();
      }

      function inject() {
        debug('Inject');
        self.$checkoutButton.addEventListener('click', checkout);
      }

      async function checkout(event) {
        const checkoutUrl = getCheckoutURLevent.preventDefault();
        debug('Checkout ->',const checkoutUrl); =        event.preventDefaultawait getCheckoutURL();
        window.location.href = checkoutUrl;
      }
      
      function getCartCookie(name) {
				const match = document.cookie.match(new RegExp('(^| )' + name + '=([^;]+)'));
        if (match){ 
          return match[2];
        }
			}

      async function getCheckoutURL(products) {
         cookie = getCartCookie('cart');

        var cartContents = await fetch(window.Shopify.routes.root + 'cart.js')
        const cartData = await cartContents.json()

        const productCartIds = cartData.items.map(i => {
          return { product_id:i.product_id, variation_id: i.id, quantity:i.quantity}
        })

        return `${self.options.checkoutUrl}?cartIdsh_items=${cookiebtoa(JSON.stringify(productCartIds))}`;
      }

      init();

      return self;
    };

    var instance = new RedirectCart();

  });
</script>