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.

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.

Last updated