Supported Versions
The details shared here apply to the most recent version of Retina. To keep your theme up to date, check out this helpful document.
If you would like to completely disable the cart drawer, from appearing when the cart button is clicked, you can do so by following these steps:
Step 1: Head into your Shopify Admin > Online Store > Themes > Actions > Edit Code.
Step 2: Under the Sections folder, locate the header.liquid section file.
Step 3: Around line 26 you'll find the following:
<a href="#cart" class="icon-cart cart-button right"><span>{{ cart.item_count }}</span></a>
Which can be updated to:
<a href="/cart" class="icon-cart cart-button right"><span>{{ cart.item_count }}</span></a>
Step 4: Then around line 318 - 319 you'll find the following:
<a href="#cart" class="icon-cart cart-button">{% if cart.item_count > 0 %}<div class="cart_count">{{ cart.item_count }}</div>{% endif %} <span>{{ 'layout.general.cart' | t }}</span></a>
<a href="#cart" class="icon-cart cart-button no-js-only">{% if cart.item_count > 0 %}<div class="cart_count">{{ cart.item_count }}</div>{% endif %} <span>{{ 'layout.general.cart' | t }}</span></a>
Which can also be updated to:
<a href="/cart" class="icon-cart cart-button">{% if cart.item_count > 0 %}<div class="cart_count">{{ cart.item_count }}</div>{% endif %} <span>{{ 'layout.general.cart' | t }}</span></a>
<a href="/cart" class="icon-cart cart-button no-js-only">{% if cart.item_count > 0 %}<div class="cart_count">{{ cart.item_count }}</div>{% endif %} <span>{{ 'layout.general.cart' | t }}</span></a>
The cart button will now link directly to the cart page instead of opening the cart drawer.