Display prices on collection page

Technical Q&A
, ,

Topic summary

Issue: Prices no longer show under product titles on the collection (product listing) page; requester wants them restored.

Proposed fix (CSS):

  • Navigate: Online Store → Theme → Edit code.
  • Open theme.css or base.css and append:
    .card-information { display: block !important; }

Context: The .card-information CSS class controls the product card details area (typically includes price). Setting it to display: block forces this section to render if it had been hidden by prior styles.

Evidence: A screenshot was shared demonstrating prices reappearing beneath product titles after applying the CSS.

Status: A solution was provided; no confirmation from the original poster yet. Discussion appears open pending validation.

Notes: The change relies on CSS only; no Liquid/template edits were suggested. The included code snippet and screenshot are central to understanding the fix.

Summarized with AI on December 12. AI used: gpt-5.
1

Hi, can someone help me restore the prices on my collection page please? It seems it was deleted at some point, and now I don’t know how to get it back. I just want the price to be visible under each product title on the collection page.

this is the store URL if you need it: https://www.sebastianmilano.com/

2

Hi @11046928 ,

  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.css / based.css file and paste the code in the bottom of the file.
.card-information {
    display: block !important;
}

Result:

websensepro_0-1734353273856.png
websensepro_0-1734353273856.png935×387 35 KB

If my reply is helpful, kindly click like and mark it as an accepted solution.

If you are happy with my help, you can help me buy a COFFEE

Thanks!

1 Like