Why are review stars now boxes on my product pages?

moderef1091 · November 17, 2021, 8:35pm

Just recently I noticed the stars are missing from my product pages. They are now boxes? I researched the snippet code and it appears to be in the correct place within the theme. Can someone please guide me on what to do? I am using the Free Shopify Product Review App. Website url: https://www.anisabeauty.com/collections/makeup-brush-cleansers/products/quick-dry-brush-cleaning-spray

This is on all the product pages.

Mladen_Terzic · November 17, 2021, 8:36pm

Hello!

May you please share some code samples from your product.liquid?

moderef1091 · November 17, 2021, 9:14pm

{% assign all_tags = product.tags | downcase %}

{% comment %}
Redirect Back to Collection if product marked as In Grid Promo
{% endcomment %}
{% assign in_grid_promo = settings.in_grid_promo | downcase %}
{% if all_tags contains in_grid_promo %}
{% for collection in product.collections %}
{%- unless condition.title contains ‘_’ -%}

{{ break }}
{%- endunless -%}
{% endfor %}
{% endif %}

{% comment %} Is Final Sale {% endcomment %}
{% assign isFinalSale = false %}
{% assign final_sale_tag = settings.product_finalsale_tag | downcase %}
{% if all_tags contains final_sale_tag %}
{% assign isFinalSale = true %}
{% endif %}

{% comment %} Is Inquire {% endcomment %}
{% assign isInquire = false %}
{% assign inquire_tag = settings.product_inquire_tag | downcase %}
{% if all_tags contains inquire_tag %}
{% assign isInquire = true %}
{% endif %}

{% comment %} Is Pre-Order {% endcomment %}
{% assign isPreOrder = false %}
{% assign preorder_tag = settings.product_preorder_tag | downcase %}
{% if all_tags contains preorder_tag %}
{% assign isPreOrder = true %}
{% assign product_preorder_msg = settings.product_preorder_delivery %}
{% assign product_default_msg = settings.product_default_delivery %}
{% endif %}

{% comment %} Is Gift Card {% endcomment %}
{% assign isGiftCard = false %}
{% if product.type == ‘Gift Card’ %}
{% assign isGiftCard = true %}
{% endif %}

{% comment %} In Lab Badge {% endcomment %}
{% assign in_lab = false %}
{% for tag in product.tags %}
{% if tag contains ‘in_lab’ %}
{% assign in_lab = true %}
{% endif %}
{% endfor %}

{% comment %} Is Coming Soon {% endcomment %}
{% assign isComingSoon = false %}
{% for tag in product.tags %}
{% if tag contains ‘coming-soon’ %}
{% assign isComingSoon = true %}
{% assign comingSoonBadge = settings.coming_soon_badge_text %}
{% endif %}
{% endfor %}

{% assign navi_collection = collection %}

{%- assign current_variant = product.selected_or_first_available_variant -%}

{%- assign m_description = product.description -%} {% assign m_description_parts = product.description | split: '[tab]' %} {% if m_description_parts.size > 1 %} {% for desc in m_description_parts %} {% if forloop.first %} {%- assign m_description = desc -%} {% endif %} {% endfor %} {% endif %} {% unless product == empty %} {% endunless %} {% section "pdp-plp-menu" %}

{% assign featured_image = current_variant.featured_image | default: product.featured_image %} {% assign imageMainSrcSections = featured_image.src | split: '_' %} {% assign selected_image_option = imageMainSrcSections[2] %}

{% for tag in product.tags %}

{% assign productTag = tag | downcase %}

{% if productTag contains ‘sale:’ %}

{% endif %}
{% endfor %}

{% for image in product.images %}
{% assign imageSrcSections = image.src | split: ‘_’ %}
{% if imageSrcSections[1] != ‘swatch’ %}

{% endif %} {% endfor %}

{% if in_lab %}

NEW

{% endif %}

{% if product.compare_at_price_max > product.price %}

{% endif %} {{ current_variant.price | money }}

{% comment %}
ID addToCartForm is a selector for the ajax cart plugin
{% endcomment %}

{% if in_lab %}

NEW

{% endif %}

{% if isFinalSale %}

{% endif %}

{% if isComingSoon %}

{% else %}

{% if isFinalSale %} {% endif %}

{% if isPreOrder %}

{% endif %}

{% comment %} {% include 'product-swatches' %} {% include 'product-siblings' %} {% endcomment %}

{% include ‘quantity-selector’ %}

{%- if isInquire -%}

{{ ‘products.product.inquire’ | t }}

{%- else -%}
<button id=“AddToCart” class=“btn cta add-to-cart-btn {% if isPreOrder %}pre-order{% endif %} {% if product.available == false %}disabled{% endif %}” type=“submit” name=“add” {% if product.available == false %} disabled=“disabled”{% endif %}>

{% if product.available == false %}
{{ ‘products.product.sold_out’ | t }}
{% elsif isPreOrder %}
{{ preorder_tag }}
{% else %}
{{ ‘products.product.add_to_cart’ | t }}
{% endif %}

{{ current_variant.price | money }}

{%- endif -%}

{% endif %}

SKU {% assign current_variant = product.selected_or_first_available_variant %} {{ current_variant.sku }}

Share

{% include 'social-sharing', share_title: product.title, share_permalink: current_variant.url, share_image: featured_image.src %}

{% assign description_parts = product.description | split: '[tab]' %} {% if description_parts.size > 1 %}

{% for desc in description_parts %} {% assign tab_title = desc | split: '[/tab]' %}

{% if forloop.first %}Details{% else %}{{ tab_title[0] | strip_html }}{% endif %}

