Advanced Customisation Shopify Product Reviews App - Part 2
This is my Shopify tutorial advanced customisation of the Free Product Reviews app made by Shopify. This is part 2 following the installation of the app.
This tutorial goes through some CSS editing of the theme to alter the appearance of the app, and also some other adjustments that may help your store.
These include translating the dates within the app settings, and showing reviews only when there are reviews present.
Some coding snippets you may find useful:
CSS styling such as the stars:
.spr-icon{font-size: 40px !important}
Customer review title change:
.spr-header-title {font-size:8px !important}
Note you can also multiple specifications than just font sizes, such as specific colors, like so:
.spr-header-title {
font-size:8px !important;
color:red !important;
}
Hiding reviews if there are none:
.spr-badge /data-rating="0.0\ {display: none;}
(change the / to closed square brackets)
Hiding specifically on a product page (last part of video):
style
#shopify-product-reviews {display:none !important}
.spr-badge {display:none !important}
/style
(add angled brackets in the style)
This is the app from the Shopify app store:
https://apps.shopify.com/product-reviews
More tweaks and tricks to come - if you found this useful please like and subscribe :)
●▬▬▬▬▬▬▬▬▬▬▬▬▬▬●
Affiliate links:
Ecommerce Empire Academy - Ecommerce Empire Builders Is The Award-winning Leader In Teaching Others How To Build Profitable Ecommerce Sales Funnels:
https://bit.ly/3xftzla
Find Your Perfect Product and Supplier in Minutes!
https://bit.ly/3iCVYh9
Discover 7 Ways to Create a Sustainable, Passive Income for Life.
The Richdad Summit - By Robert Kiyosaki
https://bit.ly/3gyg60W
●▬▬▬▬▬▬▬▬▬▬▬▬▬▬●