Adding bullet points to product page

[Serny]

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

[Small_Task_Help]

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 %}
  <ul>
    {% for bullet in product.metafields.custom.bullet_points.value | split: '\n' %}
      <li>{{ bullet }}</li>
    {% endfor %}
  </ul>
{% endif %}

- Add a custom Liquid block with the review content.

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

[mageplaza-cs]

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)

3. 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 %}
  <ul>
    {% assign bullets = product.metafields.custom.bullets | split: "\n" %}
    {% for bullet in bullets %}
      <li>{{ bullet }}</li>
    {% endfor %}
  </ul>
{% 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):

<div class="product-bullet-points">
  <h3>Key Features</h3>
  <ul>
    <li>Free nationwide shipping</li>
    <li>30-day return policy</li>
    <li>Eco-friendly materials</li>
    <li>100% quality guarantee</li>
  </ul>
</div>

Optional: Show different bullets based on product type:

{% case product.product_type %}
  {% when 'T-Shirt' %}
    <ul>
      <li>Soft cotton material</li>
      <li>Trendy and easy to style</li>
    </ul>
  {% when 'Jeans' %}
    <ul>
      <li>High-quality denim</li>
      <li>Durable and stylish fit</li>
    </ul>
  {% else %}
    <ul>
      <li>Premium quality product</li>
      <li>30-day return support</li>
    </ul>
{% 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!