Adding Learn More button in Collection page

Store Design
1

Hi

I want to add a button under each product on the Collection page that says ‘Learn more’ (below the ‘Choose Options’ button) and then links to the relevant product.

Looking at screen recordings, visitors don’t realize the images are clickable and are just getting stuck and leaving the site.

I am using Refresh v11. Webpage in question is https://soundscribestore.com/collections/frontpage

Any feedback would be most appreciated!

Thank you

2

HI @SoundScribe

This is Mike from Omega

If you would like to add this button, you just need add some liquid code to the card-product.liquid. You can add code below to the position you want

Learn more

Something like this:

MikeOmega_0-1692433147411.png
MikeOmega_0-1692433147411.png370×433 10.6 KB

Hope my answer will help you

Mike from Omega

3

Hi Mike

Thank you for your message. I added that code now and it now displays on the page.

However, when I click on link, it takes me to a page with the 404 error.

Is there a specific area in the card-product.liquid page where I need to add the code?

4

Hi @SoundScribe

You have to add this code at least inside the div with class “card-content”

1 Like
5

That worked, thank you!