Making an entire block clickable/linked?

Site URL: https://felixmarcusanderson.com/

I would like the two full-bleed image blocks on my site home page to be clickable and lead the visitor to the same links that the buttons currently on the blocks do. I don't want to remove the buttons or the animations. Is this possible?

Thanks

Hi. Which plan do/will you use? We can give the solution.

On 2/4/2021 at 1:59 AM, tuanphan said:

Hi. Which plan do/will you use? We can give the solution.

Hi @tuanphan - first thank you so much - your responses in this forum have saved me soooo much time. You're amazing! 🙌🙏☀️

I have the same question as the person above. The site I'm working on uses the Commerce Advanced plan.

I'd like to make both the button and image of the image card block clickable, but if that's not possible, the entire block clickable.

I'm working on this page, but for now can be accessed through: https://littleyellowdoors.com/test-home 

The block ID for the image card is (it already has code to make it full width):

#block-yui_3_17_2_1_1643528015607_13095

The section ID is: 

section[data-section-id="61f63f6a32982f3789c79655"]

On 1/30/2022 at 5:22 PM, StoriesAroundTheSun said:

Hi @tuanphan - first thank you so much - your responses in this forum have saved me soooo much time. You're amazing! 🙌🙏☀️

I have the same question as the person above. The site I'm working on uses the Commerce Advanced plan.

I'd like to make both the button and image of the image card block clickable, but if that's not possible, the entire block clickable.

I'm working on this page, but for now can be accessed through: https://littleyellowdoors.com/test-home 

The block ID for the image card is (it already has code to make it full width):

#block-yui_3_17_2_1_1643528015607_13095

The section ID is: 

section[data-section-id="61f63f6a32982f3789c79655"]

 

You mean make this image + button clickable?

7 hours ago, tuanphan said:

You mean make this image + button clickable?

Yes! Sorry for not making that clear. The top section with the photo of the three pieces and the "Shop Now" button. It's a card image block, so it's only allowing the button to be linked. 

On 2/4/2022 at 2:23 PM, StoriesAroundTheSun said:

Yes! Sorry for not making that clear. The top section with the photo of the three pieces and the "Shop Now" button. It's a card image block, so it's only allowing the button to be linked. 

Add to Settings > Advanced > Code Injection > Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
  $(document).ready(function() {
	$("div#block-yui_3_17_2_1_1643528015607_13095").click(function() {
  window.location = $(this).find("a").attr("href"); 
  return false;
});
});
</script>
<style>
  div#block-yui_3_17_2_1_1643528015607_13095:hover {
    cursor: pointer;
}
</style>

On 2/8/2022 at 3:33 AM, tuanphan said:

Add to Settings > Advanced > Code Injection > Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
  $(document).ready(function() {
	$("div#block-yui_3_17_2_1_1643528015607_13095").click(function() {
  window.location = $(this).find("a").attr("href"); 
  return false;
});
});
</script>
<style>
  div#block-yui_3_17_2_1_1643528015607_13095:hover {
    cursor: pointer;
}
</style>

 

You are seriously amazing @tuanphan! Thank you!!! 🙏☀️✨