POS Extension target button title rename

Extensions
1

Hi all,

I think I know the answer to this, but I’m going to ask anyway just in case.

My POS app has multiple additional targets alongside the tile component:

pos.order-details.action.menu-item.render
pos.purchase.post.action.menu-item.render
pos.product-details.action.menu-item.render
pos.cart.line-item-details.action.menu-item.render

For each of these targets, a button is rendered in the associated menu. This is how my extension.toml file is configured:

[[extensions]]
uid = "..."
type = "ui_extension"
name = "App Name: App Slogan"
handle = "pos-ui"
description = "App Name: App Slogan"

[[extensions.targeting]]
module = "./src/TileButton.tsx"
target = "pos.home.tile.render"

[[extensions.targeting]]
module = "./src/TileModal.tsx"
target = "pos.home.modal.render"

[[extensions.targeting]]
module = "./src/OrderDetailsButton.tsx"
target = "pos.order-details.action.menu-item.render"

[[extensions.targeting]]
module = "./src/OrderDetailsModal.tsx"
target = "pos.order-details.action.render"

[[extensions.targeting]]
module = "./src/PostPurchaseButton.tsx"
target = "pos.purchase.post.action.menu-item.render"

[[extensions.targeting]]
module = "./src/PostPurchaseModal.tsx"
target = "pos.purchase.post.action.render"

[[extensions.targeting]]
module = "./src/ProductDetailsButton.tsx"
target = "pos.product-details.action.menu-item.render"

[[extensions.targeting]]
module = "./src/ProductDetailsModal.tsx"
target = "pos.product-details.action.render"

[[extensions.targeting]]
module = "./src/CartLineItemButton.tsx"
target = "pos.cart.line-item-details.action.menu-item.render"

[[extensions.targeting]]
module = "./src/CartLineItemModal.tsx"
target = "pos.cart.line-item-details.action.render"

Unfortunately, I’ve had a number of users report back that they don’t use the buttons that are rendered on the additional targets, as the title of the button (App Name: App Slogan) is meaningless to their staff, and therefore they don’t know what the app is for.

Is there any way of renaming the title of the button for these targets? I can’t find anything in the docs. The only workaround I can find is by changing the name of the extension to something more descriptive, but this isn’t the best solution as technically the app does a slightly different thing depending on where it’s rendered (e.g. I could set the name to “Edit Product”, which would work for the button in the product details menu, but would be meaningless in the order details menu).

I’d love to hear if anyone has a solution for this :+1:t3: TIA.

POS Extension menu item label ignores JSX content, uses TOML description only
2

Hey @21O,

This is a known limitation, we currently use the description of your app, to differentiate it from other installed apps, as the button title but I can see how customising this per button would be useful. I’ll share this with our team as feedback, thank you.

1 Like
3

Just wanted to add a +1 here - we’ve heard this same feedback from merchants over the years!

1 Like
4

Thanks @Aaron_Schubert - It would be a really great feature!

5

Hey @Aaron_Schubert , we’re experiencing the same issue here. Would very much love to be able to create dynamic and translatable labels. +1 from us :slight_smile: