Display Image as Button

Hi @alonagomez

Yes, it’s possible.
To do so, “Add New” View item, assign the Image field, Save.
Then copy the ‘Template Preview’ content into the ‘Custom Template’, modify the image markup as per my example below, to output a link instead of the image.

{% if image.value %}
	<a href='{{ image.value }}'>
	    Full size
	</a>
{% endif %}

You can now add the shortcode to your page, and come back to the View and add CSS in the ‘CSS & JS’ tab to style your button.

Hi@alonagomez

You could try restricting the style to the specific button text, see below for an example. Paste it into your Views CSS & JS Tab in the CSS Code field.

#view .views-button a {
color: #ffffff;
}

You would also need to include a class for your template element.

{% if image.value %}
    <div class="views-button">
	    <a href='{{ image.value }}'>
	        Full size
	    </a>
    </div>
{% endif %}