markdown 抽屉推车中的额外结帐按钮

Posted 2021-05-05

**Theme:** Brooklyn

**Last version(s) tested:** 8.0.0
 
**Recommended design time:** 5

**Tags:** Brooklyn, General, 



----

## What you have
![](https://screenshot.click/10-59-zjxw6-8zbea.jpg)

 
## What you want
![](https://screenshot.click/10-01-lustc-40a2s.jpg)

----
 

## What you do

**Step 1:**
Open the `ajax-cart-template.liquid` snippet file and find this block of code.

```
  <button type="submit" class="btn--secondary btn--full cart__checkout" name="checkout">
    {% endraw %}{{ 'cart.general.checkout' | t }}{% raw %} <span class="icon icon-arrow-right" aria-hidden="true"></span>
  </button>
```

We're going to add this code below:

```
  <div style="margin-top: 5px;" class="additional_checkout_buttons">{% endraw %}{{ content_for_additional_checkout_buttons }}{% raw %}</div>
```

It should now look like this
![](https://screenshot.click/10-09-ulfjy-nm42b.jpg)
 

**Step 2:** 
Open `theme.scss.liquid` and add this to the bottom.

```
  .ajaxcart__footer{
    overflow: scroll;
    height: 200px;
  }
  
  .ajaxcart__inner{
    bottom: 200px;
  }
```
 
This will make some extra space to accomodate the buttons and add an overflow scroll if needed.

----

**Additional notes:** 
This was necessary as this didn't work: https://help.shopify.com/en/themes/customization/cart/add-more-checkout-buttons-to-cart-page