How can I add a hoverable link to product page text?

Store Design
, , , , , ,
1

Screenshot 2023-12-04 at 17.06.03.png
Screenshot 2023-12-04 at 17.06.03.png2608×1542 233 KB

Hello!

See above, I would like add a link to this uppercase text above the titles on all product pages, redirecting internally to the collection page https://plantedjournal.shop/collections/nouns

I would also like to make the text turn solid green #184F2E when hovered on; it’s currently a faded version of this green.

The site is www.plantedjournal.shop

Any help would be greatly appreciated!

2

Hi @antoinelacour it is a great idea to have the link on the word, but it can’t be just done by CSS, you need to add the Javascript to achieve this, also for styling like on hover it changes the color that can be done with CSS.

Or the other option is you can edit the liquid code in your theme to have the link attached to that word and then ass the custom css for styling.

If you will unable to implement the same then I’m happy to do this for you, let me know. I can implement the code changes so that this will work well for you.

Hopefully it will help you. If yes then Please don’t forget hit Like and Mark it as solution!

Best Regards

Sahil

3

Hi @sahilsharma9515 thank you for letting me know! If you’re able to provide me with the code I would definitely appreciate it, since I can’t code myself. Whatever option you think is best, with Javascript code or liquid code and CSS. Thank you!

4

Hi @antoinelacour Sorry but I can’t provide the code, for providing the code I need to look into you theme files code, then only I can create the custom code that will work well with your theme.

Best Regards

Sahil

5

Ok @sahilsharma9515 what did you mean when you said you would be happy to do this for me? How can we achieve this result? I’m open to your suggestions.

6

Hi @antoinelacour this means if you need I can do it for you. and for doing it I will need the access of your store. So that I can look into the code files to provide you the code.

Best Regards

Sahil

7

Thanks for clarifying @sahilsharma9515 How can I securely give you access to the code?

8

Hi @antoinelacour

There are two ways to do this,

  1. You can provide the access of on my email or
  2. You can provide the shopify store URL(your store name/URL.myshopify.com) so that I can send you the Collaborator access.

Also can we move this conversation from here to whatsapp or email or private message in shopify whichever is suitable to you.

Best Regards

Sahil