How to add product pictures in nopCommerce

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):

 

 Looking for quality nopCommerce Web Hosting? Look no further than Arvixe Web Hosting!

Tags: , , , , | Posted under nopCommerce | RSS 2.0

Author Spotlight

Lavish Kumar

Founder, developer and owner of StrivingProgrammers.com - By profession, he is a software programmer / web developer, web designer & DBA. He is passionate about technology and electronic gadgets. He enjoys writing tech articles and developing web applications. He is a nopCommerce MVP and author of official nopCommerce Designer's Guide.

One Comment on How to add product pictures in nopCommerce

  1. Akash Jain says:

    Hi Lavish,
    Thanks for sharing this awesome tutorial!
    I was searching for this since many days!
    Regards,
    Akash Jain

Leave a Reply

Your email address will not be published. Required fields are marked *