Instructions

Once you have added the 'image with focuspoint' block to your page, a setup screen with instructions will appear.


 

Focuspoint

The focuspoint section includes a helper tool that assists in determining where you want to position your focus within the selected image.

Helper tool

Locate the selected image in the setup screen. Click anywhere within the image to set the focus point. The chosen area will always be displayed regardless of the screen or image container size.

Y-field & X-field

These fields contain the coordinates for the focus point in the picture. You can manually enter these values or use the helper tool in the setup.

HTML

Image height

You have the option to enter the height (in pixels) or let the image block calculate it based on the user's screen size. You can choose from percentages of the screen height such as 100%, 75%, 50%, and 25%.

The default image height is always set to 300 pixels.

Image Link (optional)

You can include both an internal and external link for your image. Please note that an external link will always open in a new window.

Alt text & Title (optional)

You can provide alt text and a title for the image if desired, although this is optional.

Notes

In order to see the updated changes, please refresh the page for certain settings.

If you want to test the responsiveness of the add-on image and observe changes in image height, you may need to refresh the page.