Customizing the text within your upload field helps tailor the experience to your store's primary language and target audience. Here is a step-by-step guide on how to update and translate your Custom Label HTML.
1. Translating Your Primary Language
To translate the default label, you just need to update the Custom Label HTML setting directly within your theme editor. By replacing the specific words within the provided code, you can easily translate the text while maintaining the current layout.
Go to your Shopify Theme Editor.
Navigate to App Embeds and open the Upload Center settings.
Locate the Custom Label HTML field.
Modify the text within the
<b>and<span>tags using the code below as your template.
<svg height="40" viewBox="0 0 48 48" width="100" x="0px" xmlns="http://www.w3.org/2000/svg" y="0px">
<path d="M42,44H6c-1.654,0-3-1.346-3-3v-9c0-0.552,0.448-1,1-1h5c0.552,0,1,0.448,1,1v5h28v-5c0-0.552,0.448-1,1-1h5 c0.552,0,1,0.448,1,1v9C45,42.654,43.654,44,42,44z"></path>
<path d="M39,30v6H9v-6H4v9c0,1.105,0.895,2,2,2h36c1.105,0,2-0.895,2-2v-9H39z" fill="#fff"></path>
<path d="M42,42H6c-1.654,0-3-1.346-3-3v-9c0-0.552,0.448-1,1-1h5c0.552,0,1,0.448,1,1v5h28v-5c0-0.552,0.448-1,1-1h5 c0.552,0,1,0.448,1,1v9C45,40.654,43.654,42,42,42z M5,31v8c0,0.551,0.449,1,1,1h36c0.551,0,1-0.449,1-1v-8h-3v5 c0,0.552-0.448,1-1,1H9c-0.552,0-1-0.448-1-1v-5H5z"></path>
<path d="M27,33h-6c-0.552,0-1-0.448-1-1V16h-4.191c-0.989,0-1.78-0.776-1.802-1.767v-2.021c-0.012-0.594-0.013-0.63,9.328-8.958 c0.379-0.338,0.952-0.338,1.331,0c9.341,8.328,9.34,8.365,9.328,8.979v1.979C33.972,15.224,33.18,16,32.191,16H28v16 C28,32.552,27.552,33,27,33z"></path>
<path d="M21,13v17h6V13h5.192c0.695,0,1.059-0.824,0.592-1.338L24,2l-8.784,9.662 C14.749,12.176,15.114,13,15.808,13H21z" fill="#fff"></path>
<path d="M27,31h-6c-0.552,0-1-0.448-1-1V14h-4.191c-0.723,0-1.354-0.411-1.646-1.071c-0.292-0.661-0.173-1.404,0.313-1.939 l8.784-9.662c0.379-0.417,1.101-0.417,1.479,0l8.784,9.662c0.487,0.536,0.606,1.279,0.314,1.94C33.545,13.589,32.914,14,32.191,14 H28v16C28,30.552,27.552,31,27,31z M22,29h4V13c0-0.552,0.448-1,1-1h4.74L24,3.486L16.26,12H21c0.552,0,1,0.448,1,1V29z"></path>
</svg><br>
<b>Choose files to get started</b><br>
<span>or drag & drop files here</span><br>
<span> PDF Only <br>Max file size: 10GB</span>
2. Translating for Multi-Language Stores
If your store supports multiple languages, the Custom Label HTML setting in your Theme Editor should only contain the translation for your primary language.
To configure translations for your additional languages, you will need to have the Shopify Translate & Adapt app installed on your store.
Open the Translate & Adapt app.
Select the App Embed option from the navigation.
Add the translated text for your additional languages into the appropriate fields.
A Note on Multi-Language Support: > We are aware that this current translation flow is not ideal, and our team is actively working on streamlining it. Native multi-language support will be going live very soon!
If you are unable to complete these steps or run into any issues along the way, please do not hesitate to contact our support team.