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

Solved
Tourist
5 0 3

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

Success.

Hi 

Want to modify or custom changes/help on your store hire me.
If helpful then please Like and Accept Solution.
Email: support@briskdevelopers.com
Contact us: https://www.briskdevelopers.com/contact-us
Skype: briskdevelopers

Shopify Expert Page: https://experts.shopify.com/brisk-developers
1 Like

Hi 

Want to modify or custom changes/help on your store hire me.
If helpful then please Like and Accept Solution.
Email: support@briskdevelopers.com
Contact us: https://www.briskdevelopers.com/contact-us
Skype: briskdevelopers

Shopify Expert Page: https://experts.shopify.com/brisk-developers
1 Like

Success.

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...

Want to modify or custom changes/help on your store hire me.
If helpful then please Like and Accept Solution.
Email: support@briskdevelopers.com
Contact us: https://www.briskdevelopers.com/contact-us
Skype: briskdevelopers

Shopify Expert Page: https://experts.shopify.com/brisk-developers
1 Like

Success.

Tourist
6 1 2

 


@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

 

2 Likes

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

Want to modify or custom changes/help on your store hire me.
If helpful then please Like and Accept Solution.
Email: support@briskdevelopers.com
Contact us: https://www.briskdevelopers.com/contact-us
Skype: briskdevelopers

Shopify Expert Page: https://experts.shopify.com/brisk-developers
1 Like
Tourist
5 0 3

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

1 Like
Tourist
5 0 3

Thank you :)

1 Like

Welcome. :)

Want to modify or custom changes/help on your store hire me.
If helpful then please Like and Accept Solution.
Email: support@briskdevelopers.com
Contact us: https://www.briskdevelopers.com/contact-us
Skype: briskdevelopers

Shopify Expert Page: https://experts.shopify.com/brisk-developers
1 Like