Where to add code to include a space between my text "Regular Price:" and "$39.99"

Solved
New Member
7 0 0

Hi,

I am trying to add a space between the ":" and "$39.99" but I cannot find where to add the code. I already went to the Edit Languages section for this theme and it only lets me add a space after Regular Price like "Regular Price " and not after the colon. I had someone code in the Regular Price text but i cannot get in contact with him to get him to help me add the space I need. Any help would be appreciated.

 

Need the space between ":" and "$"Need the space between ":" and "$"

inspect codeinspect code

 

Here is the code I have in the product-price.liquid:

 

{% comment %}
Renders a list of product's price (regular, sale, unit)
Accepts:
- variant: {Object} Variant Liquid object (optional)
- product: {Object} Product Liquid object (optional)
- show_vendor: {Boolean} Show the product's vendor depending on the section setting (optional)

Usage:
{% include 'product-price', variant: current_variant, product: product %}
{% endcomment %}
{% if variant.title %}
{%- assign compare_at_price = variant.compare_at_price -%}
{%- assign price = variant.price -%}
{%- assign available = variant.available -%}
{% else %}
{%- assign compare_at_price = 1999 -%}
{%- assign price = 1999 -%}
{%- assign available = true -%}
{% endif %}

{%- assign money_price = price | money -%}

<dl class="price
{% if available == false %} price--sold-out {% endif %}
{% if available and compare_at_price > price %} price--on-sale {% endif %}
{% if available and variant.unit_price_measurement %} price--unit-available {% endif %}"
data-price
>{% assign shappify_min = shappify-min-price.price_max %}
{% for variant in shappify-min-price.variants %}
{% if variant.metafields.shappify_csp.csp_isparent == "1" and variant.metafields.shappify_csp.csp_tag == tag %}
{% if variant.price < shappify_min %}
{% assign shappify_min = variant.price %}
{% endif %}
{% endif %}
{% endfor %}

<div class="testing"> {{ shappify_min | money }}</div>

{% if show_vendor and product %}
<div class="price__vendor">
<dt>
<span class="visually-hidden">{{ 'products.product.vendor' | t }}</span>
</dt>
<dd>
{{ product.vendor }}
</dd>
</div>
{% endif %}

{% if customer %}

<div class="money-template" data-product-id="{{ product.id }}" style="visibility:hidden;">
{% comment %}
{% raw %}
{{#has_saved}}<strike>{{original}}</strike> {{price}}{{/has_saved}}
{{^has_saved}}{{original}}{{/has_saved}}
{% endraw %}
{% endcomment %}
<div class="price__regular" style="{% raw %}{{#has_saved}}display: none{{/has_saved}}{% endraw %}">
<dt>
<span class="">{{ 'products.product.regular_price' | t }}</span>
</dt>
<dd>

<span class="price-item price-item--regular" data-regular-price>
<span class="money"> {% raw %}{{ price }}{% endraw %}</span>
</span>
</dd>
</div>
<div class="price__sale" style="{% raw %}{{#has_saved}}display: flex{{/has_saved}}{% endraw %}">
<dt>
<span class="visually-hidden visually-hidden--inline">{{ 'products.product.regular_price' | t }}</span>
</dt>
<dd>
<s class="price-item price-item--regular" data-regular-price>
{% raw %}{{ original }}{% endraw %}
</s>
</dd>
<dt>
<span class="visually-hidden visually-hidden--inline">{{ 'products.product.sale_price' | t }}</span>
</dt>
<dd>
<span class="price-item price-item--sale" data-sale-price>
<span class="money">{% raw %}{{ price }}{% endraw %}</span>
</span>
<span class="price-item__label price-item__label--sale" aria-hidden="true">{{ 'products.product.on_sale' | t }}</span>
</dd>
</div>
</div>

{% else %}

<div class="price__regular">
<dt>
<span class="">{{ 'products.product.regular_price' | t }}: </span>
</dt>
<dd>
<span class="price-item price-item--regular" data-regular-price>
<span class="money" data-product-id="{{ product.id }}">{{ money_price }}</span>
</span>
</dd>
</div>

<!-- Bold: Memberships (price) -->
{% include 'bold-memberships-price' %}
{% if bold_hide_item == false %}
<div class="price__sale">
<dt>
<span class="visually-hidden visually-hidden--inline">{{ 'products.product.regular_price' | t }}</span>
</dt>
<dd>
<s class="price-item price-item--regular" data-regular-price>
{{ compare_at_price | money }}
</s>
</dd>
<dt>
<span class="visually-hidden visually-hidden--inline">{{ 'products.product.sale_price' | t }}</span>
</dt>
<dd>
<span class="price-item price-item--sale" data-sale-price>
<span class="money" data-product-id="{{ product.id }}">{{ money_price }}</span>
</span>
<span class="price-item__label price-item__label--sale" aria-hidden="true">{{ 'products.product.on_sale' | t }}</span>
</dd>
</div>
{% endif %}
<!-- end Bold code -->


{% endif %}
<!-- Bold: Memberships (price) -->
{% include 'bold-memberships-price' %}
{% if bold_hide_item == false %}
<div class="price__unit">
<dt>
<span class="visually-hidden visually-hidden--inline">{{ 'products.product.unit_price_label' | t }}</span>
</dt>
<dd class="price-unit-price">
{%- capture unit_price_separator -%}
<span aria-hidden="true">/</span><span class="visually-hidden">{{ 'general.accessibility.unit_price_separator' | t }}&nbsp;</span>
{%- endcapture -%}
{%- capture unit_price_base_unit -%}
<span data-unit-price-base-unit>
{%- if available and variant.unit_price_measurement -%}
{%- if variant.unit_price_measurement.reference_value != 1 -%}
{{- variant.unit_price_measurement.reference_value -}}
{%- endif -%}
{{ variant.unit_price_measurement.reference_unit }}
{%- endif -%}
</span>
{%- endcapture -%}

<span data-unit-price>{{ variant.unit_price | money }}</span>{{- unit_price_separator -}}{{- unit_price_base_unit -}}
</dd>
</div>
{% endif %}
<!-- end Bold code -->

<div class="price__availability">
<dt>
<span class="visually-hidden visually-hidden--inline">{{ 'products.product.availability' | t }}</span>
</dt>
<dd>
<span class="price-item price-item--regular">
{{ 'products.product.sold_out' | t }}
</span>
</dd>
</div>
</dl>

0 Likes
Highlighted
Shopify Partner
855 117 148

Hello, @Kevin110 

I have check you live site but I can't see as per you image, so please share your site URL,

So I will check and provide a solution here.
If helpful then please Like and Accept Solution.

Thanks

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted

Success.

Hello @Kevin110,

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss.liquid->paste bellow code in bottom of file

.price .price-item {
	margin-left: 5px;
}
Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
1 Like
Highlighted
New Member
7 0 0

Thank you very much!

0 Likes