ReviewsSliderWidget

Displays customer reviews in a horizontal slider format, showcasing multiple reviews at a time. Users can navigate through the reviews using navigation arrows. Each review includes a rating, comment, and reviewer information, highlighting positive feedback and promoting customer satisfaction.

Widget example

Code

<div
    class="gw-rv-reviews-slider-widget-placeholder"
    data-gw-lowest-rating="4"
    data-gw-images-type="product_images"
    data-gw-only-pinned-reviews="false"
    data-gw-reviews-sequence="default"
    data-gw-collection-ids="412345678901,412345678902"
    style="display: block"
></div>

Attributes

Attributes

data-gw-lowest-rating?optional

Defines the minimum rating (1-5) required for reviews to be included in the slider. Default: 4.

data-gw-images-type?optional

Specifies the source of images displayed in reviews. Default: product_images. Values: product_images (product-related images), reviews_images (user-uploaded images).

data-gw-only-pinned-reviews?optional

If set to true, only featured reviews are displayed. Default: false.

data-gw-reviews-sequence?optional

Controls the order in which reviews appear in the slider. Default: default. Values: default (natural order), shuffle (randomized order).

data-gw-collection-ids?optional

Shows only reviews of products from the listed collections. Comma-separated numeric Shopify collection IDs. Example: 412345678901,412345678902. Up to 10 collections: with more, the request is rejected and the slider does not load. The slider stays hidden when fewer than 5 matching reviews are found. Ignored when data-gw-product-id is set: the slider then shows reviews of that product. Default: empty (all reviews).

data-gw-product-id?optional

Shows only reviews of this product. Numeric Shopify product ID or product GID. Example: {{ product.id }}. The slider is shown from 1 review. Default: empty (reviews of all products).

data-gw-slider-breakpoints?optional

Responsive slides-per-view configuration using breakpoint notation. Supports comparison operators: >, >=, <, <=. Example: default:5,<1000:4,<=800:3,>1200:6.