text behind price

Edensbakehouse.nl

Dawn theme

I would like to edit the code, so that the text “Prijs per koek” comes directly after the price “€3,75”.

What I did now was add a text block in the product template, but I want the text to be placed directly after the price.

Please help!

Hey @EdensBakehouse .

Hope you’re doing fantastic :grinning_face_with_smiling_eyes:

You’ll need to modify the price.liquid snippet. Here’s how to implement this:

  1. Go to your theme editor
  2. Under Snippets, locate and open price.liquid
  3. Look for the price container div (around line 18-20)

Add this code right after the that closes the price__container div but before the badges:

{%- if product.title contains 'Cookie' or product.title contains 'Koek' -%}
  

Prijs per koek

{%- endif -%}

So the structure would look like:


  

{%- if product.title contains 'Cookie' or product.title contains 'Koek' -%}
  

Prijs per koek

{%- endif -%}

  {{ 'products.product.on_sale' | t }}

This will:

  1. Place the text directly after the price
  2. Only show for products with ‘Cookie’ or ‘Koek’ in the title
  3. Keep the styling consistent with your theme
  4. Maintain the responsive design

You can then remove the separate text block from your product template since it will no longer be needed.

Note: Make sure to backup your theme before making these changes. Test the changes on a few different product pages to ensure everything displays correctly across different product types.

Cheers!
Shreya | hello@untechnickle.com

I see this in the code:

Hi @EdensBakehouse

If you are using Dawn theme, you can go to the theme editor and drag and drop the product feature to the position you want

Please let me know if it works. Thank you!

Best,
Daisy - Avada Support Team.

Got it!

Here’s how you can modify the code:


  {{ 'products.product.regular_price' | t }}
  
    {% if settings.currency_code_enabled %}
      {{ compare_at_price | money_with_currency }}
    {% else %}
      {{ compare_at_price | money }}
    {% endif %}
  
  {%- if product.title contains 'Cookie' or product.title contains 'Koek' -%}
    Prijs per koek
  {%- endif -%}

Add this code right after the price-item–regular span. This will:

  1. Keep the text within the same price container
  2. Maintain proper spacing and alignment
  3. Only show for cookie products
  4. Keep the existing price structure intact

Cheers!
Shreya | Revize

I did this but nothing changes:

{{ 'products.product.regular_price' | t }} {% if settings.currency_code_enabled %} {{ compare_at_price | money_with_currency }} {% else %} {{ compare_at_price | money }} {% endif %} {%- if product.title contains 'Cookie' or product.title contains 'Koek' -%} Prijs per koek {%- endif -%}

the whole snippet code is:

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

Accepts:

  • product: {Object} Product Liquid object (optional)
  • placeholder: {Boolean} Renders a placeholder price (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)
  • show_compare_at_price: {Boolean} Renders the compare at price if the product matches the condition (optional)

Usage:
{% render ‘price’, product: product %}
{% endcomment %}
{%- liquid
if use_variant
assign target = product.selected_or_first_available_variant
elsif placeholder
assign target = null
else
assign target = product
endif

assign compare_at_price = target.compare_at_price
assign price = target.price | default: 1999
assign price_min = product.price_min
assign price_max = product.price_max
assign available = target.available | default: false
assign money_price = price | money
assign money_price_min = price_min | money
assign money_price_max = price_max | money
if settings.currency_code_enabled
assign money_price = price | money_with_currency
assign money_price_min = price_min | money_with_currency
assign money_price_max = price_max | 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
-%}

{%- unless target == null and placeholder == null -%}

{%- 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 -%}
{%- if product.quantity_price_breaks_configured? -%} {%- if show_compare_at_price and compare_at_price -%} {%- unless product.price_varies == false and product.compare_at_price_varies %} {{- 'products.product.price.regular_price' | t -}} {% if settings.currency_code_enabled %} {{ compare_at_price | money_with_currency }} {% else %} {{ compare_at_price | money }} {% endif %} {%- endunless -%} {%- endif -%} {{ 'products.product.price.regular_price' | t }} {{- 'products.product.volume_pricing.price_range' | t: minimum: money_price_min, maximum: money_price_max -}} {%- else -%} {{ 'products.product.price.regular_price' | t }} {{ money_price }} {%- endif -%}
{%- unless product.price_varies == false and product.compare_at_price_varies %} {{ 'products.product.price.regular_price' | t }} {% if settings.currency_code_enabled %} {{ compare_at_price | money_with_currency }} {% else %} {{ compare_at_price | money }} {% endif %} {%- endunless -%} {{ 'products.product.price.sale_price' | t }} {{ money_price }}
{{ 'products.product.price.unit_price' | t }} {{- 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 }}
{%- if show_badges -%} {{ 'products.product.on_sale' | t }} {{ 'products.product.sold_out' | t }} {%- endif -%}
{% endunless %}