Add loox review widget under product title in product grids

Store Design

Topic summary

A user seeks guidance on displaying Loox star review widgets beneath product titles in collection page grids.

Solutions Offered:

  • Loox Support: Official Loox representative recommends contacting their support team directly for assistance with adding rating widgets to product and collection pages.

  • Theme Customizer Method: Navigate to the product page in Shopify’s theme customizer, add the Loox review app widget block, and drag it to the desired position. A screenshot demonstrates this drag-and-drop approach.

  • Custom Code Solution: A code snippet for card-product.liquid (or similar collection template file) is provided:

    <div class="loox-rating" data-id="{{ card_product.id }}" data-rating="{{ card_product.metafields.loox.avg_rating }}" data-raters="{{ card_product.metafields.loox.num_reviews }}"></div>

    Note: Variable names like card_product may need adjustment to match the specific theme (e.g., product or product_card). A screenshot shows the expected result.

Additional Suggestion: Consider highlighting product pricing and adding urgency elements like “next day delivery” countdowns to improve conversion rates.

The discussion remains open with multiple implementation paths available.

Summarized with AI on November 2. AI used: claude-sonnet-4-5-20250929.
2

Hey,
Rotem from the Loox team here :slightly_smiling_face:

To add our Rating Widget to your product pages and collections, please contact our support team. We’d be happy to help!