Removing prices from 'you may also like' section - debut theme

Store Design

Topic summary

Goal: Hide product prices only in the “You may also like” (product recommendations) section on Debut theme product pages, leaving all other elements unchanged.

Context: The store isn’t public, so no URL was shared. Prices on collection/category pages were already hidden via separate code; the issue remained for the recommendations section.

Solution provided: Add CSS targeting the recommendations block: #shopify-section-product-recommendations .price.price–listing { display: none !important; }

Implementation: Place this CSS in the theme.scss.liquid file (the theme’s main stylesheet) to apply site-wide styling.

Outcome: The requester acknowledged the instructions with thanks, indicating the solution met the need. No further issues or disagreements were raised; the thread appears resolved. Code snippet is central to the solution.

Summarized with AI on February 22. AI used: gpt-5.
1

Hi,

I need help with removing prices from ‘you may also like’ section - debut theme.

Thanks in advance.

2

Hi @juzamon

Can you please share your Store URL?

3

@juzamon
Use this css

#shopify-section-product-recommendations .price.price--listing {
  display: none !important;
}
1 Like
4

I may not share as this is for a client, the shop is not public yet… but this is the normal debut theme and the section is on the bottom of every product page.

What I need to hide is only the price in this section, everything else remains untouched.

I managed to hide prices on category pages with a code I found on forums, but I cannot find a solution for this.

5

Thank you for the code, where do I put this please?

6

@juzamon

You can add this code in theme.scss.liquid file

1 Like
7

Thank you very much!