Shopify themes, liquid, logos, and UX
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
Please move the code from the current div to the div containing Images, please share URL so someone can look at and suggest better
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>
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>
Do I use inspect element or edit the code through themes?
You would need to edit the code, mostly product-template.liquid under sections
I will try that
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