Unhide Product Prices - Trade Theme

Technical Q&A
, ,
1

Hi,

I can’t find what code is hiding the product prices on my site.

I need to display the prices for products.

Trade Theme.

www.overlanderhats.com

2

Change to code was a few months ago. We needed to hide the product prices so added code into store from google! Unable to find where we added code to hide prices. I have checked the product info card, Price is enabled on the store theme editor.

3

Hello @BHgraphics ,

There is css hidden in price which prevent to display the price.
Please check the screenshot.

class-hidden.png
class-hidden.png1687×755 171 KB

btw in the default demo of Trade theme there is no such error so I suggest revert the changes you did and it will fixed automatically.

If you need me to fix it please contact by my email for services.
Contact info in forum signature.

Thanks

4

Hi @BHgraphics

Please visit your Online Store > Themes > Edit code > open price.liquid file, find code contains

Remove class=“hidden” and save file.

5

I can’t seem to find the code you mention. Below is the code from price.liquid file I have.

{% comment %}
    Renders a list of product's price (regular, sale)

    Accepts:
    - product: {Object} Product Liquid object (optional)
    - use_variant: {Boolean} Renders selected or first variant price instead of overall product pricing (optional)
    - show_badges: {Boolean} Renders 'Sale' and 'Sold Out' tags if the product matches the condition (optional)
    - price_class: {String} Adds a price class to the price element (optional)

    Usage:
    {% render 'price', product: product %}
{% endcomment %}
{%- liquid
  if use_variant
    assign target = product.selected_or_first_available_variant
  else
    assign target = product
  endif

  assign compare_at_price = target.compare_at_price
  assign price = target.price | default: 1999
  assign available = target.available | default: false
  assign money_price = price | money
  if settings.currency_code_enabled
    assign money_price = price | money_with_currency
  endif

  if target == product and product.price_varies
    assign money_price = 'products.product.price.from_price_html' | t: price: money_price
  endif
-%}

  <dl>
    {%- comment -%}
      Explanation of description list:
        - div.price__regular: Displayed when there are no variants on sale
        - div.price__sale: Displayed when a variant is a sale
        - div.price__availability: Displayed when the product is sold out
    {%- endcomment -%}
    

      <dt>
        {{ 'products.product.price.regular_price' | t }}
      </dt>
      <dd>
        
          {{ money_price }}
        
      </dd>
    

    
      <dt>
        {{ 'products.product.price.regular_price' | t }}
      </dt>
      <dd>
        <s>
          {% if settings.currency_code_enabled %}
            {{ compare_at_price | money_with_currency }}
          {% else %}
            {{ compare_at_price | money }}
          {% endif %}
        </s>
      </dd>
      <dt>
        {{ 'products.product.price.sale_price' | t }}
      </dt>
      <dd>
        
          {{ money_price }}
        
      </dd>
    

    <small>
      <dt>{{ 'products.product.price.unit_price' | t }}</dt>
      <dd>
        {{- product.selected_or_first_available_variant.unit_price | money -}}
        /
         {{ 'accessibility.unit_price_separator' | t }} 
        
          {%- if product.selected_or_first_available_variant.unit_price_measurement.reference_value != 1 -%}
            {{- product.selected_or_first_available_variant.unit_price_measurement.reference_value -}}
          {%- endif -%}
          {{ product.selected_or_first_available_variant.unit_price_measurement.reference_unit }}
        
      </dd>
    </small>
  </dl>
  {%- if show_badges -%}
    
      {{ 'products.product.on_sale' | t }}
    

    
      {{ 'products.product.sold_out' | t }}
    
  {%- endif -%}
6

So I guess they changed code in your Online Store > Themes > click “…” in the current theme > Edit default theme content, search “price” and check if any value contains .