Remove “options” button for products on featured collection list

Store Design

Topic summary

Goal: Hide the “Options” selector on homepage featured collection product cards (Dawn 9.0) while keeping color swatches and the Add to Cart button; options should still appear on the product page.

Key context:

  • Dawn theme’s latest versions have a “Enable quick add button” toggle that hides the entire quick-add UI. User is on Dawn 9.0 and has Custom CSS. Store: jaxandrylan.com. Globo swatches appear to be in use (classes like .swatches-globo).

Attempts and results:

  • CSS .swatches-globo { display: none; } successfully hid the options, but also removed swatches and Add to Cart (too broad).
  • Adviser states it’s effectively all-or-nothing: to keep swatches/Add to Cart, variant selectors must remain; suggests splitting the product into multiple products so only color remains as the variant.
  • Other CSS suggestions (e.g., .name-option, and a very specific nth-child selector) either were incorrect/typo’d or had no effect. Screenshots shared; no visible changes after saving base.css.

Current status:

  • No working CSS found to hide only the “Options” while retaining swatches/Add to Cart. Consensus from one responder: not feasible without restructuring products. Issue remains open; user seeks a way to hide option images only while keeping swatches/Add to Cart consistent across products.
Summarized with AI on January 14. AI used: gpt-5.
16

Try this one again.

#Slide-template--20841953853719__360a4930-7bde-44a3-a4ad-9a269787af4d-1 > div > div > div.card__content > div.card__information.globo-swatch-product-item > div.swatches-globo--list > div > div > div.globo-swatch-list > div:nth-child(2) {
    dsplay: none !important;
}

And Save.

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