From 1afb6700715346889e2528f1e31890b1672b90c6 Mon Sep 17 00:00:00 2001
From: "serhii.tkachenko" <serhii.tkachenko@bigcommerce.com>
Date: Tue, 20 Sep 2022 16:27:33 +0300
Subject: [PATCH] feat(payment): PAYPAL-1661 added Accelerated buttons
 container to PDP add to cart popup

---
 CHANGELOG.md                                                | 1 +
 .../scss/components/stencil/previewCart/_previewCart.scss   | 4 ++++
 templates/components/cart/preview.html                      | 6 +++++-
 3 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 6b468e40c5..14797ea81e 100644
--- 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
index a8ebc20503..692588aee5 100644
--- 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
index 82430c6435..9c8383fd7d 100644
--- 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}}