How do I add Image blocks?

At Shopblocks, we understand how important it is to have a clean and professional layout of images on a website. Because of this, we have different ways of presenting them. For this article, we will explain our most simple Image block.

Add an Image Block

To add an Image block, go into Block > New > Image.


Once you click on the Image block, the Image Library will appear. This contains all images which are on your Shopblocks website, including product and blog images.

Upload an Image

To load an image from your computer, simply select the Upload tab (which may automatically be selected) and drag in the files you wish to upload. It's worth noting that you can upload in  bulk by dragging across multiple images.


If you are uploading only one image, it will automatically assign it to the Image block. However, if you have uploaded multiple images, check the highlighted blue border, as this will confirm which image is currently selected.

To view and select any images that are already in your Image Library, select the tab Library.

Stock Images

We have made it simple to add Stock Images to your Image Library. Simply select the Stock tab and type into the search bar some keywords for results. All stock images in Shopblocks are pulled from Unsplash.

 

Once you have found an image, click the download icon in the top left hand corner to download it to your library.

Crop Images

To crop an image, click on the notepad icon in the top left hand corner of the image.

Go to Image Tab

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

Replace an Image

If you would like to replace an image on your website, click on the image itself and select Change.


Link an Image

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


Edit an Image

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