Articles on: Manage Translation

How to replace image on Product pages and Collection pages?

With Replace image function, you just need to upload prepared image for any product/collection you want to have their local versions in target languages. Then your customers can switch to target language on Switcher to see the corresponding replaced image on each target language version.

CONTENT:



Requirement
How to set up Replace image for Product and Collection page

Requirement



Please be noted that this feature is available from Growth plan and only applied for Editable language.

Please follow the limitation on the number of page added to replace image:

GROWTH: replace image for 10 Product pages, 10 Collections pages

PREMIUM: replace image for 100 Products pages, 100 Collection pages and 100 images from Other resources

ENTERPRISE: unlimited pages for each resource

CUSTOM: you can buy more resource quota to get a custom plan that fits your specific needs.

Please check out here for more detailed pricing plans.

How to set up Replace image for Product and Collection page



Lets replace image from a product in Product page as an example, and you can do the same for Collection page too.

Just go to Translation menu --> Image --> Localize images --> choose Product page type --> Select product





Select available products that you want to replace image in the dropdown list in-app. You can find product name on Search bar easily then select them to replace image



Choose an image from the product page name you want to replace

Please note that we only support to replace main images along with images of variants like example below, we do not replace images which belong to your Product description.

Example: Main image and variants images



Choose your target language that you want to replace the image

+ Default image: images are already on default language version in Shopify store.

+ Image replacements: images are not available from your Shopify store so you have to prepare them in your library (images in desktop or image links), and use these images to upload to our app in order to have their local versions in target languages.

Paste the replacing image link into the tab --> press Enter OR click on Browse file to upload image in your local library, then click on Save button.



Publish the selected product image to show its replaced images in target languages on store-front



Repeat above steps again for other images.

Go back to that product page --> Select the target language on Switcher --> View the result

TIPS:

Bulk activate/deactivate/remove replaced images in Product page, Collection page or Other pages.

Example:



When you unpublish a specific added page (Product/Collection/Other page) in list, replaced images won't be shown up on target language version on your website but it's still saved in our database and only completely deleted if you remove that replaced image in-app.

You can only publish replaced image according to your Page number limit allowed to add on each plan. For instance, you're in Growth plan, you can add up to 10 Product pages and 10 Collection pages to Replace image list, so you can only publish the replaced image based on this limit. If you reach the limit, you can't add and publish more. In this case, we recommend you should upgrade to a higher plan to get more replaced image published or buy more resource quota to extend your limit.

Example:

You have reached the limit in Growth plan and can't add more.



You have reached the limit in Growth plan and can't publish more.



In case, you downgrade plan, it will follow the downgraded plan limit. All replaced images will switch back to Unpublish status, you need republish them manually according to the limit of your new plan. Please check out here for more details.

To zoom in and view full image, you could click on default images or replaced images then click on "X" to turn off



Allowed image formats to upload: jpeg, gif, and png (Maximum 10 MB). Otherwise, it will pop this message



You can remove any specific product in Replace image section including its replaced images by click on Remove button then there will be popup to confirm this action like this.



Or select image in page list and click on Action button then select "Remove" to remove all products and its replacement images in bulk.



For other pages such as Homepage, we call this is "Synced from Shopify Files", you can do some steps to have local versions for target languages. For more details, please check here.

References



How to replace image not from Product pages and Collection pages?

How to translate content from Third-party apps?

How to set up Auto Translation in Transcy?

Should you need further support, please feel free to contact us via live chat or email us at support@transcy.io

Updated on: 27/11/2024

Was this article helpful?

Share your feedback

Cancel

Thank you!