How to Add Estimated Delivery Date to Shopify Store

// Estimated Delivery Date Calculator for Shopify
function calculateDeliveryDate() {
  // Configuration
  const processingDays = 1; // Days to process order
  const shippingDays = {
    'standard': 5,
    'express': 2,
    'overnight': 1
  };
  
  // Get current date
  const today = new Date();
  let deliveryDate = new Date(today);
  
  // Add processing time
  deliveryDate.setDate(deliveryDate.getDate() + processingDays);
  
  // Skip weekends
  let daysAdded = 0;
  let totalDays = processingDays + shippingDays['standard'];
  
  while (daysAdded < totalDays) {
    deliveryDate.setDate(deliveryDate.getDate() + 1);
    if (deliveryDate.getDay() !== 0 && deliveryDate.getDay() !== 6) {
      daysAdded++;
    }
  }
  
  // Format date
  const options = { weekday: 'long', month: 'long', day: 'numeric' };
  return deliveryDate.toLocaleDateString('en-US', options);
}

// Display on product page
document.addEventListener('DOMContentLoaded', function() {
  const deliveryDate = calculateDeliveryDate();
  const deliveryElement = document.querySelector('.delivery-date');
  
  if (deliveryElement) {
    deliveryElement.innerHTML = `
      <div class="estimated-delivery">
        <svg class="delivery-icon" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
          <rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect>
          <line x1="16" y1="2" x2="16" y2="6"></line>
          <line x1="8" y1="2" x2="8" y2="6"></line>
          <line x1="3" y1="10" x2="21" y2="10"></line>
        </svg>
        <span>Estimated delivery: <strong>${deliveryDate}</strong></span>
      </div>
    `;
  }
});