Learn how to install, configure and use Ecomly
Images are measured and set in pixels, for example, 800 x 800 pixels. Note that the first number is the width and the second is height.
We recommend organizing your images in a folder offline and keeping a backup in case you need them in the future or mistakenly alter one and wish to revert to the original.
Ecomly uses three types of Product Images for different locations and purposes:
Adding product images and galleries are options available on the right-hand side when adding or editing a product in your store from Products > All Products.
The Product Image is the main image for your product and is reused in different sizes across your store.
Select Set Product Image.
Select an existing image in your Media Library or Upload a new one.
Remove and Edit the product image if you’d like to change it, as needed.
Adding, removing, and editing a product image is done in the same way as featured images for posts and pages.
Product galleries display all images attached to a product through the Product Gallery meta box.
Create a Product Gallery using the same method as adding a Product Image, but using the Product Gallery meta box.
Images in the product gallery can be re-ordered easily via drag and drop. Simply reorder your images by moving them around.
To remove an image from the product gallery, hover over the image and click on the red “x.”
In Ecomly is possible to add video along images to show in the product gallery.
1. Select video type; Self-hosted, Vimeo or YouTube2. Chose a placeholder image 3. Add your video URL
Once a product image and gallery have been added, customers can see them in your store.
It’s also possible to Zoom and see a closeup of the image by hovering over it. And a Lightbox pops up so customers can see a highlighted closeup of the image against a dark background and, if there is one, view the gallery as a slideshow.
Touch gestures also work on mobile.
We recommend a minimum size of 800 x 800 pixels, width, and height. This renders well for the main/featured image, catalog image, and thumbnail image. Images that are larger are even better, especially if you’re selling items with great detail.
It’s possible to use images of lower resolution. However, your images are a key tool in selling and promoting your products and services online, so they should be of high quality.
WooCommerce automatically sets the size for you and generates images for customers to see on the front end.
Have a look at Fixing blurry product images.
Lightbox is a feature that opens your image or images against a dark backdrop, shining a light on them, similar to a real-life photo lightbox.
Yup, please for this setting please check the Single product template
If you’re looking at a product and hover over it you’ll notice the image zooms in where your cursor is on the image. This is helpful to get a closer and quick look at some products that might have intricate details that aren’t clear in their normal image in your store.
Yes, of course. For this setting please check the Single product template