feat(payment): PAYPAL-1661 added Accelerated buttons container to PDP…

… add to cart popup
bigcommerce · Sep 20, 2022 · 1afb670 · 1afb670
1 parent 4017b89
commit 1afb670
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 1 deletion.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -5,6 +5,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
 ## Draft
+- Add Accelerated buttons container into 'add to cart' popup on product details page [#2264](https://github.com/bigcommerce/cornerstone/pull/2264)
 
 ## 6.6.1 (09-14-2022)
 

diff --git a/assets/scss/components/stencil/previewCart/_previewCart.scss b/assets/scss/components/stencil/previewCart/_previewCart.scss
@@ -78,6 +78,10 @@
     margin-top: spacing("single");
 }
 
+.previewCartCheckout-acceleratedCheckoutButtons {
+    width: 100%;
+}
+
 .previewCartCheckout-additionalCheckoutButtons {
     p {
         float: none !important; // 1

diff --git a/templates/components/cart/preview.html b/templates/components/cart/preview.html
@@ -8,7 +8,11 @@ <h1 class="modal-header-title">
     <div class="previewCart">
         <section class="previewCartCheckout">
             {{#if cart.show_primary_checkout_button}}
-                <a href="{{urls.checkout.single_address}}" class="button button--primary">
+                {{#if cart.additional_checkout_buttons}}
+                    <div data-cart-accelerated-checkout-buttons class="previewCartCheckout-acceleratedCheckoutButtons"></div>
+                {{/if}}
+
+                <a href="{{urls.checkout.single_address}}" class="button button--primary" data-primary-checkout-now-action>
                     {{lang 'cart.added_to_cart.proceed_to_checkout'}}
                 </a>
             {{/if}}