Your product images are essential to ensuring your customers know exactly what they're getting before they make a purchase. Find out how to manage them here.
Skip to...
Uploading product imagesHow to manage product images
Managing product image in homepage and collection page
Display a single product image
Display multiple product images
Manage product images on the product page
Setting a default image
Arranging images in order
Matching images with variants (color)
Uploading product images
An important thing to note before we get started is that you need to create a product before uploading product images.
Once this is complete, a product image can be assigned to it by following the steps below:
Step 1
Navigate to the image tab from your dashboard > Catalog > Products > Select a product > Images tab.
Step 2
As seen above, you can upload an image by clicking the upload button or dragging and dropping one or multiple images in for a product.
Step 3
You can edit the image by:
- Cropping: Crop your image using custom dimensions, in square and circle shapes, or in 16:9 and 4:3 ratios.
- Inverting: Flip a color to the opposite color e.g., white turns into black.
- Removing the background: The platform can detect the foreground subject of the image, and erases the background.
Images formats
The maximum image size is 4472 x 4472 pixels with a maximum file size up to 20 MB. Brikl supports the following image formats:
- png
- jpg or jpeg
- gltf (standard file format for three-dimensional scenes and models)
Use 2048 x 2048 pixels for square product photos. This will ensure that your product displays well on mobile and desktop in high resolution. This also ensures that the pixel count is high enough to maintain its aesthetic when zooming in (which will show once the images are at least 800 x 800 pixels).
How to manage product images
Once successfully uploaded, images will be displayed like the picture in the screenshot below. Selecting these uploaded images to showcase on your homepage and collection pages as well as product pages.
Manage product images on homepages and collection pages
As you can see above, one product can contain multiple product images. You can either select them to display as a single product image or multiple product images.
Display a single product image
There are two setting format for displaying a single product image.
Setting format A: If you do not turn both toggles on (shown in collection and set as default), the first image will be shown as your default.
Setting format B: You can select the product image to show in the homepage and collection page by turning on the "set as default" toggle.
Only one "set as default" toggle can be turned on.
Display multiple product images
You can display multiple images in homepages and collection pages by turning on the "show in collection" function. All images that have been activated will be shown on both the homepage and collection page .
Manage product images on the product page
This configuration allows merchants to set product albums on the product page.
Setting a default image
If an image is set as default (toggled on), it will affect both the product page and product card.
Arranging the image order
You can arrange the order of images in the product album by adding the order number in the "image order" field.
Matching images with variants (color)
As seen below, matching image with variants will enable customers to see what each variant of a product will look like.
You can match an image with a specific variant (e.g., color) by selecting a variant option in the dropdown.