How to move the review section in product page on Debut theme?

Solved
Highlighted
Tourist
12 0 1

Hello! 

 

My store design would look much better if the review section on the 'Product Page' is beneath the product photos. 

How do I fix this?

 

Link:

https://www.fietseuh.nl/collections/trekhaak/products/yakima-foldclick-3-e-bike-kantelbare-fietsendr...

 

See screenshot:  
Screenshot Shopify.png

0 Likes
Highlighted

Success.

Trailblazer
131 17 29

Hi Odding,
For this need to customize your theme template file. 
Find 'shopify-product-reviews' id in your product template file OR  check in the including 
snippet files in product.liquid . And cut to div and Paste to div in product image section. See the image.

review.jpg

For Design, Development and custom changes Hire Me.
If your problem solved then Like & Accept this Solution.
Email ID: silencewebsolutions@gmail.com
1 Like
Highlighted
Tourist
12 0 1

@SWSolutions  Thank you for your fast reply

 

I found the id, can this be right? 

 

<div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>

 

I cut it and where do I paste it?

 

Product image section? Where to find this..

0 Likes
Highlighted
Trailblazer
131 17 29

Check in you product.liquid file in 'Section'. It is including some snippet.
Which theme you are  using in your store?

For Design, Development and custom changes Hire Me.
If your problem solved then Like & Accept this Solution.
Email ID: silencewebsolutions@gmail.com
0 Likes
Highlighted
Tourist
12 0 1

I am using the Debut file.. there's only the product-recommendations.liquid & product-template.liquid

0 Likes
Highlighted
Trailblazer
131 17 29

You have added the password in your store?

 

For Design, Development and custom changes Hire Me.
If your problem solved then Like & Accept this Solution.
Email ID: silencewebsolutions@gmail.com
0 Likes
Highlighted
Tourist
12 0 1

My bad, I am still in editing fase, that's why.. 

I have removed the password now!

0 Likes
Highlighted

Success.

Trailblazer
131 17 29

Hi, Open the product-template.liquid file and find the product image div. Paste the review div inside the product image div . See the image.pppp.jpg

 

Thanks

For Design, Development and custom changes Hire Me.
If your problem solved then Like & Accept this Solution.
Email ID: silencewebsolutions@gmail.com
0 Likes
Highlighted
Tourist
12 0 1

You @SWSolutions are majestic! 

Many thanks to you

0 Likes
Highlighted
New Member
3 0 0

Hey!

 

I'm using the impulse theme, so I'm not sure if this is different, but I'd like to do a similar thing.

 

This is my product page currently - (https://flo-co-uk.myshopify.com/products/barcelona-print)

Note: this is with the "enable product reviews" UNTICKED....

 

Screenshot 2020-03-10 at 12.15.02.png

 

If I tick "enable product reviews" it adds another heading, which is centred full-width but doesn't show the reviews.  

 

 

Screenshot 2020-03-10 at 12.23.55.png

 

I'd like to remove the right hand review column and keep the reviews feature full width ideally with a few columns of reviews? That also stacks nicely on mobile?

 

Do you have any ideas about that? I tried to follow your instructions but the 'shopify-product-reviews' id I could find looked like it was controlling the second heading, not the default list on the right hand side. 

 

I'd also love to know if there's a way of creating a separate reviews page?

 

Any help would be ace!!

 

0 Likes