Change text on Add to Cart Button to include a space

Store Design
5

Hi @camalia ,

To fix the issue with the missing space between “Add to Cart” and the price, you can modify the code where the button text is set. Based on your description, the space is likely being removed due to how the code is structured. Here’s how you can add a space:

Find the part of your code that sets the button text, which probably looks something like this:

html

{{ ‘Add to Cart’ }}{{ product.price | money }}

To ensure there’s a space between “Add to Cart” and the price, modify it as follows:

html

{{ 'Add to Cart ’ }}{{ product.price | money }}

Notice the space between 'Add to Cart ’ and {{ product.price | money }}.

If you’re appending the price in JavaScript, you can add the space in the string directly like this:

javascript

button.innerHTML = 'Add to Cart ’ + productPrice;

Let me know if you need help applying this in your specific theme or setup!

Hyelladi
Return Prime