Remove "Choose options" in You may also like part of Product page (Dawn)

Store Design

Topic summary

A user seeks to remove the “Choose options” button from the “You may also like” section on product pages in Shopify’s Dawn theme.

Solution Provided:

  • Navigate to Shopify admin → Online Store → Themes → Actions → Edit code
  • Open the CSS file (base.css, style.css, or theme.css) in the Assets folder
  • Add specific CSS code targeting the quick-add button to hide it using display: none
  • The original poster confirmed this solution worked

Related Questions:

  • Another user asked how to hide the “Choose options” button on collection pages specifically, or replace it with an “Add to Cart” button that opens the product page
  • Response indicated this would require the store URL for hiding, or a developer to change the button functionality to link directly to checkout
  • One user reported the CSS solution did not work for their setup (shared screenshots showing the button still visible)
Summarized with AI on November 7. AI used: claude-sonnet-4-5-20250929.
2

Hi @arutze ,

Try this.

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
  4. And Save.
.collection.section-template--19147773968720__6cb11633-e58b-415c-b608-72697368dac4-padding.collection--full-width .quick-add.no-js-hidden {
    display: none;
}

Result:

Ribe_Dagandara_0-1689276355640.png
Ribe_Dagandara_0-1689276355640.png1168×366 172 KB

I hope it help.

1 Like