Skip to main content

How to exclude specific content from Auto Translation

Redi automatically translates your storefront content. If you want specific text to always remain in its original language (such as brand names, product titles, vendors, or variant options), add the notranslate class to the HTML element containing that content.

note

This guide requires basic knowledge of Shopify theme editing and HTML. Since every Shopify theme is structured differently, the code location may vary.

How It Works​

Redi skips any content inside an element with the notranslate class.

<div class="notranslate">
  Your content here
</div>

Step 1: Open Your Theme Code​

From your Shopify admin, go to:

Online Store → Themes → ⋮ → Edit code

Step 2: Find the Element​

Use your browser's Inspect tool to locate the HTML element containing the text you want to exclude.

  1. Open your storefront.
  2. Right-click the content and select Inspect.
  3. Find the corresponding HTML element.
  4. Search for that element or its Liquid variable in your theme code.

Step 3: Add the notranslate Class​

If the element already has a class:

<h1 class="product-title notranslate">
  Product Name
</h1>

Otherwise:

<h1 class="notranslate">
  Product Name
</h1>

Common Examples​

Product Title​

<h1 class="product-title notranslate">
  {{ product.title }}
</h1>

Product Vendor​

<span class="notranslate">
  {{ product.vendor }}
</span>

Product Variants​

<label class="notranslate">
  {{ value }}
</label>

or

<option class="notranslate">
  {{ variant.title }}
</option>
<footer class="footer notranslate">
  ...
</footer>

Need Help?​

If you're unsure where to add the notranslate class, contact us at [email protected]. Please include the section you'd like to exclude from translation, and our team will be happy to assist you.