Shopify themes, liquid, logos, and UX
https://alumnivintage.myshopify.com/
Hi guys, above is my page. I'd like to make the logo on the header hover to another image (the same size image just in another color, black and white) I have both images as jpgs ready, I just am not sure how to edit this in the theme.
I have successfully added hover over product images, but this seems harder as I don't know where to look for the logo css.
Thanks for reading!
Andrew
You may find the CSS in either theme.scss.liquid or timber.scss If you need support you may send DM
Hi
Thanks for the tips. Do you know what I'm looking for? I'm not sure where I can attempt to edit this cause I'm not sure what the code will look like for the logo image
@alumnivintage
Hello,
It would require advanced Liquid/CSS knowledge to implement this feature, I'm afraid that unfortunately there is no simple copy-paste solution otherwise I'd happily guide you through.
Basically you'd need to:
1. Code an area in the customize page to choose a "hover logo image"
2. detect the hovering via CSS
3. Hide the image on hover and show the newly coded one on
In case you're unfamiliar with these technologies you'll likely need to hire a Shopify developer to assist you.
If it is of your wish, I present myself available to help you.
I've been hired by 25+ people from this very forum, you can read their recommendations about my work clicking here.
Thank you!
Kind regards,
Diego
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024