How to Change Default Text Labels in Squarespace

Hi everyone,

How to change the default text labels in Bedford template?

Here is what I want to do, step by step:

First

Have a look at the uploaded image.

How can I change the default navigation text "← Back to ..." generated in the Bedford template.

I would like to just have "← Back" or in French "← Retour" instead of "← Back to Boutique  en ligne".
FYI, "Boutique en ligne" is the title name of the product page. 

Is there a way to change this default text using Javascript in the footer? Or any other way?

Second

Also, how can I change the default text "Select" from the dropdown menus?

Third

How to change the default text for the "Quantity" ?

Finally

How to change the default text for the "Add to cart" button.

Thanks

17 hours ago, FrancisD said:

Hi everyone,

How to change the default text labels in Bedford template?

Here is what I want to do, step by step:

First

Have a look at the uploaded image.

How can I change the default navigation text "← Back to ..." generated in the Bedford template.

I would like to just have "← Back" or in French "← Retour" instead of "← Back to Boutique  en ligne".
FYI, "Boutique en ligne" is the title name of the product page. 

Is there a way to change this default text using Javascript in the footer? Or any other way?

Second

Also, how can I change the default text "Select" from the dropdown menus?

Third

How to change the default text for the "Quantity" ?

Finally

How to change the default text for the "Add to cart" button.

Thanks

Can you share your site with the protected password so I can take a look?

Hi, thank you Bangank36, here is the link:
https://francisdufourphotography.com/boutique/vestiges-shelter-bay-xa9xl-5am2n-cyl5d

14 hours ago, FrancisD said:

Hi, thank you Bangank36, here is the link:
https://francisdufourphotography.com/boutique/vestiges-shelter-bay-xa9xl-5am2n-cyl5d

Add this code to Last Line in Code Injection > Footer

<script>
  $(document).ready(function(){
    $("div#productNav a").html(function() { 
          return $(this).html().replace("Back to Boutique en ligne", "Retour");  
    });
});
</script>

Thank you so much! It works!

Here is my code:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<script>
  $(document).ready(function(){
    $("div#productNav a").html(function() {
          return $(this).html().replace("Back to Boutique en ligne", "Retour");  
    });
});
</script>

<script>
  $(document).ready(function(){
    $(".product-price").html(function() {
          return $(this).html().replace("from", "à partir de ");  
    });
});
</script>

<script>
  $(document).ready(function(){
    $(".sqs-add-to-cart-button-inner").html(function() {
          return $(this).html().replace("Add To Cart", "Ajouter au panier");  
    });
});
</script>

<script>
  $(document).ready(function(){
    $(".quantity-label").html(function() {
          return $(this).html().replace("Quantity", "Quantité");  
    });
});
</script>

<script>
  $(document).ready(function(){
    $(".variant-select-wrapper select").html(function() {
          return $(this).html().replace("Select Produit", "Sélectionner un produit");  
    });
});
</script>

<script>
  $(document).ready(function(){
    $(".variant-select-wrapper select").html(function() {
          return $(this).html().replace("Select Taille", "Sélectionner une taille");  
    });
});
</script>

<script>
  $(document).ready(function(){
    $(".back-to-top").html(function() {
          return $(this).html().replace("Back to Top", "Haut de Page");  
    });
});
</script>

17 hours ago, FrancisD said:

Thank you so much! It works!

Here is my code:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<script>
  $(document).ready(function(){
    $("div#productNav a").html(function() {
          return $(this).html().replace("Back to Boutique en ligne", "Retour");  
    });
});
</script>

<script>
  $(document).ready(function(){
    $(".product-price").html(function() {
          return $(this).html().replace("from", "à partir de ");  
    });
});
</script>

<script>
  $(document).ready(function(){
    $(".sqs-add-to-cart-button-inner").html(function() {
          return $(this).html().replace("Add To Cart", "Ajouter au panier");  
    });
});
</script>

<script>
  $(document).ready(function(){
    $(".quantity-label").html(function() {
          return $(this).html().replace("Quantity", "Quantité");  
    });
});
</script>

<script>
  $(document).ready(function(){
    $(".variant-select-wrapper select").html(function() {
          return $(this).html().replace("Select Produit", "Sélectionner un produit");  
    });
});
</script>

<script>
  $(document).ready(function(){
    $(".variant-select-wrapper select").html(function() {
          return $(this).html().replace("Select Taille", "Sélectionner une taille");  
    });
});
</script>

<script>
  $(document).ready(function(){
    $(".back-to-top").html(function() {
          return $(this).html().replace("Back to Top", "Haut de Page");  
    });
});
</script>

You can combine them

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<script>
  $(document).ready(function(){
    $("div#productNav a").html(function() {
          return $(this).html().replace("Back to Boutique en ligne", "Retour");  
    });
    $(".product-price").html(function() {
          return $(this).html().replace("from", "à partir de ");  
    });
     $(".sqs-add-to-cart-button-inner").html(function() {
          return $(this).html().replace("Add To Cart", "Ajouter au panier");  
    });
    $(".quantity-label").html(function() {
          return $(this).html().replace("Quantity", "Quantité");  
    });
    $(".variant-select-wrapper select").html(function() {
          return $(this).html().replace("Select Produit", "Sélectionner un produit");  
    });
      $(".variant-select-wrapper select").html(function() {
          return $(this).html().replace("Select Taille", "Sélectionner une taille");  
    });
     $(".back-to-top").html(function() {
          return $(this).html().replace("Back to Top", "Haut de Page");  
    });
});
</script>