In this article, you will learn how to upload an image and use the Image Manager to edit and organize your images. You can check the video tutorial here:
The Image Manager is built to essentially help you save time on designing and improving work efficiency.
You can find the Image Manager in:
- General setting of Image elements
- Background setting of any section
- Cover Image setting of HTML Video element
- Access Extra Functions > Media files
When you upload an image to your page, it will be stored in the Shopify Content > File.
Then, they will be reflected in the Image Manager on PageFly
1. Upload an image
Click the icon named “Select from Image Manager” to upload the image.
In Image Manager, you have 3 options to upload an image:
- Upload from computer
- Import from Internet
- Select from Image Manager
1.1. Upload from computer
Click Upload From Computer button > pick the image from your device.
1.2. Import from the Internet
Click the icon next to Upload From Computer button > copy the image address and paste to the input.
1.3. Select from Image Manager
If you want to use a recently uploaded image, simply choose Select from Image Manager.
1.4. On-hover options
When you hover over an uploaded image, you can find 2 options:
- Re-select another image from Image Manager. The Image Manager will pop up.
- Remove the image from display
2. Use the Image Manager
The Image Manager has 2 tabs: Media files and Legacy images.
Let’s look at the Media files tab first.
Inside the Image Manager, you have 2 options to add images in. You can:
- Upload from computer
- Add from URL
Extra tip: It’s handy to remember that you can even drag images from your computer and drop add files.
If you drag in 1 image, it is selected by default.
If you drag in multiple images at the same time, no image is selected.
2.2. Search
You can search for one, or multiple images that have similar names using the Image Search.
2.3. Sort images
There are 4 options:
- Title (A – Z)
- Title (Z – A)
- Update date (Newest)
- Update date (Latest)
- Size (largest first)
- Size (smallest first)
2.4. Open media files
When you click on the Open media files, you will be directed to the Media files ( you can find it by head over to Extra Functions > Media files in the home screen)
