How to move reviews to under product image on Motion theme

Tim_Davidson
Shopify Partner
4 0 0

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

 

help1.PNGhelp2.PNG

0 Likes
Propero
Shopify Partner
866 101 151

@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

- Was my reply helpful? Click Like or Click Accept as Solution
To hire: email us at shopify@propero.in
checkout our app https://apps.shopify.com/picamaze
0 Likes

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>

 

Expert Shopify Developer & Theme customizer
- If the problem is solved remember to click ✅ to Accept Solution
- Press Like ?? if the answer was helpful
- Still, Facing issue, Reach out to me Email :- kmajay8888@gmail.com | Skype :- kmajay888
0 Likes
Propero
Shopify Partner
866 101 151

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>

 

- Was my reply helpful? Click Like or Click Accept as Solution
To hire: email us at shopify@propero.in
checkout our app https://apps.shopify.com/picamaze
0 Likes
Tim_Davidson
Shopify Partner
4 0 0

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

0 Likes
Propero
Shopify Partner
866 101 151

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

- Was my reply helpful? Click Like or Click Accept as Solution
To hire: email us at shopify@propero.in
checkout our app https://apps.shopify.com/picamaze
0 Likes
Tim_Davidson
Shopify Partner
4 0 0

I will try that

0 Likes