Skip to main content

Liquid prepend: How to Add a Suffix to a String

Last updated: October 07 2024

Written and researched by experts at Avada Learn more about our methodology
By Sam CEO

Are you looking to customize your Shopify store’s text content but struggling with adding endings to words or phrases? Many store owners find it challenging to append suffixes to strings in Shopify, which can be crucial for creating dynamic content or adjusting product descriptions. This guide will walk you through how to add a suffix to a string in Shopify, a simple yet powerful technique to enhance your store’s flexibility.

Whether you’re looking to add units of measurement, pluralize words, or create conditional text, mastering this skill will give you greater control over your store’s content. Learn how to easily modify strings and take your Shopify customization to the next level.

Table of content

Introduction to Liquid

As you know, Liquid is classified into three subcategories consisting of objects, filters and tags. Liquid use objects to show the location of content on a page. Objects and variable names are denoted by double curly braces. Filters change the output of a Liquid object. Tags create logic and control flow for a template. Tags begin with two curly braces and percent signs. Tags can be divided into three types: control flow, iteration and variable assignment.

Prepend belongs to filters.

What is prepend

Prepend is a Liquid filter that allows you to add the specified string to the beginning of another string. The filter is useful because you can add the topic of the string, in front of elements of the chain. Therefore, visitors can easily follow the information.

How to add a suffix to a string

For instance, you have a chain of fruits including apples, oranges, bananas and you want to insert some fruit before that string to note the name of the chain.

Input


{{ "apples, oranges, and bananas" | prepend: "Some fruit: " }}

Output


Some fruit: apples, oranges, and bananas

Moreover, you are able to prepend variables:

Input


{% assign url = "example.com" %}

{{ "/index.html" | prepend: url }}

Output


example.com/index.html

Conclusion

The prepend filter in Shopify’s Liquid is a powerful tool for adding prefixes to strings, enhancing the clarity and organization of your content. By mastering this technique, you can easily add context to lists, create more descriptive URLs, or improve the readability of your Shopify store’s content. Remember, effective use of prepend can significantly enhance your visitors’ experience by providing clearer, more structured information.

Sam
linkedin
Sam Nguyen is the CEO and founder of Avada Commerce, an e-commerce solution provider headquartered in Singapore. He is an expert on the Shopify e-commerce platform for online stores and retail point-of-sale systems. Sam loves talking about e-commerce and he aims to help over a million online businesses grow and thrive.