Why are some prices not displaying on my Dawn theme?

[thatkidleo711]

Hello so I'm about ready to open my store but just have some items that don't show prices but do once you click on them.

They used to show and I have the prices setup for them, it just doesn't visually show when scrolling through the collection.

In the images I circled the example of the missing price and underlined in red how its suppose to be. I have a handful of products that show up like this. Most in the "Lighting" Collection but also in others. Then on mobile same issue + the prices aren't centered too.

Shop is fleurdecors.com and password is 123test

Thanks for the help in advance!Circled not showing price like it shouldPrice shows when product is clickedSame issue on mobile, also showing the uncentered prices on here

[EBOOST]

Hi @thatkidleo711 

Could you share code of snippets/price.liquid file? I will help to take a look. Because I saw your store used Dawn theme but the structure is different from the original file.

[thatkidleo711]

{% 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
-%}

<div class="price
{%- if price_class %} {{ price_class }}{% endif -%}
{%- if available == false %} price--sold-out {% endif -%}
{%- if compare_at_price > price %} price--on-sale {% endif -%}
{%- if product.price_varies == false and product.compare_at_price_varies %} price--no-compare{% endif -%}
{%- if show_badges %} price--show-badge{% endif -%}">
<div class="price__container">
{%- 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
{%- endcomment -%}
<div class="price__regular">
<span class="visually-hidden visually-hidden--inline">{{ 'products.product.price.regular_price' | t }}</span>
<span class="price-item price-item--regular">
{{ money_price }}
</span>
</div>
<div class="price__sale">
{%- unless product.price_varies == false and product.compare_at_price_varies %}
<span class="visually-hidden visually-hidden--inline">{{ 'products.product.price.regular_price' | t }}</span>
<span>
<s class="price-item price-item--regular">
{% if settings.currency_code_enabled %}
{{ compare_at_price | money_with_currency }}
{% else %}
{{ compare_at_price | money }}
{% endif %}
</s>
</span>
{%- endunless -%}
<span class="visually-hidden visually-hidden--inline">{{ 'products.product.price.sale_price' | t }}</span>
<span class="price-item price-item--sale price-item--last">
{{ money_price }}
</span>
</div>
<small class="unit-price caption{% if product.selected_or_first_available_variant.unit_price_measurement == nil %} hidden{% endif %}">
<span class="visually-hidden">{{ 'products.product.price.unit_price' | t }}</span>
<span class="price-item price-item--last">
<span>{{- product.selected_or_first_available_variant.unit_price | money -}}</span>
<span aria-hidden="true">/</span>
<span class="visually-hidden">&nbsp;{{ 'accessibility.unit_price_separator' | t }}&nbsp;</span>
<span>
{%- 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 }}
</span>
</span>
</small>
</div>
{%- if show_badges -%}
<span class="badge price__badge-sale color-{{ settings.sale_badge_color_scheme }}">
{{ 'products.product.on_sale' | t }}
</span>

<span class="badge price__badge-sold-out color-{{ settings.sold_out_badge_color_scheme }}">
{{ 'products.product.sold_out' | t }}
</span>
{%- endif -%}
</div>

[suyash1]

@thatkidleo711 - prices are not rendered properly, I recommend you to contact shopify dawn theme support.

[thatkidleo711]

I will try that now thank you

[PageFly-Victor]

Hi @Thatkidleo711,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file component-price.css,

Step 3: Paste the below code at bottom of the file -> Save

.card-information .price--on-sale .price-item--regular{font-size:15px !important}

Hope my solution works perfectly for you!

Best regards,

Victor | PageFly 

[thatkidleo711]

Thanks for the response but I pasted the code as instructed and it had no effect 😞

[EBOOST · Accepted solution]

Hi @thatkidleo711 

I checked your code. Maybe it related to language. All products didn't price related to From price. You can check screenshot below

OR

May I suggest to update code these steps:

1. Go to Store Online-> theme -> edit code
2. Edit default theme content

3. search from_price_html. It should be like the same screenshot( From {{ price }})

[thatkidleo711]

This was the issue thank you for helping resolving it!

[PageFly-Victor]

Hello @thatkidleo711 ,
I checked the file component-price.css but I don't see my code