Make images with url, editable in dawn.

Solved
AdolfoCV
Excursionist
28 4 3

Hello, I would like to know if there is a way to use the direct url label to the image so that I no longer use the text label.

Also see that it does not generate an error in the console for using the same link. since as it does not open text, it would respond to error.

page : https://thn.pe/pages/marcas

Marcas1.PNG

Accepted Solutions (2)
AdolfoCV
Excursionist
28 4 3

This is an accepted solution.

<a href="{{ block.settings.image_link }}" style="display: block;position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 100;"></a>

 

(above)
{%- endif -%}
<div class="multicolumn-card__info">

View solution in original post

AdolfoCV
Excursionist
28 4 3

This is an accepted solution.

in multicolumn.liquid


}
/* Estilo inicial para el contenedor */
.multicolumn-card {
transition: filter 0.3s ease;
}

/* Estilo cuando se pasa el mouse por encima del contenedor */
.multicolumn-card:hover {
filter: brightness(0.7); /* Ajusta el valor para cambiar la intensidad del oscurecimiento */
}

{%- endstyle -%}

View solution in original post

Replies 2 (2)
AdolfoCV
Excursionist
28 4 3

This is an accepted solution.

<a href="{{ block.settings.image_link }}" style="display: block;position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 100;"></a>

 

(above)
{%- endif -%}
<div class="multicolumn-card__info">

AdolfoCV
Excursionist
28 4 3

This is an accepted solution.

in multicolumn.liquid


}
/* Estilo inicial para el contenedor */
.multicolumn-card {
transition: filter 0.3s ease;
}

/* Estilo cuando se pasa el mouse por encima del contenedor */
.multicolumn-card:hover {
filter: brightness(0.7); /* Ajusta el valor para cambiar la intensidad del oscurecimiento */
}

{%- endstyle -%}