Can I replace the view cart button in popup to checkout button?

[christianplanne]

I am using the debut theme. 

I want to have the view cart button replaced with "Continue to Checkout"

I am assuming the cart-popup.liquid needs to be edited. 

Here is the screenshot. 

<a href="{{ routes.cart_url }}" class="cart-popup__cta-link btn btn--secondary-accent">
{{ 'products.product.view_cart' | t }} (<span data-cart-popup-cart-quantity></span>)
</a>

<div class="cart-popup__dismiss">
<button class="cart-popup__dismiss-button text-link text-link--accent" data-cart-popup-dismiss>
{{ 'cart.general.continue_shopping' | t }}
</button>
</div>
</div>
</div>

[JHKCreate]

Replace this piece of code:

<a href="{{ routes.cart_url }}" class="cart-popup__cta-link btn btn--secondary-accent">{{ 'products.product.view_cart' | t }} (<span data-cart-popup-cart-quantity></span>)</a>

With:

<a href="{{ routes.cart_url }}" class="cart-popup__cta-link btn btn--secondary-accent">Continue To Checkout (<span data-cart-popup-cart-quantity></span>)</a>

 
Let me know if that works!

[christianplanne]

Thank you that changed the button text but on click the button I am looking to go straight to the first page of check-out. 

Instead of this page:

I would like to send it straight to this page:

[JHKCreate · Accepted solution]

Use this instead then:

<a href="/checkout" class="cart-popup__cta-link btn btn--secondary-accent">Continue To Checkout (<span data-cart-popup-cart-quantity></span>)</a>

 
Let me know!

[christianplanne]

Brilliant that worked. 

Thank you so much. 

[JHKCreate]

Fantastic! Don't forget to Mark As Solution & Like to make the answer more visible to the community. Cheers!

[christianplanne]

Yes, already did!