How to use the cart icon for your Cart button

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, offers various icons to choose from, you can search for the cart icon there 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?