Turning off the "Buy With" Button on Shopify: A Step-by-Step Guide

Have you ever been mid-pancake flip on a Sunday morning, the smell of sizzling batter wafting through the air, when suddenly you remember—dang it!—the “buy with” button still sits stubbornly taunting visitors on your Shopify store? If you haven't, then consider yourself one of the blessed ones.

For those, however, like my partner Sam and I, who have had our breakfast disrupted by such digital dilemmas, you'll find this guide a soulful rescue. Let’s dive in and unravel this little mystery with the finesse of a pancake-slinging, keyboard-slaying duo.

Step 1: Finding Your Zen... and Your Theme Code

First, let's take a deep, calming breath. Are we good? Okay. Now onto finding the little rascal that's causing this disruption—it's lurking in your theme code. Trust me, it’s less daunting than it sounds.

1. Head over to your Shopify Admin.
2. Fumble—er, I mean, carefully select—Online Store > Themes.
3. Tap on Actions beside your active theme and select Edit Code.

If this reminds you of Indiana Jones, sifting through ancient scrolls in search of treasures, then you’re channeling the right energy. Just don't panic if you see text that looks like it was authored by a caffeine-fueled robot.

Step 2: Where the Magic Happens - Locate the Culprit in the Code

Ah, the belly of the beast—this is where the "buy with" feature hides. But fear not, we're equipped with code-slaying courage.

1. In your list of theme files, hunt down and click on Snippets.
2. Inside this folder, you might find something like dynamic-checkout-button.liquid or similarly suspicious filenames.

This is your treasure map. It's time to find and nab that "buy with" text.

Step 3: The Art of Code Whispering - Editing with Grace

Deleting code is an art, but unlike your aunt’s birthday art projects—may they stay forever boxed in the closet—our project here is more strategic.

1. Open that slippery snippet file and look for lines referencing “buy with,” possibly along the lines of {{ 'buy_with'.... You might also spot references under context.shop or dynamic_checkout.
2. Once found, we need to make a decision: delete just that line or comment it out so the button disappears but the code remains for a rainy day.

Here's a peek if you choose the commenting technique:

{%- comment -%}
{{ 'buy_with'... }}
{%- endcomment -%}

A little shadow comment, like a hushed whisper in the code, effectively hides the text from customers.

Step 4: Check Your Work and Revel in Glory

Now, let’s celebrate. Not yet, folks—we need to make sure our handiwork didn’t burn the proverbial pancake.

1. Save your changes—the floppy disk icon is our savior here.
2. Skip over to your store's front—a simple refresh in your browser should do.
3. Behold: the "buy with" button should be a ghost of shopping features past.

If it isn’t, a double—perhaps even triple—check might be necessary. More like pancake-flipping than you thought, right?

Conclusion: Free at Last

Now that we've lovingly banished the “buy with” feature, picture this: Sunday mornings, pancake aroma, and serene Shopify pages with only the most streamlined of buttons. Perfect.

Of course, if this all seems too overwhelming, or if coding is as appealing to you as getting a sliver in your finger, feel free to reach out to a Shopify Expert. They have magic tricks we mere mortals can only dream of.

And so, my pancake-flipping friends, we ask ourselves: does this conquest call for coffee or a mimosa? I’ll leave that decision to you. Together, we turn digital chaos into calm, one line of code at a time.