Show "View cart" button instead of "Checkout" - Dawn Pro

alvinkonda

[Customer: @DavidTon]

And how to "VIEW CART" instead of "CHECKOUT" in cart drawer?

DavidTon

Yes please guide me.

For Dawn Pro

Thank you!

alvinkonda

HI David,

You need to do a code change to do that. Please open this file snippets/cart-drawer.liquid

Find the following code:

<button
  type="submit"
  id="CartDrawer-Checkout"
  class="cart__checkout-button button"
  name="checkout"
  form="CartDrawer-Form"
  {% if cart == empty %}
    disabled
  {% endif %}
>
  {{ 'sections.cart.checkout' | t }}
</button>

Replace it with:

<a
  href="{{ routes.cart_url }}"
  class="cart__checkout-button button button--full-width"
  {% if cart == empty %}
    aria-disabled="true"
    tabindex="-1"
  {% endif %}
>
  {{ 'sections.cart.checkout' | t }}
</a>

DavidTon

Thank you very much!

DavidTon

The issue is that after using the code, I need to go into the Shopify theme's default language settings to change the "CHECKOUT" button text to "GO TO CART". However, doing so also changes the "CHECKOUT" button on the actual cart page to "GO TO CART" — even though that button still links to the checkout page.

Please help.

alvinkonda

HI David,

My apologize for the issue. If you don't care about translations you can simply change the button text on the code above to this

<a
  href="{{ routes.cart_url }}"
  class="cart__checkout-button button button--full-width"
  {% if cart == empty %}
    aria-disabled="true"
    tabindex="-1"
  {% endif %}
>
  View cart
</a>

Otherwise if you need to have the store in multiple languages then let me know so that i can provide an additonal step to have it translatable.

DavidTon

It worked. Thank you very much!