{% endfor %}

{% for desc in description_parts %} {% assign tab_content = desc | split: '[/tab]' %}

{% if forloop.first %}{{ desc }}{% else %}{{ tab_content[1] }}{% endif %}

{% endfor %}

{% else %} {{ product.description }} {% endif %}

{%- assign product_description_title = product.metafields[“global”][“description_title”] | default: nil -%}
{%- assign product_description_content = product.metafields[“global”][“description”] | default: nil -%}
{%- assign product_recommended_use_title = product.metafields[“global”][“recommended_use_title”] | default: nil -%}
{%- assign product_recommended_use_content = product.metafields[“global”][“recommended_use_content”] | default: nil -%}
{%- assign product_how_to_title = product.metafields[“global”][“how_to_title”] | default: nil -%}
{%- assign product_how_to_content = product.metafields[“global”][“how_to_content”] | default: nil -%}
{%- assign product_shipping_return_title = product.metafields[“global”][“shipping_return_title”] | default: nil -%}
{%- assign product_shipping_return_content = product.metafields[“global”][“shipping_return_content”] | default: nil -%}

{%- assign product_description_display = product.metafields[“global”][“description_display”] | default: nil -%}
{%- assign product_recommended_use_display = product.metafields[“global”][“recommended_use_display”] | default: nil -%}
{%- assign product_how_to_display = product.metafields[“global”][“how_to_display”] | default: nil -%}
{%- assign product_shipping_return_display = product.metafields[“global”][“shipping_return_display”] | default: nil -%}

{% if product_description_content != blank %}

{% if product_description_title and product_description_content %}

{% endif %} {% if product_recommended_use_title and product_recommended_use_content %}

{% endif %} {% if product_how_to_title and product_how_to_content %}

{% endif %} {% if product_shipping_return_title and product_shipping_return_content %}

{% endif %}

{%- assign product_face_matters_title = product.metafields[“global”][“face_matters_title”] -%}
{%- assign product_materials_image = product.metafields[“global”][“materials_image”] -%}
{%- assign product_materials_title = product.metafields[“global”][“materials_title”] -%}
{%- assign product_materials_description = product.metafields[“global”][“materials_description”] -%}
{%- assign product_materials_icon_1 = product.metafields[“global”][“materials_icon_1”] -%}
{%- assign product_materials_content_1 = product.metafields[“global”][“materials_content_1”] -%}
{%- assign product_materials_icon_2 = product.metafields[“global”][“materials_icon_2”] -%}
{%- assign product_materials_content_2 = product.metafields[“global”][“materials_content_2”] -%}
{%- assign product_materials_icon_3 = product.metafields[“global”][“materials_icon_3”] -%}
{%- assign product_materials_content_3 = product.metafields[“global”][“materials_content_3”] -%}
{%- assign product_perfectly_img = product.metafields[“global”][“perfectly_img”] -%}

{% if product_materials_title != blank %}
{%- assign video = product.metafields[“global”][“video”] -%}

{% if product_perfectly_img != blank %}

{% else %}

{% if product_face_matters_title != blank %}

{% else %}

PERFECTLY PAIRS WITH

{% endif %} {% if product_materials_description != blank %}

{% endif %} {% section "bottom-material" %}

{% endif %}

{% if video != blank %}
{%- if block.settings.fallback_image != blank -%}
{%- assign poster_image = block.settings.fallback_image | img_url: ‘800x800’ -%}
{%- endif -%}
{% comment %}
{% assign video_url = video | remove: “https://vimeo.com/” %}
{% endcomment %}

{% include ‘video-module’ %}

{% comment %}

{% endcomment %}

{% else if product_materials_image != blank %}

{% else %}

{% comment %}
{% include ‘video-module’ %}
{% endcomment %}

{% endif %}

{% include 'cross-sell' %}

There are no reviews on this product yet.

{% endif %}

Mladen_Terzic · November 18, 2021, 8:18am

Can you also share the URL of the website? and code snippet you added here for the reviews? The code is not readable this way.

seangaffney1 · November 19, 2021, 3:44am

This is happening on my site as well. It’s also happening on the theme preview example sites. It appears that Shopify made a change to the default styling of the elements added from the Product Reviews app. In addition to stars missing, the “write a review” form CSS is also now missing.

Hoping someone at Shopify can look into this.

JamieHansen · December 11, 2021, 9:57pm

this is happening for me too. I’m sure that it was displaying correctly in my non-2.0 theme.

Topic		Replies	Views
Remove stars and "reviews" from collections page - Shopify Product Reviews App Store Design	1	6	August 9, 2021
Add star reviews to products in collection page / narrative Store Design	12	47	September 20, 2021
Product Review Stars are not showing- Shopify Review App Store Design	2	13	October 2, 2021
How can I adjust my product reviews layout on the page? Store Design	35	116	October 23, 2021
Product reviews - Insert the stars at the top of a product page Shopify Apps	9	78	August 25, 2021

Why are review stars now boxes on my product pages?

{{ product.title }}

{{ product.title }}

{{ product_description_title }}

{{ product_recommended_use_title }}

{{ product_how_to_title }}

{{ product_shipping_return_title }}

{{ product_face_matters_title }}

PERFECTLY PAIRS WITH

Why are review stars now boxes on my product pages?

{{ product.title }}

{{ product.title }}

{{ product_description_title }}

{{ product_recommended_use_title }}

{{ product_how_to_title }}

{{ product_shipping_return_title }}

{{ product_face_matters_title }}

PERFECTLY PAIRS WITH

Related topics