How to change “Add to cart” text to a cart icon

This article will show you how to replace the Cart button text with an icon.

A cart is an object you use to collect items. It gives your visitors the impression that they are free to put in and take out items if they don’t want them.

In the editor page of GemPages, a cart button is a child element of a product module. As the shopping cart icon is more distinct and more noticeable, we would like to instruct you on how to replace the Cart button text with an icon in this article.

Step 1: Locating "Add to cart"

Selecting (P) Cart button, you should see the Button Text box in the right sidebar under the Settings tab.


Extending "More settings" under Button text, you can locate the text appearing when there is no product available in inventory.

Step 2: Searching for a cart icon

There are various sources for you to download a cart icon. For example, you can find one in When you access the mentioned link, search, and select a Cart icon then copy it.



Step 3: Changing button text with a text icon

Paste the icon to the text boxes which we locate at step 1.




If everything looks all good, you can hit Save to record the changes in the GemPages system or Publish to apply them to your live store.



That's it! You are all set. If you're interested in learning more about powerful, user-friendly GemPages, please feel free to figure out more articles here or reach our Support Team. We'd be happy to answer any questions you have.

Was this helpful?