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:
Metafields method (custom per product): Create a metafield definition under Settings > Custom Data, then display using Liquid code in the theme files
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.
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.