Hide customer reviews module on product page - motion theme

Hide customer reviews module on product page - motion theme

jaimie2
Shopify Partner
37 0 8

How do I go about hiding the customer reviews on the product page?

Live site: https://www.walaxr.com/collections/toddler/products/xr-reality-collection-jurassic-stomp-unisex-todd...

Replies 11 (11)

IP1999
Shopify Partner
118 8 13

Check the theme settings. to do that in the shopify admin click on 

Online Store > Themes > Customize 

 

then in the middle on top click the drop down and select

Products >  Default Product (or the template you are using)

 

Once selected look on the left side if you are using a ratings block.

 

just remove the block.




jaimie2
Shopify Partner
37 0 8

@IP1999 Unfortunately it did not work, it looks like the customer reviews is apart of the product page and not a hideable module. Is there a code snippet I can use to hide it on the backend? See below screenshot.

live site: https://www.walaxr.com/products/xr-reality-collection-mystical-unicorn-unisex-youth-hoodie

IP1999
Shopify Partner
118 8 13

there is code snippet.

 

before changing the code, check the theme setting, that would  be in 

 

Online Store > Themes > Customize

 

don't click on the top center, look on the left side for paint brush, and search around there. it may be there as well.

 

if not you will need to go into your code.




IP1999
Shopify Partner
118 8 13

do you have a app installed that is doing these reviews?

IP1999
Shopify Partner
118 8 13

motion theme has an app embed. check if that is what you are using.

 

Online Store > Themes > Customize > App Embed (left side)

 

then click the button to turn off "Reviews Popup"

jaimie2
Shopify Partner
37 0 8

Yes, looks like the team is using app embed core snippet product reviews. If I disable it, it hides it from the homepage as well which I don't want. Only to hide it from the product page. If you may share the code on how to do this? Thank you @IP1999 

IP1999
Shopify Partner
118 8 13

do you know how to edit code?

jaimie2
Shopify Partner
37 0 8

If you can paste the code needed to hide the customer reviews only on the product page then I can paste the code into the theme.css in the assets folder. @IP1999 @GemPages please help, thank you

IP1999
Shopify Partner
118 8 13

it seems like you have on your product page code to hid the section

 

 

<style class="jdgm-temp-hiding-style">.jdgm-rev-widg{ display: none }</style>

 

 

did you add that? it would work, you just need to change the 

.jdgm-rev-widg

to 

#jdgm-rev-widg

 

jaimie2
Shopify Partner
37 0 8

Did not work @IP1999 @GemPages please advise

IP1999
Shopify Partner
118 8 13

@jaimie2 you are so close!!!

 

There is other CSS confliting with the selector you are using.

 

1) take out the code you added

2) find the code that starts

<div id="judgeme_product_reviews"

 

3) then add the follwoing 

<style>#judgeme_product_reviews{ display: none }</style>
<div id="judgeme_product_reviews"

 

Note: you do not need to have a "Class="  inside the <style>

also, in this fix we are using the Div ID, so you need to use a # not a "."