Float the price to the right - Collection page | Prestige Theme

Topic summary

Goal: Align the product price to the right of the product title on collection pages in the Prestige theme. Images provided show current vs desired layout.

Proposed solution:

  • Modify the product card HTML to wrap title and price in a shared flex container (e.g., a header wrapper).
  • Add CSS: make the wrapper display:flex with justify-content:space-between and align-items:center; set the title to flex:1; push the price to the right with margin-left:auto and right-aligned text. Classes referenced: .product-header-flex, .product-title, .price-list.

Implementation guidance:

  • Edit via Online Store > Themes > Edit Code.
  • Likely files: Snippets > product-card.liquid or product-grid-item.liquid; Sections > collection-template.liquid or featured-collection.liquid.
  • Search for product.title, price-list, product-card_info to locate the correct block, then apply the new structure/CSS.

Current status:

  • After attempting the steps, the requester reports it didn’t fully work.
  • The helper asked for store access and suggested custom code may be needed; requested to continue via email.
  • A later helper note says the solution worked, but there’s no confirmation from the requester. Resolution on-thread is unclear/ongoing.
Summarized with AI on December 16. AI used: gpt-5.

Hello!

I did everything as you wrote. But I think It didn’t fix it quite, please check and tell me if I did anything wrong.