Thank you for the screenshots! I was able to test on my own store using the Dawn theme and in each section I was able to apply the custom CSS I shared above and it appears to work in all those individual areas. You just need to find them in the theme editor, select the block and then expand the custom CSS section in the left hand column to apply the change.
Topic summary
A user wants to display products on Shopify without enabling purchasing functionality. The recommended solution involves creating a custom product template that removes buy/add-to-cart buttons, disabling payment gateways, and removing shipping rates.
Implementation steps:
- Access theme editor → Products → Create new template
- Remove purchase-related elements from the sidebar
- Apply the custom template to desired products
Hiding prices across different pages:
A follow-up issue emerged where prices remained visible in collections and featured product sections despite being hidden on individual product pages. The solution requires adding custom CSS to each affected section:
.price__container {
display: none;
}
This CSS must be applied separately to:
- Collection pages (via Product Grid section)
- Featured product sections
- Shop All pages
Current status:
The discussion remains open with one user reporting the CSS solution doesn’t work for the Beyond theme, requesting an alternative approach. The method appears theme-dependent and may require adjustments for different Shopify themes.