Remove estimate shipping button and add checkout bitton

Shopify Discussion
,

Topic summary

A user with the Nitro theme wants to remove the “Estimate Shipping” section from their cart page and add a checkout button instead. They shared a screenshot and their store URL (zunostore.in).

Solutions provided:

  • To hide Estimate Shipping: Add custom CSS to theme.liquid before the </body> tag to hide the shipping calculator element (specific code snippet provided with selectors).

  • To add Checkout button: Locate the cart template file (cart.liquid, main-cart.liquid, or similar) and insert a checkout link/button with appropriate styling. Multiple contributors shared HTML and CSS code examples for implementing a styled checkout button.

Key recommendations:

  • Always backup or duplicate the theme before editing code
  • Look for files in the Sections or Templates folder
  • Adjust class names to match existing theme styling

The discussion remains open as the original poster requested the checkout button method after receiving the initial solution.

Summarized with AI on October 27. AI used: claude-sonnet-4-5-20250929.
1

Hi everyone,

I have Nitro theme, please help me removing Estimate shipping and add button of checkout.

Screenshot_20250618-121012.Chrome~2.png
Screenshot_20250618-121012.Chrome~2.png1080Ă—2191 119 KB

2 Likes
2

Please share your store URL

3

hey @3dforce share the URLs of your website plz

4

https://www.zunostore.in

1 Like
5

Mustafa_Ali_0-1750229908277.png
Mustafa_Ali_0-1750229908277.png681Ă—573 30.5 KB

hey @3dforce dear follow these steps
Go to online store ----> themes ----> go to three Dots ----> edit code ---->find theme.liquid files ----> place the code ---->before the ----->
before the body ----->
if this code work please do not forget to like and mark it solution

6

thankyou , suggest method to add checkout button

7

  1. Go to your Shopify Admin → Online Store → Themes

  2. Click “Actions” → “Edit code”

  3. Find the file:
    cart.liquid (or main-cart.liquid / cart-template.liquid, depending on your theme)

  4. Look for a block that outputs the cart form or subtotal.

  5. Add this button code inside the form or after the subtotal:


  Proceed to Checkout


.btn--checkout {
  background-color: #000;
  color: #fff;
  padding: 15px 30px;
  border-radius: 5px;
  text-align: center;
  display: inline-block;
  font-weight: bold;
  text-decoration: none;
}
8

Hi @3dforce

If you’re using the Nitro theme and want to remove the “Estimate Shipping” section and add a “Checkout” button, here’s how you can do it:

To Remove “Estimate Shipping”:1. From your Shopify admin, go to Online Store > Themes.

  1. Click Actions > Edit code on your Nitro theme.

  2. Look for a file like cart.liquid, cart-template.liquid, or main-cart.liquid under the Sections or Templates folder.

  3. Find the block of code that mentions:

    shipping, shipping_rates, estimate_shipping

    or similar phrases.

  4. Comment it out or delete that block carefully.

To Add a “Checkout” Button:1. In the same cart.liquid or relevant cart file, locate the form wrapping the cart items.

  1. Add the following code near the subtotal area or wherever appropriate:

    <a href="/checkout" class="btn btn--checkout">Checkout</a>

    (You may need to adjust the class name to match your theme styling, such as btn, button, or btn–primary)

Please note:
Always create a backup of your theme or work in a duplicate theme before making code changes.

If you’re unsure or the theme is heavily customised, feel free to reach out here with a link or screenshot — happy to assist further!