How do i move the 'customer review' section to another position

[crazyhorse]

Hi, hoping someone can help?
I have a Shopify store with Shopify 'customer reviews' currently located on right hand side of page, under the product description (which is quite lengthy). I would like to move the reviews to the left hand side of the page, under the images, where there is a lot of space. Does anyone know how to do this please? 

[BriskDevelopers · Accepted solution]

Hi crazyhorse,

Can you please share your store url and product page code so i can give you instruction for you can achieve this.

[BriskDevelopers · Accepted solution]

Hi Wendy,

Follow below steps to achieve that you want:

1.) Find this id "shopify-product-reviews" in Sections/product-template.liquid. - http://prntscr.com/nzv0lu
2.) copy that div section and remove it from there.
3.) then you just need to find this class name "product-single__photos" in product-template.liquid file and put that review div code at the end of this "product-single__photos" class div.
Reference screenshot so you can get better idea what i did here - http://prntscr.com/nzv27v
4.) That's it...

[BriskDevelopers · Accepted solution]

Hi crazyhorse,

Can you please share your store url and product page code so i can give you instruction for you can achieve this.

[crazyhorse]

Hi Thank you for your help

Store URL - https://www.horsedream.co.uk/

One of the product pages -
https://www.horsedream.co.uk/collections/bareback-pads/products/basic-plus-bareback-riding-pad

--
Kind regards
Wendy
Horse Dream UK
www.horsedream.co.uk
www.facebook.com/Horsedreamuk

[BriskDevelopers · Accepted solution]

Hi Wendy,

Follow below steps to achieve that you want:

1.) Find this id "shopify-product-reviews" in Sections/product-template.liquid. - http://prntscr.com/nzv0lu
2.) copy that div section and remove it from there.
3.) then you just need to find this class name "product-single__photos" in product-template.liquid file and put that review div code at the end of this "product-single__photos" class div.
Reference screenshot so you can get better idea what i did here - http://prntscr.com/nzv27v
4.) That's it...

[PeckzCurvez · Accepted solution]

---

@BriskDevelopers wrote:

Hi Wendy,

Follow below steps to achieve that you want:

1.) Find this id "shopify-product-reviews" in Sections/product-template.liquid. - http://prntscr.com/nzv0lu
2.) copy that div section and remove it from there.
3.) then you just need to find this class name "product-single__photos" in product-template.liquid file and put that review div code at the end of this "product-single__photos" class div.
Reference screenshot so you can get better idea what i did here - http://prntscr.com/nzv27v
4.) That's it...

---

Hello! I am having a similar issue. I am using the venture theme and alireviews.

I would like to move the reviews to underneath the product image.

Any help would be greatly appreciated!

www.peckzcurvez.com

[BriskDevelopers]

Hi PecjzCurvez,

Put this code in your assets/theme.js at end of this file.

jQuery(document).ready(function(){
   var get_review = jQuery('#shopify-ali-review').detach();
   jQuery('.product-single').find('.photos').after(get_review);
});

Let me know if you need any more help.

Thanks,
Prashant

[Ketakij]

Hi Prashant,

Put this code in your assets/theme.js at end of this file.

jQuery(document).ready(function(){
   var get_review = jQuery('#shopify-ali-review').detach();   jQuery('.product-single').find('.photos').after(get_review);
});

I have tried using the above steps in my store. I too have a venture theme and while applying this in theme.js code at the bottom of the page no changes are seen. Kindly help me!!

I am using judge.me apps with alireview

[ShushiSocal]

Hi Prashant,

Thanks for the code. Looks fantastic on computer!

Can the order on the mobile screen be swapped?

Currently, with the mobile screen, it goes

1. [Product Image]
2. [Customer Reviews]
3. [Image Slider]
4. [Product Name]
5. [Add Cart]
6. [Product Description

It would be nicer if I can show the [Image Slider] right below the [Product Image] as it is troublesome for customers to go up and down because of the [Customer Reviews] in between...

Thanks for your help in advance.

[lulabystore]

Hi Prashant,

I am using Minimal theme on shopify and I would like to move the reviews to the left-hand side of the product page under the images as there is a lot of empty space. Could you help me with that?

I have already tried the methods you have suggested but none worked for me.

URL: www.lulabystore.com 

Password: maoske

I am still using the trial version and still adding some final tweaks to the store. 

Thanks in advance.

Regards,

Aram

[eolas]

Hi BriskDevelopers, 

I tried to implement your solution, it works great on a computer, but it's not convenient on a smartphone.

Indeed, in that case, the reviews take a lot of space under the pictures and they are displayed before the product title and description.

What should I do to have this product reviews section only displayed on the left when the customer uses a laptop, and do nothing otherwise?

Thanks, 

Regards

[GraceFooden]

Is it possible to create a page section that only contains the product reviews? That way I can put it at the bottom of the page, below all the custom sections . 

[nlev]

I have the same request- How do i move the 'customer review' section to another position, underneath the thumbnails on the left side of page. I am using Shopify's Debut theme.

[MilaSilk]

Hello,

I am trying to move my reviews to below the add to bag button & social media share icons but above the 'You May Also Like' section.

Please could you advise? 

Many thanks in advance!

Lily

This is currently where the reviews areI would like the reviews to be below the product description & social media icons but above the 'You May Also Like' section

[GSol]

Couldn't find option to delete

[FoxyObsessions]

Hi is there a way to move reviews without coding. I do not know how to do coding at all. Last time I tried I ended up deleting the whole liquid file. SMH  please help😔 Also I’m about to publish a new theme in a couple of days will everything transfer or will I have to do the review part and other apps again. I’m going from the Dawn to the Be Yours theme. 

[crazyhorse]

Thank you 🙂

[BriskDevelopers]

Welcome. 🙂

[tstoresltd]

Hi,i have a similar problem can you help me out?

[Abdelrhman07]

Hi there,

I'm trying to do that solution but it's not applying on my website. if you can help me out please. That's a link to the product page https://loaferseg.com/collections/half-boots/products/tamper .I would like to move the product review to be under the "Buy it Now" button. Thank you in advance. 

[BriskDevelopers]

Hi crazyhorse,

Can you please share your store url and product page code so i can give you instruction for you can achieve this.

Thanks,
Prashant

[Nick00]

Hi Prashant,

I have this exact same dilemma. I want to move my reviews over to the left side under my images where there is a lot of blank space.

Can you help me? I have spent two days editing the code and trying different options but still can't get it in the correct position.

My store is: https://mothernatureisababe.com/

One of our Product Pages: https://mothernatureisababe.com/products/bamboo-cutlery-set 

I am using the Motion theme.

Thanks

Nick

[crazyhorse]

Thank you everyone who replied to my post, it was very kind of you to give up your time and share your wisdom 🙂 
Mission achieved - reviews are now on LHS of page and all looks great