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

Solved
Highlighted
Tourist
6 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? 

Highlighted

This is an accepted solution.

Hi 

If helpful then please Like and Accept Solution. Want to modify or custom changes on store Hire me. Feel free to contact us regarding any help, below our contact listed:
Shopify Expert Page: https://experts.shopify.com/brisk-developers
Email: support@briskdevelopers.com
Contact us: https://www.briskdevelopers.com/contact-us
Skype: briskdevelopers
Highlighted

Hi 

If helpful then please Like and Accept Solution. Want to modify or custom changes on store Hire me. Feel free to contact us regarding any help, below our contact listed:
Shopify Expert Page: https://experts.shopify.com/brisk-developers
Email: support@briskdevelopers.com
Contact us: https://www.briskdevelopers.com/contact-us
Skype: briskdevelopers
Highlighted
Highlighted

This is an 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...

If helpful then please Like and Accept Solution. Want to modify or custom changes on store Hire me. Feel free to contact us regarding any help, below our contact listed:
Shopify Expert Page: https://experts.shopify.com/brisk-developers
Email: support@briskdevelopers.com
Contact us: https://www.briskdevelopers.com/contact-us
Skype: briskdevelopers
Highlighted
Tourist
6 1 2

This is an 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

 

Highlighted

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

If helpful then please Like and Accept Solution. Want to modify or custom changes on store Hire me. Feel free to contact us regarding any help, below our contact listed:
Shopify Expert Page: https://experts.shopify.com/brisk-developers
Email: support@briskdevelopers.com
Contact us: https://www.briskdevelopers.com/contact-us
Skype: briskdevelopers
Highlighted
Tourist
6 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

Highlighted
Tourist
6 0 3

Thank you :)

Highlighted

Welcome. :)

If helpful then please Like and Accept Solution. Want to modify or custom changes on store Hire me. Feel free to contact us regarding any help, below our contact listed:
Shopify Expert Page: https://experts.shopify.com/brisk-developers
Email: support@briskdevelopers.com
Contact us: https://www.briskdevelopers.com/contact-us
Skype: briskdevelopers