eCommerce Loading Button

By Harry Manchanda

How do I use This?

An eCommerce loading button with submit and process order functionality. This includes variants of loading icons on order process.

<div class="ecommerce-loading-button text-center">
  <div class="loading-button">
    <button type="button" class="primary button" data-loading-start>
      Submit Order
    <button type="button" class="primary button hide" data-loading-end> 
      <i class='fa fa-refresh fa-spin'></i> Processing Order
  </div> <!-- refresh -->
  <div data-success-message class="callout success hide">
    Thanks, your order has been processed!

$('[data-loading-start]').click(function() {
  setTimeout(function() {
  }, 5000)