Adding bullet points to product page

Topic summary

A user wants to replicate specific design elements from an example product page, including bullet points, a review block, a sale badge, and a custom review section with stars and an image.

Requested Features:

  • “Fantastisch” review block
  • Sale badge on pricing
  • Four bullet points below product details
  • Custom review by “Mia” with stars and image below add-to-cart button

Solutions Provided:

Sale Badge: Set a “Compare at price” higher than the actual price to trigger the badge automatically.

Bullet Points: Two approaches offered:

  1. Metafields method (custom per product): Create a metafield definition under Settings > Custom Data, then display using Liquid code in the theme files
  2. Fixed method (same for all products): Hardcode bullet points directly into the product template, with optional conditional logic based on product type

Reviews: Install a third-party review app and customize the display position through the product page settings.

Both responses include code snippets for implementing bullet points via main-product.liquid or product.liquid theme files. The discussion remains open pending confirmation from the original poster.

Summarized with AI on October 29. AI used: claude-sonnet-4-5-20250929.

Hi, I would like to add the bullet points and review block just like the example:

  • The “Fantastisch” review block

  • The Sale badge on the price

  • all the 4 bullet points below that

  • and the custom review by “Mia” text with stars and image below the add to cart please

I basically want it to look identical to the screenshot and example store.

Thank you very much, I will be sure to mark your comment as a solution and like it.

store: https://www.nomra.de/collections/accessoires/products/boho-kosmetiktasche?variant=44740000874814

My store: https://serney.com/products/elegant-off-shoulder-midi-dress-for-women

1 Like

Hi,

Hope this will help

  • Sale Badge: Set a higher “Compare at price” than the actual price.

  • Bullet Points: Use product metafields and display them with Liquid code.
    Code example

{% if product.metafields.custom.bullet_points %}
  
    {% for bullet in product.metafields.custom.bullet_points.value | split: '\n' %}
      - {{ bullet }}
    {% endfor %}
  

{% endif %}
  • Add a custom Liquid block with the review content.

  • For Custom Review you can use a review app.​

Hi @Serny

I am from Mageplaza - Shopify solution expert.

To add bullet points to the product page, you can refer to the following two methods.

Method 1: Using Metafields (Custom for Each Product)

Step 1: Create a metafield

  1. Go to Settings > Custom Data > Products.

  2. Click Add definition, name it like: Bullet Points.

  • Namespace & key: custom.bullets
  • Data type: Multi-line text (each line is one bullet point)
  1. Save, then go to each product page in the admin to enter bullet points under Metafields.

Step 2: Display the bullet points in your theme

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

  2. Open the file: sections/main-product.liquid (or product.liquid)

  3. Add the following where you’d like the bullet points to appear:

{% if product.metafields.custom.bullets %}
  
    {% assign bullets = product.metafields.custom.bullets | split: "\n" %}
    {% for bullet in bullets %}
      - {{ bullet }}
    {% endfor %}
  

{% endif %}

Method 2: Add Fixed Bullet Points to All Products

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

  2. Open sections/main-product.liquid (or product.liquid).

  3. Insert this snippet where you’d like the bullet points to appear (usually below the product description):


  ### Key Features
  
    - Free nationwide shipping

    - 30-day return policy

    - Eco-friendly materials

    - 100% quality guarantee
  

Optional: Show different bullets based on product type:

{% case product.product_type %}
  {% when 'T-Shirt' %}
    
      - Soft cotton material

      - Trendy and easy to style
    

  {% when 'Jeans' %}
    
      - High-quality denim

      - Durable and stylish fit
    

  {% else %}
    
      - Premium quality product

      - 30-day return support
    

{% endcase %}

For the product review feature, you can install a third-party app and then go to the product page to customize the display position of the review blocks as needed.

For example:

Please let me know if it works as expected!

Best regards!