Adding Images and Galleries to Craftrina Product Listings

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.

Types of images

Craftrina uses three types of Product Images for different locations and purposes:

  • Single Product Image is the largest image and refers to the main/featured image on your individual product details page.
  • Catalog Images are medium-sized images appearing in product loops, such as the Shop page, Product Category pages, Related Products, Up-sells, and Cross-sells.
  • Product thumbnails are the smallest images used in the Cart, Widgets, and (optional) Gallery thumbnails underneath the Single Product Image.

Adding Product Images and Galleries

Adding product images and galleries are options available on the right-hand side when adding or editing a product in your shop from Seller Dashboard > Products.

Adding Images to Product Listings

Product image

The Product Image is the main image for your product and is reused in different sizes across your store.

Select “Set Product Image”.

Adding Images to Product Listings

Select an existing image in your Media Library or Upload a new one.

Adding Images to Product Listings

Remove and Edit the product image if you’d like to change it.

Adding, removing and editing a product image is done in the same way as featured images for posts and pages.

Product Galleries

Add Images to the Product Gallery

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.

Adding Images to Product Listings

Reorder Images in the Product Gallery

Images in the product gallery can be re-ordered easily via drag and drop. Simply reorder your images by moving them around.

Adding Images to Product Listings

Remove Images from the Product Gallery

To remove an image from the product gallery, hover over the image and click on the red “x.”

Adding Images to Product Listings

Customer View

Once a product image and gallery have been added, customers can see them in your store.

Adding Images to Product Listings

It’s also possible to Zoom and see a closeup of the image by hovering over it.

Adding Images to Product Listings

Or customers can click the Magnifying Glass+ option in the upper right corner.

Adding Images to Product Listings

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.

Didn't find what you were looking for?

Shoot us a message and we’ll be happy to help!

Shopping Cart Items

Empty cart

No products in the cart.

Return to Shop
Search for:

Add address

X