Make image link in static block

Question

I have this static block:

<div class="interior-block-slide" style="background-image: url({{media url='wysiwyg/typostores/typologancee/images/home07/vertical-blinds-full- frontend.jpg'}});">
<div class="interior-inner">
<h4 class="title"><a href="https://www.wallpapershop.gr/en/blinds/vertical-blinds.html">VERTICAL   BLINDS <a href="https://www.wallpapershop.gr/en/blinds/vertical-  blinds.html"><span class="price">COLLECTION</span></a></h4>
</div>
</div>

I manage to insert href links for some words but I also want to make the whole image inside this div class :

<div class="interior-block-slide" style="background-image: url({{media url='wysiwyg/typostores/typologancee/images/home07/vertical-blinds-full- frontend.jpg'}});">

link. How can I insert in this div the href link please?

Answer 1

Try below code:

<div class="interior-block-slide" style="background-image: url('{{media url="wysiwyg/typostores/typologancee/images/home07/vertical-blinds-full- frontend.jpg"}}')">

Your syntax seems to be wrong.

Answer 2

----- Add Background Image in static block -------

  <div style="background-image: url('{{media url='wysiwyg/testing-image-name.jpeg'}}');">
       <a href="{{store direct_url="enter_your_link_here"}}">Enter Link Name</a>
  </div>

------- Demo -----------

Onclick "Enter Link Name" It'll redirect to your respective URL