I would like to make the entire element clickable

Store Design
,
1

Hello!

I’m using PageFly for my landing page and would like to make an entire element clickable. I have three product cards that only the text is clickable. How can I make the entire element/card clickable?

Screenshot 2024-09-23 114557.png
Screenshot 2024-09-23 114557.png1883×898 301 KB

I would need a code for both desktop and mobile as they are different elements depending on the device. I also have a copy of the elements on a separate page: https://coffeeinboxes.com/pages/coffee-boxes

Same as the landing page, this separate page will have an element for desktop and an a copy of the element for mobile.

Any help with this is greatly appreciated!!

Page URL: https://coffeeinboxes.com/

Thanks!

2
  • Here is the solution for you @SantosBaez
  • Please follow these steps:
  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.liquid file
  3. In theme.liquid, paste the below code before and press ‘Save’ to save it
  • Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.
3

Hello there!

I pasted the code you provide before and saved it, but it’s not working. Am I pasting it in the wrong place or doing anything wrong that you can tell?

Screenshot 2024-09-23 121212.png
Screenshot 2024-09-23 121212.png1916×908 73.5 KB

Thanks!

4

You added it in the wrong place. before the tag not it’s a bit below @SantosBaez .

5

The only I see in the code is this one:

Screenshot 2024-09-23 124235.png
Screenshot 2024-09-23 124235.png1911×914 74.4 KB

I pasted your code before it and it didn’t work.

6

Can you re-paste it so I can check it again?

7

Hi! Sorry for the late reply! I pasted the code again before for you to check. I’m still unable to get the entire product card clickable.

8

@BSS-TekLabs Oh! So the product card is clickable on the page: https://coffeeinboxes.com/pages/coffee-boxes

9

Also, it only works on dektop screen on the page: https://coffeeinboxes.com/pages/coffee-boxes

I would like it to be clickable on a mobile screen as well.

10

Hi, is the problem solved, is there anything else I can help with @SantosBaez ?