Additional Product Images

Last updated

Each product can have one main image and any number of additional detailed images. The thumbnails of the detailed images are shown below the right panel below "Add to cart" button on the product page. Here's a great article that explains why product images are important and gives examples of good practices that will help to increase sales: http://baymard.com/blog/ux-product-image-categories

How to upload additional images

  •  Log in to the Ecwid Control Panel. 
  • Go to the Catalog tab, select the necessary product for editing. 
  • Open the "Gallery" tab and upload the necessary images. They will be shown on the product details page.

gallery1.png

See it in our demo store: https://www.ecwid.com/demo/ONeill-Corrie-Dress-p70178256

How to remove the image name below the detailed image

Apply this CSS code: 

div.pswp__caption__center { 
display:none;
} 

Does the gallery show the images in original size?

When a customer opens a product page, he/she sees the thumbnails of all additional images. When any thumbnail is clicked, Ecwid shows a popup with a bigger image. All images are automatically resized to fit the size of the customer`s browser window which allows to see the whole image without the need to scroll the page.

If the customer clicks a re-sized image, the image will be displayed in a new browser tab in its original size. If the image already fits the browser window it will not be resized. 

 

 

Was this article helpful?
1 out of 1 found this helpful
Questions?
Get help
  • Forums

    Join the Ecwid community. Discuss support topics and store ideas with other Ecwid users.

  • Contact us

    Still have questions about Ecwid? Let us know! We will be glad to help you with your Ecwid store.

  • Status Monitor

    Get real time status updates on Ecwid services here, 24/7