Image

Add an image widget to your template.

Overview

You can add an image widget to your template. The widget can be later customised within the BaseKit Editor.

To include an image widget in your template you will need to add the following line:

{{widget('image', 'thisuniquewidgetname', { 'src': asset("furcoat/images/my-image.jpg"), 'title': 'my image', 'alt': 'my image', 'fileName': 'my-image.jpg', 'fileSize': '58kb', 'imageSize': '440 x 660', 'imageWidth': '90px'})|raw}}

Widget Options

You can change the following options for the widget:

  • src: A relative url of the image, e.g. asset("furcoat/images/my-image.jpg")

  • title (optional): The image title

  • alt (optional): The image alt attribute

  • fileName: The image file name, e.g. my-image.jpg

  • fileSize: The image file size

  • imageSize: The image size, e.g. 440 x 660

  • imageWidth: The image width you want to display on the site, e.g. 90px