At Shopblocks, we understand how important it is to have images on a website and look clean and professional in terms of layout. For this, we have different ways of presenting images. For this article, we will explain the most basic Image block.

Add an Image Block

To add an Image Block, go into Block > Add > Image.

Once you click on the Image block, the Image Library will appear. The Image Library contains all images which are on your Shopblocks website, including product images and anything else you download.

Upload an Image

To load an image from your computer, simply select the 'Upload' tab (which may automatically be selected if adding a new image block) and drag and files you wish to add in. These can be uploaded in bulk by dragging multiple images over.

If you are uploading one, it will automatically be selected to save and close. If you have uploaded multiple, check the highlighted blue border is around the image you wish to load onto the block.

To add any images which are already in your Image Library, select the centre tab 'Library', which will show all images on your website or are stored currently.

Stock Images

To add Stock Images is simple. Once on the Image Library, select 'Stock'. Then type in the searchbar what image kind you would like to add. All stock images in Shopblocks are from Unsplash. 

Once you have selected an image, click the top left icon on the image to download into your library.

Crop Images

To crop an image, click on the blue notepad in the top left of the image. Here, you can crop the image to square.

Go to Image Tab

The image tab will appear when an image block is selected.

Replace an Image

If you would like to merely replace an image on your website, click on the image and select 'Replace'

 Link an Image

Select the image you want to link, go to Image > Link, and add where you would like the image to direct to when clicked.

Edit an Image

If you would like to edit and crop an image, select Edit and crop the image from the Image Library.