Ryviu Remix

Script: No need—just enable Ryviu Embed.

<!-- RYVIU APP :: Settings global -->	
<script> 
    var ryviu_global_settings = {{shop.metafields.ryviu.user_settings }};
    var ryviu_version = '{{ ryviu_version }}';
</script>
<script>
    const boostPopup = ryviu_global_settings?.review_settings?.boost_popup || false; 
    const ryviuShop = '{{ shop.permanent_domain }}';
</script>
<!-- RYVIU APP -->

---

Reviews Widget

<!-- RYVIU APP :: WIDGET -->
<ryviu-widget
    product-id="{{ product.id }}"
    shop="{{ shop.permanent_domain }}"
    handle="{{ product.handle }}"
    title="{{ product.title }}"
    image="{{ product.featured_image.src | image_url: width: 100 }}"
></ryviu-widget>
<!-- / RYVIU APP -->

Sub-attributes

• hide-title-image-form="true"

  Hide the product title and image in the “Write a review” form.

• one-col-on-mobile="true"

  Single column on mobile.

---

Total Reviews Widget

<!-- RYVIU APP :: WIDGET-TOTAL -->
<ryviu-widget-total 
    reviews_data="{{ product.metafields.ryviu.product_reviews_info | escape }}" 
    product_id="{{ product.id }}">
</ryviu-widget-total>
<!-- / RYVIU APP -->

Sub-attributes

• show_average_rating="true" 

  Show AVG.

• show_when_no_reviews="true" 

  Show total widget when no review.

---

Collections

<!-- RYVIU APP :: COLLECTION-WIDGET-TOTAL -->	
<ryviu-widget-total 
    collection="1"
    reviews_data="{{ product.metafields.ryviu.product_reviews_info | escape }}" 
    product_id="{{ product.id }}">
</ryviu-widget-total>
<!-- RYVIU APP -->

Sub-attributes similar to the Total Widget.

---

Featured Reviews

<!-- RYVIU APP :: FEATURE --> 
<ryviu-widget
    shop="{{ shop.permanent_domain }}"
    featured="true"
></ryviu-widget>
<!-- / RYVIU APP -->

---

Featured Reviews Carousel

<!-- RYVIU APP :: FEATURE CAROUSEL --> 
<ryviu-widget
    shop="{{ shop.permanent_domain }}"
    featured="true"
    carousel="true"
></ryviu-widget>
<!-- / RYVIU APP -->

---

Q&A

<!-- RYVIU APP :: QA -->
<questions-answers 
    handle="{{product.handle}}" 
    product_id="{{product.id}}">
</questions-answers>
<!-- / RYVIU APP -->