Changing text in the Shopping cart page with CSS

Site URL: https://www.bomzis.life/

Hello,

What im trying to do is translate (replace) the circled text to latvian with CSS.

I've managed to find code for the cart title but also wanted to change these but couldnt find any code.

Can you help me?

I've also found info that there is no way to change the chekout page with custom code so my question is is there any option for me at all to translate it ?

Hi. Your site is private. Can you setup password & share url again? We can help easier

Oh yes sorry about that 

i sent you an email with the password

also i was looking into changing the empty cart text and found some code but it didnt seem to work for me so if thats something you can help me with that would be amazing too

Thank you.

Can you share link to a product? We can add it to cart to view cart page

there you go: https://www.bomzis.life/aprbi/p/asmnw3v1oqhl2b9evldmnv9yhnigwr

On 6/8/2021 at 12:52 PM, TettRamm said:

there you go: https://www.bomzis.life/aprbi/p/asmnw3v1oqhl2b9evldmnv9yhnigwr

Add to Settings > Advanced > Code Injection > Header

<style>
/* Cart page */
.cart-item-list-labels>span:first-child span {
    visibility: hidden;
}
.cart-item-list-labels>span:first-child span:before {
    visibility: visible;
    content: "new item";
}
.cart-item-list-labels>div:nth-child(4) span span {
    visibility: hidden;
}
.cart-item-list-labels>div:nth-child(4) span span:before {
    visibility: visible;
    content: "new qty";
}
.cart-item-list-labels>div:nth-child(5) span span {
    visibility: hidden;
}
.cart-item-list-labels>div:nth-child(5) span span:before {
    visibility: visible;
    content: "new price";
}
span._3qWE9VU-U span {
    visibility: hidden;
}
span._3qWE9VU-U span:after {
    visibility: visible;
    content: "new subtotal";
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $('.checkout-button span').html(function() { 
          return $(this).html().replace("CHECKOUT", "new checkout");  
    });
});
</script>

3 hours ago, tuanphan said:

Add to Settings > Advanced > Code Injection > Header

<style>
/* Cart page */
.cart-item-list-labels>span:first-child span {
    visibility: hidden;
}
.cart-item-list-labels>span:first-child span:before {
    visibility: visible;
    content: "new item";
}
.cart-item-list-labels>div:nth-child(4) span span {
    visibility: hidden;
}
.cart-item-list-labels>div:nth-child(4) span span:before {
    visibility: visible;
    content: "new qty";
}
.cart-item-list-labels>div:nth-child(5) span span {
    visibility: hidden;
}
.cart-item-list-labels>div:nth-child(5) span span:before {
    visibility: visible;
    content: "new price";
}
span._3qWE9VU-U span {
    visibility: hidden;
}
span._3qWE9VU-U span:after {
    visibility: visible;
    content: "new subtotal";
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $('.checkout-button span').html(function() { 
          return $(this).html().replace("CHECKOUT", "new checkout");  
    });
});
</script>

 

Thank you worked perfectly!

site: https://mistoa.squarespace.com/cart

password: 1234

Hi!

I'm having the same problem. For some reason Item and Quantity were automatically translated to Spanish, but Price wasn't.

I need to change Price to Precio (see screenshot attached.)

I tried with the code provided by @tuanphan but it didn't replace Price but became PricePrecio.

Can someone help me?

Thanks!

On 6/24/2021 at 10:18 PM, Begona said:

site: https://mistoa.mx/cart

password: 1234

 

Hi!

I'm having the same problem. For some reason Item and Quantity were automatically translated to Spanish, but Price wasn't.

I need to change Price to Precio (see screenshot attached.)

I tried with the code provided by @tuanphan but it didn't replace Price but became PricePrecio.

Can someone help me?

Thanks!

 

 

 

Can you share link to a product or shop page?

Hi @tuanphan

Sure, this is the link for the shop page: https://mistoa.squarespace.com/tienda

Thank you!!

On 6/28/2021 at 9:13 PM, Begona said:

Hi @tuanphan

Sure, this is the link for the shop page: https://mistoa.mx/tienda

Thank you!!

Hi. It looks like you solved this?

Hi @tuanphan

I didn't do anything, but it does look right now. Maybe it related to language somewhere?

Anyway, thanks so much for trying to help!

Hi there @tuanphan

I have the same issue. Want to translate shopping cart texts. Can you please help me to do it. Thanks a lot. Here is link to the website.

https://www.viviwake.com/cart

11 minutes ago, candyshop said:

Hi there @tuanphan

I have the same issue. Want to translate shopping cart texts. Can you please help me to do it. Thanks a lot. Here is link to the website.

https://www.viviwake.com/cart

By the way I managed to change some of texts but some remain unchanged. Marked it in red.

Folks please read the last paragraph in the following post.

4 hours ago, candyshop said:

I managed to change some of texts but some remain unchanged.

Without knowing the exact changes you want to make I can only provide a general example. Add the following to Design > Custom CSS.

#cart:not( .button-style-default ) .sqs-editable-button.checkout-button,
#cart .cart-title,
#cart .N6WOGS95z /* subtotal */

  {
  
    color : red;
    
    }