---
title: >-
  Developer Preview: Accelerated Checkout Buttons on storefront now support
  Shopify Functions, Bundles, and have improved performance - Shopify developer
  changelog
description: >-
  Shopify’s developer changelog documents all changes to Shopify’s platform.
  Find the latest news and learn about new platform opportunities.
source_url:
  html: >-
    https://shopify.dev/changelog/developer-preview-accelerated-checkout-buttons-on-storefront-now-support-shopify-functions-bundles-and-have-improved-performance
  md: >-
    https://shopify.dev/changelog/developer-preview-accelerated-checkout-buttons-on-storefront-now-support-shopify-functions-bundles-and-have-improved-performance.md
metadata:
  effectiveApiVersion: ''
  affectedApi: []
  primaryTag:
    displayName: Themes
    handle: dev_themes
  secondaryTag:
    displayName: Update
    handle: update
  indicatesActionRequired: true
  createdAt: '2024-07-03T15:15:57-04:00'
  postedAt: '2024-08-16T10:00:00-04:00'
  updatedAt: '2024-08-21T10:07:28-04:00'
  effectiveAt: '2024-08-16T10:00:00-04:00'
---

August 16, 2024

Tags:

* Action Required
* Themes

# Developer Preview: Accelerated Checkout Buttons on storefront now support Shopify Functions, Bundles, and have improved performance

We have improved the design and function of Dynamic Checkout and Accelerated Checkout buttons on storefront pages. These updates ensure that the buttons now support features like Shopify Functions and Product Bundles, providing better performance and a smoother user experience. These changes are now live on development stores and will begin rolling out to all merchants **September 15**.

Please note that the Accelerated Checkout buttons now hide their HTML in a custom element with a closed [shadow DOM](https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_shadow_DOM). This means that any styling or event tracking that targets the existing HTML structure of these buttons will break.

Please review [this guide](https://shopify.dev/docs/storefronts/themes/pricing-payments/accelerated-checkout/upgrade-accelerated-checkout) and the [Accelerated checkout button reference](https://shopify.dev/docs/storefronts/themes/pricing-payments/accelerated-checkout) to ensure your customizations remain compatible with the latest updates.