Shopify themes, liquid, logos, and UX
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?
Solved! Go to the solution
This is an 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.
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...
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!
This is an 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.
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...
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!
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
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
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
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.
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
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
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 .
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.
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
Couldn't find option to delete
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.
Thank you 🙂
Welcome. 🙂
Hi,i have a similar problem can you help me out?
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.
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
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
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
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024