Remove Unwanted Review Sections on Shopify Product Pages

Published on Jul 11, 2024

By Sophia Rodriguez

#Shopify#E-commerce#Website Management
Laptop z otwartym panelem sklepu internetowego Shoper

Are you struggling with duplicate or unwanted review sections on your Shopify product pages? Many store owners face this issue when importing reviews from third-party apps or switching between review systems. In this comprehensive guide, we’ll explore effective methods to clean up your product pages and create a more professional look for your Shopify store.

Understanding the Problem

The Impact of Messy Review Sections

Having multiple review sections or empty review areas on your product pages can make your store look unprofessional and disorganized. This can negatively impact user experience and potentially hurt your conversion rates.

Common Causes

  1. Importing reviews from third-party apps
  2. Switching between different review systems
  3. Theme conflicts with review apps

Why It’s Important to Fix

A clean, well-organized product page instills trust in your customers and provides a better shopping experience. Removing unnecessary review sections helps streamline your page and focus attention on the most relevant information.

Solutions for Removing Unwanted Review Sections

Method 1: Using CSS to Hide Unwanted Elements

The most straightforward and widely applicable solution is to use CSS to hide the unwanted review sections. This method works for many different review apps and Shopify themes.

Steps to Implement:

  1. Go to your Shopify admin panel
  2. Navigate to Online Store > Themes
  3. Click on “Actions” for your current theme and select “Edit code”
  4. In the Assets folder, locate and open the file named “theme.scss.liquid” or “theme.css”
  5. Scroll to the bottom of the file and add the appropriate CSS code

CSS Code Examples:

For default Shopify reviews:

#shopify-product-reviews { display: none; }

For Judge.me reviews:

#judgeme_product_reviews { display: none !important; }

For Loox reviews:

.loox-reviews-default { display: none; }

Method 2: Adjusting Theme Settings

Some Shopify themes offer built-in options to disable or hide review sections. This method is theme-dependent but can be the easiest solution if available.

Steps to Check:

  1. Go to Online Store > Themes
  2. Click “Customize” on your active theme
  3. Navigate to the product page settings
  4. Look for options related to product reviews or testimonials
  5. Disable or hide the unwanted review section

Method 3: Removing Review App Code

If you’ve uninstalled a review app but its code remains, you may need to manually remove it from your theme files.

Steps to Remove:

  1. Go to Online Store > Themes > Edit code
  2. Search for files containing the app’s code (often in sections or snippets folders)
  3. Remove or comment out the relevant code snippets
  4. Save your changes and test the product pages

Troubleshooting Common Issues

Persistent Review Sections

If hiding elements with CSS doesn’t work, you may need to investigate further:

  1. Check for conflicting CSS rules
  2. Ensure you’re targeting the correct element ID or class
  3. Try using !important in your CSS rule as a last resort

Font and Spacing Inconsistencies

Sometimes, product descriptions may display inconsistent fonts or spacing. This is often due to:

  1. Inline styling in product descriptions
  2. Theme updates overriding custom styles
  3. Conflicts between theme settings and custom code

To fix this, standardize your product description formatting and review your theme’s typography settings.

Best Practices for Managing Product Reviews

Choosing the Right Review System

Select a review app that integrates well with your theme and offers the features you need. Popular options include:

  1. Product Reviews by Shopify
  2. Judge.me
  3. Loox
  4. Yotpo

Maintaining Consistency Across Products

Ensure all your products use the same review system and display format for a cohesive look across your store.

Regularly Auditing Your Product Pages

Periodically check your product pages to catch any display issues early and maintain a professional appearance.

By following these guidelines and implementing the appropriate solution for your Shopify store, you can effectively remove unwanted review sections and create a cleaner, more professional product page layout. Remember to always test your changes thoroughly and consider seeking professional help if you encounter persistent issues.

Take Our Quick Quiz:

Which primary product image do you think has the highest conversion rate?