If your store is set up to support multiple languages, you may find that matching Product Page Gallery (PPG) items fail to load when you switch languages. This will happen if changing language results in a change to the URL, with each language having its own URL, for example:
https://example.com/products/t-shirt-cat
https://example.com/de/products/t-shirt-katze
OR
https://example.com/products/t-shirt-cat
https://de.example.com/product/t-shirt-katze
In this case, the Product Handle t-shirt-cat does not match the German counterpart of t-shirt-katze. The solution here is to provide an alternate method we can use to be able to pair up these products. You have the following options:
Declare the Hreflang Default Tag
For stores supporting multiple languages, you are encouraged to make use of the "hreflang" tag to declare your various supported languages, such as:
<link rel="alternate" href="https://example.com/products/t-shirt-cat" hreflang="en" />
<link rel="alternate" href="https://de.example.com/products/t-shirt-katze" hreflang="de-DE" />
Importantly, you should also declare the 'default' language, which needs to appear within the HTML source for your product pages, in all languages, e.g:
<link rel="alternate" href="https://example.com/products/t-shirt-cat" hreflang="x-default" />
With this Meta Tag declared, it means that regardless of which language Product Page your customer is viewing, the Sauce embed will be able to identify the correct Product Tags, and thus Sauce Media to display within your Sauce Embed.
Note that if you are not on Shopify, you will also likely need to declare the 'custom-visit' attribute on your Sauce Embed to ensure that clicking through to a Product via the 'Buy' button, will keep you in the same language on your store.
Need further help? Hit us up via the in-app messenger 👍