Hello Gurus,
Looking to remove the button from this page. Ideally, want to add some code at the end of theme.css to remove it from the page.
Thank you for the help!
Button to be removed:
Topic summary
Request to remove a button from a Shopify collection page via CSS; OP shared a screenshot and the page URL to identify the exact element. Image and link are central to understanding which button to target.
Proposed solutions:
- Edit theme.liquid: A reply advises adding custom code above the tag in theme.liquid (the main layout file). However, the actual code snippet was missing, so no specific implementation details were provided.
- Use the Theme Editor: Another reply suggests navigating to Online Store > Themes > Customize > Collections, opening the relevant collection template (the layout for collection pages), and removing the button directly from that section instead of using CSS.
Status and open points:
- No confirmation from the original poster; no resolution yet.
- Unanswered: whether a CSS-only approach is required and, if so, what the exact CSS selector should be for this theme/section.
- Next steps: Either provide the missing head-injection CSS/JS selector code, or identify the section in the collection template and remove the button via the customizer.
You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code above the tag
Hopefully it will help you. If yes then Please don’t forget hit Like and Mark it as solution!
Please go to Online Store > Themes > Customize > Collections, select the collection template of that page, remove button from that section