Add text after price on product pages and collections in Debut them

Highlighted
New Member
1 0 0

Hey Shopify Community,

 

I want to add text after the price on product pages and collection in the Debut theme. For example, if the price if $25.00, I want it to say $25.00 Monthly (adding "Monthly") after the price. How would I go about doing that? Thanks in advance.

0 Likes
Highlighted

to show on product page go to section folder and product-template.liquid search {{ product.price }} and your text here.

to show on collection page go to section folder and collection.liquid search {{ product.price }} and your text here.

Shopify theme developer and customization

I Would like to add new functionality or customize an existing one, please hire me.
If helpful then please Like and Accept Solution .
Email: ashiquehussaincodediary@gmail.com

0 Likes
Highlighted
Tourist
5 0 0

Hi, 

 

Are you able to elaborate further on precisely where the text needs to be added in product price? Do we need add anything in addition to "monthly". Thanks! 

0 Likes
Highlighted
Shopify Expert
3899 559 935

Follow this for product page:

1. Open snippet->product-price.liquid find below code:

<div class="price__sale">
<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>
{{ money_price }}
</span>
<span class="price-item__label" aria-hidden="true">{{ 'products.product.on_sale' | t }}</span>
</dd>
</div>

Now add below code just next to this :

<span class="m_price">Monthly</span>

So it look like:

<div class="price__sale">
<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>
{{ money_price }}
</span>
<span class="price-item__label" aria-hidden="true">{{ 'products.product.on_sale' | t }}</span>
</dd>
</div>
<span class="m_price">Monthly</span>

 

Want to modify or custom changes on store hire me.
Want to give Gift for time? its my Paypal too.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Highlighted
Tourist
10 0 1

Hi @Jasoliya , I'm trying to add "+ GST" as a text next to the product price. I tried following the steps you have provided but to no avail. My product-price.liquid looks like this:

<!-- snippet/product-price.liquid -->
{% if product.title %}
  {%- assign compare_at_price = product.compare_at_price -%}
  {%- assign price = product.price -%}
  {%- assign price_varies = product.price_varies -%}
  {%- assign available = product.available -%}
{% else %}
  {%- assign compare_at_price = 1999 -%}
  {%- assign price = 1999 -%}
  {%- assign price_varies = false -%}
  {%- assign available = true -%}
{% endif %}

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

{% unless product.price == 0 %} 
{% if compare_at_price > price %}
  {% if price_varies %}
    <span class="visually-hidden">{{ 'products.product.regular_price' | t }}</span>
    <s class="product-price__price">{{ compare_at_price | money }}</s>
    <span class="product-price__price product-price__sale">
      {{ money_price }}
      <span class="product-price__sale-label">{{ 'products.product.on_sale' | t }}</span>
    </span>
  {% else %}
    <span class="visually-hidden">{{ 'products.product.regular_price' | t }}</span>
    <s class="product-price__price">{{ compare_at_price | money }}</s>
    <span class="product-price__price product-price__sale">
      {{ money_price }}
      <span class="product-price__sale-label">{{ 'products.product.on_sale' | t }}</span>
    </span>
  {% endif %}
{% else %}

  {% if price_varies %}
    <span class="product-price__price">{{ money_price }}</span>
  {% else %}
    <span class="visually-hidden">{{ 'products.product.regular_price' | t }}</span>
    <span class="product-price__price">{{ money_price }}</span>
  {% endif %}
{% endif %}
{% endunless %}

{% unless available %}
  <span class="product-price__sold-out">{{ 'products.product.sold_out' | t }}</span>
{% endunless %}

Please let me know if this is possible. Would like it to look something like this;

Capture.JPG

0 Likes
Highlighted
Shopify Expert
3899 559 935

Send me your store url. so i can check it

Want to modify or custom changes on store hire me.
Want to give Gift for time? its my Paypal too.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Highlighted
Tourist
10 0 1

Sure, it's https://www.mcgreals.co.nz/

Myshopify url: mcgreals.myshopify.com 

Thanks

0 Likes
Highlighted
Astronaut
955 83 114

@McGreals wrote:

Sure, it's https://www.mcgreals.co.nz/

Myshopify url: mcgreals.myshopify.com 

Thanks


@McGreals - I checked your given code with the browser code and both look bit different, looks like price on product page is been fetched from some other file, if you can add me staff, I will check it and let you know exact file to change, you have my details below.

you are welcome to contact me.
My email - suyash.patankar@gmail.com
0 Likes
Highlighted
Tourist
10 0 1

Hi @suyash1 , I'm unable to grant you staff access as we are at capacity sorry. Could you request collaborator access?

Thanks

0 Likes
Highlighted
Astronaut
955 83 114
I have requested, please check
you are welcome to contact me.
My email - suyash.patankar@gmail.com
0 Likes