Adding quality product pictures to the store site is an important design aspect of any e-Commerce website. Without the ability to touch or feel the actual product, pictures are the only medium that convince online shoppers to buy the product.
Today, we will go over the process of adding product pictures in nopCommerce.
From the Catalog menu, select Products > Manage Products.
Click Edit beside the product to edit and select the Pictures tab, as follows:
From the Add a new picture area, in the Picture field, click the Upload button, and navigate and select the new picture you want to upload to your product page.
Alt: Override “alt” attribute for “img” HTML element. If empty, then a default rule will be used (e.g. product name).
Title: Override “title” attribute for “img” HTML element. If empty, then a default rule will be used (e.g. product name).
Display order: Display order of the picture. 1 represents the top of the list.
After selecting / uploading a new image – Click Add product picture.
You can change the order of the images at any time and then click Edit to update the site with the new picture.
Result (product page):