Skip to main content

Widget Style Customization Guide

Introduction​

In the widget section, you can customize the bottom area using code to personalize your widget styles. This includes customization for star ratings, carousels, and other components.

1. Widget Display​

1.1 Show on a specific page ONLY​

If you want the review widget to be displayed only on a specific page (e.g., https://ccymerodipro.myshopify.com/products/2-cubos-2-x-300-ml):

if (location.pathname !== "/products/2-cubos-2-x-300-ml") {
    u.vstarCustomSty = `.trustoo-widget, .vstar-star, #noreviews-wrapper { display: none !important; }`;
}

1.2 Hide on a specific page​

If you want to hide the widget on a specific page (e.g., https://ccymerodipro.myshopify.com/products/2-cubos-2-x-300-ml):

if (location.pathname === "/products/2-cubos-2-x-300-ml") {
    u.vstarCustomSty = `.trustoo-widget, .vstar-star, #noreviews-wrapper { display: none !important; }`;
}

1.3 Display star ratings on a custom URL​

If you want to display a star rating widget on a specific page, such as the page with the URL https://ccymerodipro.myshopify.com/page/happy

if (location.href.includes("/happy")) {
    u.otherPageColl = true;
}