Add Express Checkout Buttons to Cart Drawer

surefootme
New Member
3 0 0

I'd like to add express checkout options to a site's cart drawer, in addition to the "Checkout Now" button. These appear on checkout, and I'd like them in the cart drawer as well (with an adjusted layout/position of the buttons):

 Screen Shot 2020-12-22 at 9.23.55 AM.png

I found this help article about adding buttons to the cart page itself, but it looks like it doesn't work as expected, according to this question

Is there a way to setup/initialize these buttons on the cart drawer that may appear on pages other than cart and checkout. I'm experienced with javascript, so happy to code up a custom solution if anyone is able to point me in the right direction.

 

0 Likes
PaulNewton
Shopify Partner
2601 136 475

https://shopify.dev/tutorials/customize-theme-add-more-checkout-buttons-to-cart-page

 

{%- if additional_checkout_buttons -%}
 <div class="additional-checkout-buttons">{{ content_for_additional_checkout_buttons }}</div>
{%- endif -%}

 

There's also the form type

{{ form | payment_button }}

 

Getting it to work with cart-drawers is dependent on which theme your using and how it handles the cart drawer.

The code that creates the Dynamic checkout buttons(DCB's) mostly runs after the the page loads in the customers browser.

most free themes use a javascript template system where the cart drawer is created|recreated on the customers side after this happens.

 

A dirty trick for things like this is to just generate the content offscreen elsewhere in the template then move it to where you need with javascript.

 

Problem Solved? ✔️Accept and ? Like the solution so you can help others.
Buy me a coffee ☕ paypal.me/paulnewton or donate to eff.org
Confused? Busy? Buy a custom solution paull.newton+shopifyforum@gmail.com
0 Likes