PhMA
September 20, 2024, 8:55pm
1
Dear Community
We are using the refresh theme, how can I apply that upon hover over of the button the button fill will change
reversed based on existing color schema, so for example I have the following buttons:
already filled buttons:
upon hover over the should change to this style :
and then these button styles:
upon hover over, they should get filled, like so:
how to achieve that behavior?
thanks
1 Like
Hi @PhMA
Would you mind sharing your store URL? And which buttons you like to add the hover? Thanks!
1 Like
PhMA
September 20, 2024, 11:34pm
3
@Made4uo-Ribe preview link: https://ahevwo2awzzu5sq4-61049766108.shopifypreview.com I’d like to have this behavior on all the buttons on the webpage, thanks
Thanks for the info, check this one.
From your Shopify admin dashboard, click on “Online Store” and then “Themes”
Find the theme that you want to edit and click on “Actions” and then “Edit code”.
In the “theme. Liquid” file. Find the tag and paste the code below before the tag.
{% if template.name == 'index' %}
{% endif %}
And Save.
Result:
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!
PhMA
September 23, 2024, 9:14pm
5
@Made4uo-Ribe many thanks, but:
on this wepage it is not working: https://n13b197j6p357krg-61049766108.shopifypreview.com
sobre matu ->¿Qué es Matu Mate®?
then “origen de yerba mate” subpage → at the bottom “mas productos” , its also not working
Ser Distribuidor footer page → at the bottom “nuestros productos” its also not working
then all the buttons “aggregar al carrito” (to add to a basekt) on all the products, its not working → there the “behavior” need to be the other way around…
PhMA
September 27, 2024, 10:05pm
6