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

Store Design
6

Follow these steps:

  1. Go to Online Store > Themes > Edit Code.

  2. Look for the Product Card HTML:

In most cases, the product card layout will be inside one of these files:

  • Sections > collection-template.liquid (used on collection pages)
  • Snippets > product-card.liquid or product-grid-item.liquid (for product lists or featured products)
  • Sections > featured-collection.liquid (for homepage featured products)
  1. Open the File that matches your need.
    If you are working on product cards on collection pages, start by looking in product-card.liquid or collection-template.liquid.
  2. Search for the Product Title and Price Block : Use CTRL + F to search for keywords like:
  3. product.title
  4. price-list
  5. product-card_info

This will help you locate the specific part you need to modify.

Modify the HTML Structure:

Once you’ve found the relevant block, update it with the Flexbox HTML I shared earlier:

liquid:


  
    {{ product.title }}

Let me know if you encounter any issues while navigating through the files!