Remove Unwanted Review Sections on Shopify Product Pages
Published on Jul 11, 2024
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
- Importing reviews from third-party apps
- Switching between different review systems
- 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:
- Go to your Shopify admin panel
- Navigate to Online Store > Themes
- Click on “Actions” for your current theme and select “Edit code”
- In the Assets folder, locate and open the file named “theme.scss.liquid” or “theme.css”
- 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:
- Go to Online Store > Themes
- Click “Customize” on your active theme
- Navigate to the product page settings
- Look for options related to product reviews or testimonials
- 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:
- Go to Online Store > Themes > Edit code
- Search for files containing the app’s code (often in sections or snippets folders)
- Remove or comment out the relevant code snippets
- 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:
- Check for conflicting CSS rules
- Ensure you’re targeting the correct element ID or class
- 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:
- Inline styling in product descriptions
- Theme updates overriding custom styles
- 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:
- Product Reviews by Shopify
- Judge.me
- Loox
- 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?