How can I change the 'Quick View' button text to Spanish on my website?

Solved

How can I change the 'Quick View' button text to Spanish on my website?

Okoneko
Tourist
13 0 0

Hello community

I want to change some text that appears on my website. It is exactly the "Quick view" button that appears when I place the mouse pointer over the image. You can see screenshot for more information.

 

Captura de pantalla 2023-11-16 a las 13.20.58 copia.jpg

 

This text actually appears in English, but it should appear in Spanish, since the language of my store is Spanish.

I have tried all the "official" ways to make the change, but I can't.

Could it be done from code?

Someone help me?

The url of my store is https://clubfamiliasenlazadas.com/

The theme of my store is "Impulse"

Millions of thanks 🙂

Accepted Solution (1)

websensepro
Shopify Partner
1053 149 156

This is an accepted solution.

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find base.css file

 

span.quick-product__label {
  visibility: hidden !important;
}
span.quick-product__label:after {
  content:'Write text ' !important; 
  visibility: visible !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  background-color: var(--colorBtnPrimary) !important;
 
}
Need a Shopify developer?
Hire us at WebSensePro
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel or buy us a Cofee here

View solution in original post

Replies 3 (3)

websensepro
Shopify Partner
1053 149 156

This is an accepted solution.

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find base.css file

 

span.quick-product__label {
  visibility: hidden !important;
}
span.quick-product__label:after {
  content:'Write text ' !important; 
  visibility: visible !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  background-color: var(--colorBtnPrimary) !important;
 
}
Need a Shopify developer?
Hire us at WebSensePro
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel or buy us a Cofee here
Okoneko
Tourist
13 0 0

¡Thanks 🙂

Small_Task_Help
Shopify Partner
491 15 35

Hi,

 

click on "Actions" and then choose "Edit languages and replace the Quick view with Vista rápida

Click here to Contact and Get Shopify Store Help
E-mail - hi@ecommercesmalltask.com
We are Shopify Experts   from Ecommerce Small Task Company.