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

Store Design
1

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?

1 Like
2

Hi crazyhorse,

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

1 Like
3

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

1 Like
4

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

5

Hi Wendy,

Follow below steps to achieve that you want:

1.) Find this id “shopify-product-reviews” in Sections/product-template.liquid.
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.
4.) That’s it…

1 Like
6

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

2 Likes
7

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

2 Likes
8

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

1 Like
9

Thank you :slight_smile:

1 Like
10

Welcome. :slight_smile:

1 Like
11

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

12

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

13

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

14

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

15

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.

product page.JPG
product page.JPG1356×673 79.9 KB

Thanks in advance.

Regards,

Aram

16

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 .

17

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.

1 Like
18

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.

19

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.

20

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 are
This is currently where the reviews are2880×1800 305 KB

I would like the reviews to be below the product description & social media icons but above the 'You May Also Like' section
I would like the reviews to be below the product description & social media icons but above the 'You May Also Like' section2784×1420 183 KB