How to add dynamic buttons to cart drawer

[undercoverfresh]

I want to add the dynamic buttons to cart drawer at the bottom like this on dawn theme on mobile only like this

URLknmb1c-pf.myshopify.com

password samurai

[B2Bridge]

Hi @undercoverfresh, to do that, please follow our instruction:

Step 1: Open Online Store -> Themes -> Edit code.

Step 2: Find cart-drawer.liquid file.

Step 3: Paste this code below checkout button:

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

If this helpful, please let us know by giving us a like and marking its as a solution. Thanks you 😍

[undercoverfresh]

It worked but this is how it looks on desktop could you make the code for desktop and mobile? And for desktop stacked like the photo?

 

[B2Bridge]

You can try this:

<style>
.wallet-cart-grid {
  justify-content: flex-start;
  flex-direction: column;
  margin: 0;
  max-width: none;
}

.wallet-cart-button-container:first-child {
   margin: 8px 0 0;
}

.wallet-cart-button-container {
   width: 100%;
   height: clamp(25px, var(--shopify-accelerated-checkout-button-block-size, 54px), 55px);
   margin: 8px 0 0;
   max-width: none;
}
</style>

[undercoverfresh]

I should put it at the same place before?

[B2Bridge]

Put this at the top of cart-drawer.liquid

[undercoverfresh]

Mobile is good, desktop shows same problem  

[B2Bridge]

Try this:

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

[undercoverfresh]

I put it at the very top of cart-drawer.liquid and it shows on the draws but also on top of page 

 

[B2Bridge · Accepted solution]

You must replace the old code with new code:

Replace this:

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

To this:

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

[undercoverfresh]

I added the code to the first place you said to add it and it worked thank you

[B2Bridge]

You are welcome 😊