Managing Media Settings in nopCommerce

In nopCommerce, media settings describes how to set the media details of your store site.  These settings give full control of how media is stored in a nopCommerce store site to the administrator.  This includes everything where media is involved such as:

• How your product images are stored.
• The image quality / compression rate.
• Dimensions of product images, category images and avatar,…etc.

Here we look into the administration area to learn how you can manage media settings in nopCommerce.

Go to: Administration -> Dashboard

Navigate to: Configuration -> Settings -> Media Settings

• Now, you will be on Media settings page.
• Make sure you change the mode to advanced mode to see all the media settings.
• All the settings are categorized into: Common, Product and Other pages (screenshot below)

Note: Media settings page enables you to define multi-store configuration as well, it means that the same settings can be defined for all stores, or differ from store to store. If you want to manage settings for a certain store, choose its name from Multi-store configuration drop-down list and configure all needed check boxes at the left side to set custom value for them.

 

COMMON SETTINGS

• Pictures are stored into…: Allows you to choose between database or file system.
  • IMPORTANT NOTE: Always make sure to take a full backup of your database before clicking the Change button
• Maximum image size: Enter the maximum image size image size (meaning, the longest side) allowed for image upload (pixels)
• Multiple thumb directories: This can be useful when your hosting company has limitations on the amount of files per directory
• Default image quality (0 – 100): Define the the quality of uploaded images is set
• Import product images using hash: Enable this to use HASHBYTES
• Picture zoom: This allows picture zoom on product details page

PRODUCT SETTINGS

• Product detail image size: Enter the default size for the product detail images in pixels
• Product thumbnail image size (catalog): Enter the default size for the product thumbnail images displayed on category or manufacturer pages in pixels
• Product thumbnail image size (product pages): Enter the default size for the product thumbnail images (pixels) displayed on the product details page
• Associated product image size: Enter the default size for the associated product images in pixels (for grouped products)

OTHER PAGES SETTINGS

• Category thumbnail image size: Enter the default size for the product thumbnail images on the category pages in pixels
• Manufacturer thumbnail image size: Enter the default size for the product thumbnail images on the manufacturer pages in pixels
• Vendor thumbnail image size: Enter the default size for the product thumbnail images on the vendor pages in pixels
• Cart/Wishlist thumbnail image size: Enter the default size for product thumbnail images in the shopping cart and wishlist in pixels
• Mini-shopping cart thumbnail image size: Enter the default size of the product thumbnail images displayed in the mini-shopping cart block in pixels
• Avatar image size: Enter the default size for avatar images In pixels

 

I hope this helps you to customize the look of your site.

 

Visit Everleap to learn more about our nopCommerce hosting solutions

 

About Guest Blogger: Lavish Kumar

Based out of New York, USA, Lavish Kumar is a full stack web developer by profession and founder of Striving Programmers, a resource of nopCommerce tutorials and a trusted community for developers that offers a wealth of articles and forums to assist individuals with improving their software development skills. He’s been a nopCommerce MVP for the past 8 years, winner of nopCommerce award and is passionate about nopCommerce, writing tech articles and building great web applications. Lavish is an active open-source contributor, author of the official nopCommerce designer’s guide and is often found on the nopCommerce forum assisting users to resolve problems. Lavish specializes in custom web applications, e-Commerce platforms, CMS implementation and CRM systems. Lavish’s technical experience also includes development of custom nopCommerce themes and plugins for a wide variety of users and his dedication to nopCommerce is evident in all of his projects.