Change “item in the bag” text in product view

Have you tried this:

https://www.ecwid.com/apps/tools/storefront-label-editor

Hi there,

I’m Edward from Ecwid.

As richbraithwaite mentioned, the best and easiest way to change labels is to use our free app called Label Editor: https://www.ecwid.com/apps/tools/storefront-label-editor

Detailed instruction on changing text labels in Ecwid can be found in the following article: https://support.ecwid.com/hc/en-us/articles/115002823369-Changing-texts-in-your-Ecwid-store

However, as correctly noticed, even though the app is free, it’s available for Ecwid paid plan users only. In case you are on the Free plan and want to change the labels, it’s possible to do with a script.

<script>
ecwidMessages = {
“ProductDetails.in_bag”:”\ in the Cart”,
“ProductDetails.In_bag”:”In the Cart”
}
</script>

This is the correct script from a technical point of view, however, it doesn’t change the “item in the bag” label. If you want to change this label, you need to use the following script:

<script> 
ecwidMessages = { 
"ProductDetails.CartItems.singular":"My text",
"ProductDetails.CartItems.OutOfStock.singular":"My text2" 
}
</script>

ProductDetails.CartItems.singular is “1 item in the bag”
ProductDetails.CartItems.OutOfStock.singular is “1 item in the bag, no more left in stock”

Replace “My text” and “My text2” with your own texts.

You need to add the code to the HTML/source code of the store page.

I hope this helps!

OMG! Edward, Thank you so much! I have been searching for this solution for several weeks only to be told it wasn’t possible unless I upgrade my plan (I have 8 items in my store). I added the plural version and now it works for both:

<script>
ecwidMessages = {
“ProductDetails.CartItems.singular”:”item in the cart”,
“ProductDetails.CartItems.plural”:”items in the cart”,
}
</script>

I don’t want to press my luck, but can you tell me if it is possible to change the “back to catalog” link in product view so it says “continue shopping” ? Ideally, I would prefer to hide the link and add a continue shopping button instead…if that is possible.

Thank you

• This reply was modified 6 years, 8 months ago by albriro.
• This reply was modified 6 years, 8 months ago by albriro.

Hello,

It’s Edward from Ecwid Team.

I’m incredibly sorry for the radio silence in this thread. Please let me address your questions.

You can change the ‘Back to Catalog’ label the same way as other labels. For example, if you want to use the script, then you can replace the text with your own by changing the following element: CategoryPathPanel.back_to_catalog

So, for instance, your final script can look like that:

<script>
ecwidMessages = {
"ProductDetails.CartItems.singular":"item in the cart",
"ProductDetails.CartItems.plural":"items in the cart",
"CategoryPathPanel.back_to_catalog":"Change Back to Catalog text"
}
</script>

where Change Back to Catalog text is your own text you want to use instead of ‘Back to Catalog’

As for adding a custom button, there’s no built-in solution to that. However, Ecwid, in some sense, is an open-source platform.

We have a free and open API available for all of our merchants on paid plans — https://developers.ecwid.com/api-documentation This API allows creating custom solutions and features specifically for your store.

So basically, anyone can develop a custom solution for their store if they have enough programming knowledge — you can do it by yourself, hire a developer, ask a friend, hire our team or anyone you want. It’s totally up to you.

If you need assistance with this, our Customization Team will be happy to help you for an extra fee. If you are interested, please fill out this form: https://ecwidcom.typeform.com/to/vIlijv they will get back to you with the details.

• This reply was modified 6 years, 8 months ago by ecwid_team.