# Translations

1.1 Navigate to admin panels Online Store -> Themes, click Action -> Edit Code

1.2 Open Templates -> templates/product.visualconstructor.liquid

```
<script>
  var visualTranslations = {
    'add_to_cart':"{{ 'visual_builder.add_to_cart' | t }}",
    'available_with':"{{ 'visual_builder.available_with' | t }}",
    'not_available_with':"{{ 'visual_builder.not_available_with' | t }}",
    'setup':"{{ 'visual_builder.setup' | t }}",           
    'items_selected':"{{ 'visual_builder.items_selected' | t }}",  
    'total':"{{ 'visual_builder.total' | t }}",  
    'tax_included':"{{ 'visual_builder.tax_included' | t }}",  
    'tax_not_included':"{{ 'visual_builder.tax_not_included' | t }}"
  };
</script>
```

1.3 Check if code above exists in product.visualconstructor.liquid, if yes then skip this step, if no copy code above and past it to product.visualconstructor.liquid as top line.&#x20;

1.4 Copy code below, and past it to locales/en.default.json, after first opened brackets.

```
"visual_builder":{
    "add_to_cart":"Add to cart",
    "available_with":"Available with",
    "not_available_with":"Not available with",
    "setup":"Setup",
    "items_selected":"items selected",
    "total":"Total",
    "tax_included":"Tax included.",
    "tax_not_included":"Tax not included."
  },
```

It should look like this:

```
{
  "visual_builder": {
    "add_to_cart": "Add to cart",
    "available_with": "Available with",
    "not_available_with": "Not available with",
    "setup": "Setup",
    "items_selected": "items selected",
    "total": "Total",
    "tax_included": "Tax included.",
    "tax_not_included": "Tax not included."
  },
  "general": {
  ..................
```

1.5 Navigate to admin panels Online Store -> Themes, click Action -> Edit languages  and edit Visual Builder tab.