Shopify themes, liquid, logos, and UX
HI,
I'm in the process of updating our website to the warehouse theme.
We have implemented a truspilot widget on our product pages.
I would like for the trustpilot container not to show when it is blank. It is blank when there are no reviews associated with a product.
Regards,
Jason
<section class="section">
<div class="container ">
<header class="section__header">
<h2 class="section__title heading h3">Trustpilot Reviews</h2>
</header>
<!-- TrustBox widget - Product Reviews SEO -->
<div class="container-back-white">
<div class="trustpilot-widget" data-locale="en-US" data-template-id="5717796816f630043868e2e8" data-businessunit-id="5ff594868724670001c8c68b" data-style-height="300px" data-style-width="100%" data-theme="light" data-sku="{% assign current_variant = product.selected_or_first_available_variant %}{{ current_variant.sku }}"data-name="{{ product.title }}" data-review-languages="en" data-no-reviews="hide">
<a href="https://www.trustpilot.com/review/locoscooters.ie" target="_blank" rel="noopener">Trustpilot</a>
</div>
<!-- End TrustBox widget -->
</div>
</div>
</section>
{% schema %}
{
"name": "Section name",
"settings": []
}
{% endschema %}
{% stylesheet %}
{% endstylesheet %}
{% javascript %}
{% endjavascript %}
<section class="section">
<div class="container ">
<header class="section__header">
<h2 class="section__title heading h3">Trustpilot Reviews</h2>
</header>
<!-- TrustBox widget - Product Reviews SEO -->
<div class="container-back-white">
<div class="trustpilot-widget" data-locale="en-US" data-template-id="5717796816f630043868e2e8" data-businessunit-id="5ff594868724670001c8c68b" data-style-height="300px" data-style-width="100%" data-theme="light" data-sku="{% assign current_variant = product.selected_or_first_available_variant %}{{ current_variant.sku }}"data-name="{{ product.title }}" data-review-languages="en" data-no-reviews="hide">
<a href="https://www.trustpilot.com/review/locoscooters.ie" target="_blank" rel="noopener">Trustpilot</a>
</div>
<!-- End TrustBox widget -->
</div>
</div>
</section>
{% schema %}
{
"name": "Section name",
"settings": []
}
{% endschema %}
{% stylesheet %}
{% endstylesheet %}
{% javascript %}
{% endjavascript %}
Hi jason,
Have you been able to solve the issue, if not I would love to do that. Feel free to send me a personal message.
Regards,
Kamal
Can you please let us know how we can do this. I am getting the same.
data-no-reviews="collapse"
Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025