I am using the defualt shopify reviews app and for some reason on the product page the write a review box is always there even if “write a review” has not been clicked. It takes longer to scroll down and takes up space. Can someone please tell me how I can make it to where that only shows up unless they click write review.
If you are looking for no-code solution and just want to plug and play text/video reviews for free try https://www.reviewreels.app/ app. You will get 2 hours of free customization as well.
To hide the “Write a Review” box on your product pages until a customer clicks the “Write a Review” button, you will need to edit the Liquid code for your theme. Specifically, you will need to find the code that displays the “Write a Review” box on your product pages, and wrap it in an if statement that checks whether the “Write a Review” button has been clicked.
Here is an example of what the code might look like:
{% if reviews_enabled and product.available and product.metafields.spr.enable %}
{% if current_tags contains 'Reviews' %}
{% include 'spr-review-form' %}
{% endif %}
{% endif %}
In this example, the code checks whether the product has the “Reviews” tag, and only displays the “Write a Review” box if the tag is present. You can modify this code to check for other conditions, such as whether the customer has clicked the “Write a Review” button, or whether the customer is logged in to their account.
You will need to adjust the code in this example to match the specific HTML structure and styles of your theme. I would recommend consulting the Shopify Help Center for more information on editing your theme’s code, and seeking assistance from a Shopify expert or developer if you need help with this process.