Remove "choose options" and "add to cart" from shopify - collections - theme sitar

Technical Q&A
, ,

Topic summary

A user is attempting to remove “Choose Options” and “Add to Cart” buttons from their Shopify collection pages using the Sitar theme. They’ve tried multiple CSS and Liquid code solutions without success.

Key Context:

  • The site uses Globo Product Options app to manage product variants
  • Many products don’t display traditional Shopify options due to Globo’s management
  • Site URL: strykerordesign.com

Proposed Solutions:

  1. Globo Settings Check: Verify Cart Integration settings in the Globo app, ensuring “Enable Line Item Properties” is turned ON

  2. CSS Solution: Add custom CSS to hide the buttons:

    • Navigate to: Shopify Admin → Online Store → Themes → Edit Code
    • Locate base.css, style.css, or theme.css in the Assets folder
    • Insert the provided CSS code targeting .wbproduct-container.product-card-wrapper .add-to-cart__submit
    • Use display: none !important;

One responder provided a screenshot demonstrating the expected result after applying the CSS fix. The discussion remains open pending confirmation from the original poster.

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

I have tried virtually all the base.css and liquify code published. Still no success. Background, I am using Globo options on my products so many of my products do NOT show traditional options… (since they are being managed by Globo)

site is https://strykerordesign.com/

1 Like
2

Hi @ghayes54 ,

Since you are using Globo Product Options, check its settings to make sure the custom fields are passed correctly:

Go to Shopify Admin > Apps > Globo Product Options
Check the “Cart Integration” settings
Make sure “Enable Line Item Properties” is turned ON
Save changes and refresh your store

3

Hi @ghayes54

Do you mean this one right?

Made4uoRibe_0-1740085307090.png
Made4uoRibe_0-1740085307090.png643×284 61.7 KB

If it is try this one.

  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:
.wbproduct-container.product-card-wrapper .add-to-cart__submit {
    display: none !important;
}

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

1 Like