How to change the Add to cart button text to an icon

This article will show you how to replace the (P) Cart Button element's text with an icon.

(P) Cart Button is a child element of the Product Module. In some cases, you might prefer using the cart icon rather than text for your cart button. Kindly follow the steps below to do so.


Before we start, you will need to have a cart icon. There are various sources for you to download. Please keep in mind that the icon should be in text format.

For example, you can find the cart icon from Kindly access the link, search for the cart icon, and then copy it.



Step 1: From the GemPages Dashboard, open your preferred template to edit. Look for the (P) Cart Button in the page's Editor. 

If there isn't one, drag & drop one from the left sidebar inside your Product Module.



Step 2: Paste the icon to the box under the Button Text field.



When everything is in place, hit “Save” then “Publish.”


If you're interested in learning more about powerful, user-friendly GemPages, feel free to explore the Help Center or get in touch with our GemPages Support Team via email or live chat.

Was this helpful?