Jump to content

How to Change Default Text Labels in Squarespace

Recommended Posts

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

Capture d’écran, le 2022-09-29 à 09.07.42.png

Edited by FrancisD
Link to comment
  • FrancisD changed the title to How to Change Default Text Labels in Squarespace
  • Replies 5
  • Created
  • Last Reply

Top Posters In This Topic

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

Capture d’écran, le 2022-09-29 à 09.07.42.png

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

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment
14 hours ago, FrancisD said:

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>

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

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>

Edited by FrancisD
Link to comment
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>

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.