How to move reviews to under product image on Motion theme

[Tim_Davidson]

I would like to move the review section, I have little coding knowlegde, any help will be useful

website url is https://www.urbotanica.com/collections/gardens/products/urbipod-indoor-garden

and the Theme is Motion Classic

[Propero]

@Tim_Davidson ,

Please move the code from the current div to the div containing Images, please share URL so someone can look at and suggest better

[Tim_Davidson]

Here is the URL

 https://www.urbotanica.com/collections/gardens/products/urbipod-indoor-garden 

[Ajay-app-dev]

Hi @Tim_Davidson  , Find the review snippet code and move the snippet below the single product page slider image. Also, after moving the review code, surely you need to fix some style-related issues. 

You need to find the review code snippet like below and move this snippet to wherever you want. If still, you face a problem, do let me know, will help you out 🙂

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

[Propero]

Look for this code

<div class="product__photos product__photos-1857304789059 product__photos--beside">
//Actual code 
insert the spr badge element here
</div>

It must be something like this 

<span class="spr-badge" id="spr_badge_1857304789059" data-rating="5.0"><span class="spr-starrating spr-badge-starrating"><i class="spr-icon spr-icon-star"></i><i class="spr-icon spr-icon-star"></i><i class="spr-icon spr-icon-star"></i><i class="spr-icon spr-icon-star"></i><i class="spr-icon spr-icon-star"></i></span><span class="spr-badge-caption">15 reviews</span>
</span>

[Tim_Davidson]

Do I use inspect element or edit the code through themes?

[Propero]

You would need to edit the code, mostly product-template.liquid under sections

[Tim_Davidson]

I will try that