Using the Translations API docs the only translatable field for the type PRODUCT_OPTION
is name.
There is no option to set translations for the option's values.
When using a query such as this:
query ($productId: ID!, $locale: String! ) {
product(id: $productId) {
id
handle
title
status
onlineStoreUrl
totalInventory
hasOnlyDefaultVariant
translations(locale: $locale) {
key
value
}
options(first: 3) {
name
values
translations(locale: $locale) {
key
value
}
}
}
}
results in:
"data": {
"product": {
"id": "gid://shopify/Product/...",
"handle": "...",
"title": "...",
"status": "ACTIVE",
"onlineStoreUrl": "...",
"totalInventory": 187,
"hasOnlyDefaultVariant": false,
"translations": [
{
"key": "body_html",
"value": "<p>C'est une Apple produit.</p>"
},
{
"key": "title",
"value": "Apple Cinematic 30\""
}
],
"options": [
{
"name": "An Option",
"values": [
"Large",
"Medium",
"Small"
],
"translations": [
{
"key": "name",
"value": "Translated Option"
}
]
},
{
"name": "Another Option",
"values": [
"Yellow",
"Green",
"Blue",
"Red"
],
"translations": [
{
"key": "name",
"value": "ANother translated option"
}
]
},
{
"name": "And again",
"values": [
"Checkbox 4",
"Checkbox 3",
"Checkbox 2",
"Checkbox 1"
],
"translations": [
{
"key": "name",
"value": "And again translated"
}
]
}
]
}
}
The values themselves are not translated and there is no possibility to use this query to display the possible option values in any language other than the default (non-translated) language.
The PRODUCT_VARIANT translatable resource does allow translations of each variants value for product options named option1, option2, option3 but I don't understand how this is helpful:
- How do I map option1, option2, option3 to the actual product options?
- Even if possible, why would I need to query all product variants to get translated option values - these should come in the Product object just like the original (default) values for each option.
Anyone work around this somehow? IMO, Makes the Admin API unusable for presenting product option values in a multi-language setting.
