Product Review/Comment

Whether you’re designing a product page, review section, or customer feedback area, the Product Review/Comment Widget makes it easy to present reviews and comments with precision and style.

Key Features:

• Display WooCommerce product reviews and comments
• Show review ratings, author names, dates, and comments
• Customize visibility of review elements
• Style review components individually
• Fully responsive and optimized

🚀 How to Enable the Product Review/Comment Widget

To start using the Product Review/Comment Widget, follow these steps:

1. Navigate to your WordPress dashboard.
2. Go to Topper Pack → Widgets.
3. Locate the Product Review/Comment Widget from the list.
4. Toggle the switch to “On” to enable it.
5. The widget is now available in the Elementor editor.

🧩 How to Use the Product Review/Comment Widget in Elementor

Step 1: Add the Widget to Your Page

• Open your desired page using Elementor Editor.
• Search for “Product Review/Comment” in the Elementor widget panel.
• Drag and drop the Product Review/Comment Widget TP widget onto your page canvas.
• 🔄 Tip: It includes the TP badge, which means it’s from the Topper Pack.

Step 2: Configure Review/Comment Settings

• Under the Content → Settings section:
  • Toggle Select Specific Product to “Yes” to manually choose a product, or leave it as “No” to automatically fetch the current product (e.g., on a product page).
  • Toggle Show Reviews to “Yes” to display customer reviews.
  • Toggle Show Rating, Show Author, Show Date, and Show Comment to control visibility of each review element.

Step 3: Style the Review Rating

• Under the Style → Rating section:
  • Customize Rating Star Size (e.g., in pixels) to resize the stars.
  • Set Star Color and adjust Margin and Padding to control spacing.

Step 4: Style the Review Elements

• Under the Style sections for Author, Date, and Comment:
  • Adjust Typography to set font size, weight, and style for each element.
  • Set Color for the text, and adjust Margin and Padding to control spacing (e.g., top, right, bottom, left).

Step 5: Style the Container

• Under the Style → Container section:
  • Adjust Alignment to position the reviews (e.g., left, center, right).
  • Set Background Type (e.g., Classic) and customize Background Color.
  • Adjust Border Type, Border Radius, and Box Shadow for the container.

✅ Final Preview and Save

Once your Product Review/Comment Widget settings and style options are applied:

• Click Preview Changes to see how it looks.
• Hit Publish or Update to save your page.