Translate and Adapt doesn't work on product variation

Translate and Adapt doesn't work on product variation

Lucia_055
Visitor
1 0 0

Hello, 

 

I have a website with one product and 3 color variations. I am using Beyours Theme.

I have translated the website in English with the Traslate&Adapt app, and now I have this issue: 

 

- First Language: works perfectly

- Second Language: product variation switcher doesn't work (price doesn't change, nor does variation title), gallery is not showing (no images displayed) and it is not possible to add product to the cart. (add to cart button is inactive)

 

Please consider: 

 

Color variations are connected with shopify meta object " color". Meta object is translated

 

If anyone has a solution I will be very grateful

 

Reply 1 (1)

DaisyVo
Shopify Partner
4402 488 582

HI @Lucia_055 

I totally get how frustrating it is when everything works in one language but breaks in another. I took a deep dive into your issue, and here’s what’s likely happening:

The Issue

Since your product variations are tied to a Shopify metaobject ("color"), and you're using Translate & Adapt, it looks like the app isn't correctly applying translations to those metaobjects in the second language. This is causing:

  • The variation switcher to fail (price & title not updating).
  • The gallery to break (images not showing).
  • The "Add to Cart" button to become inactive.

The Solution

Here’s what you can do to fix it:

  1. Check if metaobjects are fully translated:

    • Go to Settings > Custom Data > Metaobjects > Color and see if all fields (especially the ones controlling variations) have translations applied.
    • Even if the metaobject is translated, Shopify's default system doesn’t always apply it correctly to product variants.
  2. Manually resync translations:

    • In the Translate & Adapt app, go to the Products section and manually update the translation for each color variation.
    • Make sure to save changes even if the fields look correct. Sometimes a manual save forces the update.
  3. Test with a different theme (temporarily):

    • Since you're using Beyours Theme, try switching to Dawn (Shopify’s free theme) and test if the problem still happens.
    • If it works fine in Dawn, the issue is likely theme-related. In that case, you may need theme customization or developer support.
  4. Check for JavaScript errors:

    • Open your site in Google Chrome > Right Click > Inspect > Console and see if there are any JavaScript errors when switching variations.
    • If errors appear, they might point to missing translations or theme issues affecting how variations load.
  5. Force a translation refresh via Liquid:

    • In your theme’s product.liquid file (or main product template), try forcing translations like this:
     
    {{ current_variant.title | t }}
    {{ current_variant.price | money | t }}

    This ensures the translated version of the product’s title and price is being pulled correctly.

  6. Check if Shopify Markets affects it:

    • If you have Shopify Markets enabled, make sure the correct currency and translations are applied for the second language.

If this still doesn’t work, I’d recommend reaching out to the Beyours Theme support since custom themes sometimes handle translations differently.

Hope this helps! If you need extra help, just let me know asap. Thanks
Daisy.

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution