The Shopblocks Image Library is where you store and manage the images you’d like to use on your site.
Navigation
Located at the top of the Image Library, you will find the tab navigation that allows you to either upload new images or select from the ones already in your library.
Upload
The Upload panel allows you to copy images from your computer into the Image Library in as little as one click. Drag your image(s) from any file explorer/finder on your computer into the Upload panel and you’ll see the progress of each image upload.
Alternatively, click on the ‘Select Files’ button and use your system’s file manager to select which files to upload.
A Quick Note About Upload Requirements
All files must be at least 256px by 256px in size. This is to make sure that all the images on your shop website are of a suitable quality, as customers tend to be put off by poor quality images. We encourage you to upload the highest resolution images possible below then maximum dimensions of 4096px by 4096px.
The maximum dimensions for an image upload are 4096px by 4096px.
The maximum file size of any one image is 20MB. File types that are permitted to be uploaded are jpg, jpeg, png, or gif.
Library
On the Library panel, you can find a search box, search filters and an image panel where you click images to select them for use.
At the top right of the Image Library there’s the Save and Close button, which closes the Image Library and saves your changes. The number of currently selected images is also shown here.
Stock
To add Stock Images is simple. Once on the Image Library, select Stock. Then type in the search bar what image kind you would like to add. All stock images inside Shopblocks are from Unsplash.
Once you have selected an image, click the top left icon on the image to download into your library. This will automatically guide you back to the upload tab to check its upload progress.
Select
Simply click on an image to select it, which will be highlighted with a green border. Click on the image again to deselect it. Each image comes with two buttons - a delete (rubbish bin) button and an edit button for easy management of your image library.
Type in the search bar and the Image Library will find all images matching your search term by searching through file names and any text associated with that image (such as ‘alt. text’ you specify on the Edit panel).
Filters
You can use the filters section to narrow down your search or to view images that are associated with products or categories only, for example.
Selecting & Editing Images
Edit an image by clicking on the edit icon found on each image in the Image Library either in the Upload panel or the Library panel.
Here you can change the name and alt. text of the image, and crop the image as desired.
To crop an image, click on the blue notepad in the top left of the image. Here, you can crop the image to square.
All images uploaded for products, categories and pages are made square by the Image Library for best results on all screen sizes. If the image you are uploading is not square, the Image Library will add extra white space around it to compensate. To remove this white space you can crop the image yourself.
You don’t need image editing software installed to resize – there are a number of free services available to resize and crop images:
Deleting Images
Click on the delete button (depicted as a rubbish bin icon) located on the image you want to remove. Please note that once an image is deleted, it cannot be recovered.
Before deleting an image, always ensure that you are certain you no longer need it. If the image is being used on one or more products, categories, or pages, the Image Library will notify you and give you the option to cancel the deletion process if you choose to do so
