How can I modify the quick buy text on my product grid?

Store Design
, ,
1

How can i change the text of products grid ( the text of the bottom you buy the product )? My website is www.nonastore.com.br

imagem_2022-12-28_152425137.png
imagem_2022-12-28_152425137.png1920×1080 381 KB

I’m talking about this " Compra Rápida" when you put your mouse on the products without clicking

2

Do you want to replaceCompra Rápida with different text??? @nonastore

3

Exactly what i want

4

Also i want to know how to deactivate this buttom. And how to replace the text

5

is the issue fixed with Derek Solution? :joy: @nonastore

6

It looks like the buttom disappeared for Desktop, but for mobile mode it’s still there. I want to remove for mobile too and also i want to know how to replace the Text because when i try to replace the text on Product grid layout there’s no option to replace the text.

7

Hi @DerekDon follow the below step to chnage the text.

Online Store > Themes > Actions > Edit Code (Three Dots) > Edit Default theme content > Search for - Compra Rápida and change the text.

Thanks

Also please elaborate what you want to hide in bottom. @nonastore

1 Like
8

I changed the text, thank you so much. What i wanted to say is hide the buying and add to cart button on home page for mobile. I want only the price and the title there.

imagem_2022-12-28_160911354.png
imagem_2022-12-28_160911354.png414×910 156 KB

9

@nonastore

10

Hello,

to hide the button on mobile follow the below step.
Online Store > Themes > Actions > Edit Code > On left search style.min.css > open the file and at the end of the file add the below code.

@media only screen and (max-width: 549px){.jas-grid-item .jas-add-btn:not(.pa) {
    display: none;
}
}

Hop this helps

Thanks

1 Like
11

@nonastore please accept the solution if it worked.

Thanks