Remove Cart/Add to Cart Function | Craft Theme

Store Design
, ,
1

Hey everyone!

Pretty new to Shopify, I was wanting to disable my cart for the time being (disable the “Add to Cart” button, as well as the “Cart” button in the top right.) I’m using the free theme “Craft”, and I tried following this article: https://help.shopify.com/en/manual/online-store/themes/themes-by-shopify/vintage-themes/customizing-vintage-themes/hide-add-to-cart-buttons

But my theme doesn’t have a “product-template.liquid” file. It does have a “theme.liquid” file, which I found this code below near the end of the file:

      window.variantStrings = {
        addToCart: `{{ 'products.product.add_to_cart' | t }}`,
        soldOut: `{{ 'products.product.sold_out' | t }}`,
        unavailable: `{{ 'products.product.unavailable' | t }}`,
        unavailable_with_option: `{{ 'products.product.value_unavailable' | t: option_value: '[value]' }}`,
      }

I added

{% comment %}

&

{% endcomment %}

to the beginning and end of this part of the code, but the “Add to Cart” button is still visible on all products, so is the “Cart” button in the top right to view what’s in your current cart.

Any and all help would be much appreciated!!!

1 Like
2

Hi @BoxDrop ,

You can remove the “Add to cart” button by following the instructions below.

  1. From your Admin page, go to Online store > Themes > Customize
  2. Go to Products, then click the “Buy buttons”
  3. On the bottom right corner, you see the “Remove blocks”

made4Uo_0-1679529784421.png
made4Uo_0-1679529784421.png1912×920 225 KB

To remove the cart icon, you can follow the instructions below

  1. From your Admin page, go to Online store > Themes > click the three dots > Edit code
  2. Find the Asset folder, and open the base.css file
  3. Add the code below at the very end of the file
cart-toggle#cart-icon-bubble {
    display: none;
}
1 Like
3

The first part worked amazingly for removing the add to cart, and buy it now buttons, but the second part, where you said to add

cart-toggle#cart-icon-bubble {
    display: none;
}

to the base.css file. After doing this, I still have the “Cart” button in the top right of my webpage.