Home > Shopify Development > Liquid handle: How to Strip/Slug a String

Liquid handle: How to Strip/Slug a String in Shopify

Sam Nguyen
Sam Updated: April 08, 2024

Share:

Drive 20-40% of your revenue with Avada
avada email marketing

There is a tool that is for the Shopify store owners to display the data and content of the shops. This is Liquid which is considered as the files that build up a theme. In addition, the combination between the tags, objects, and filters alllows the users to to load a huge amount of data. For the tags, online merchants can easily to helps templates know what to do. Another type is the Objects with attributes to display multiple content per page. In addition, the Shopify store owners can utilize Liquid filters to customize the output of those types of data numbers, strings, variables and objects.

Strings or the raw strings which are one of the features of Liquid contributes to the Shopify website building. The Shopify store owners totally enables using String filters to modify the string type. Besides, the developers can declare the Strings by wrapping the value of a variable in some quotes. Other types of data such as Number, Boolean, Nil, Array and EmptyDrop also play essetial role in building the themes.

For the computer language, strip a string which is known as removing process of one or more characters from a file or a collection of files. For instance, online sellers are easily search and replace a word by nothing to strip a document of that word. Especially, the strips functionality allows the users to remove the space in multiple positions such as on the left, on the right. Moreover, online merchants also support the users in short label, taps and in URLs as well as in the newlines.

In this following article Liquid handle: How to Strip/Slug a String in Shopify, we hope that online sellers can have the best way to slug their strings in multiple forms as well as multiple positions such as tabs, spaces, and newlines which are on the left or right side of them.

Liquid handle: How to Strip/Slug a String in Shopify

Type 1: String

The different forms of Strings from tabs, spaces, and newlines are able to be removed. In this example, we remove the spaces in both sides from the left and right side of the words. Input

{{ '   too many spaces      ' | strip }}

Output too many spaces

Type 2: lstrip

In that situation, we just remove the space in the left hand side of it. Input

{{ '   too many spaces           ' | lstrip }}

The results will be : Output

<!-- Highlight to see the empty spaces to the right of the string --> too many spaces          

Type 3: rstrip

In that situation, we just remove the space in the right hand side of it.

Input

{{ '              too many spaces      ' | rstrip }}

The results will be : Output

<!-- Notice the empty spaces to the left of the string -->
              too many spaces

Type 4: strip_html

How about the Strips in a URLs? This feature also allows the users to remove all HTML tags from a string. Just copy that codes below and paste.

Input

{{ "<h1>Hello</h1> World" | strip_html }}

The results will be :

Output Hello World

Type 5: strip_newlines

Last but not least, the users can choose to remove a line break/newline from a string.

Input

{{ product.description | strip_newlines }}

The results will be:

Output

product
description

Conclusion

The Shopify online sellers now enables solving the problems with too much spaces and not suitable words, URLs. With this tool in above artcle Liquid handle: How to Strip/Slug a String in Shopify, the users can easily remove them in simple steps. Besides, the online merchants can read more about online stores topics such as:

Or the relevant articles about Liquid such as:


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.

Stay in the know

Get special offers on the latest news from AVADA.