SuiteCommerce Category Images Tutorial

by Jacob Terneus in , November 18th, 2022

This tutorial covers how to add banner and/or thumbnail images to your commerce categories in SuiteCommerce.

We'll begin by uploading the image to NetSuite’s servers. 

Note: For best results, you will want all of your thumbnail images to be exactly the same size and have the same image ratios. Banner images on the other hand should be short and wide.

.

Add Image to the File Cabinet

Step 1: Navigate to the File Cabinet by going to Documents > Files > File Cabinet.

NetSuite file cabinet navigation

Step 2: If you don’t have one already, create a folder for your images somewhere within Web Site Hosting Files > Live Hosting Files > Site. You can see here that we created a folder for general site images and then a subfolder for category thumbnails.  

NetSuite hosted folder contents add file

Click 'Add File' to add your image to the folder.

Be sure to confirm that your image made it into the folder.

NetSuite confirm image location

.

Assign Image to Commerce Category

Step 1: Navigate to your list of commerce categories by going to Commerce > Content Management > Commerce Categories.

NetSuite commerce category navigation

.

Step 2: Click Edit on the category to which you will be adding images. 

edit NetSuite commerce category

.

The Page Banner and Thumbnail Image fields are the relevant fields here. The banner is displayed on the top of the category page for this category, while the thumbnail is displayed on the category page of the parent category if there is one.

page banner and thumbnail image commerce category fields

Step 3: In this example, we are only adding a thumbnail image. Select the file that you already added to the file cabinet.

Step 4: Click Save.

.

Cache Invalidation Request and Review Changes

Finally, you will need to submit a cache invalidation request to tell the site to fetch the new images.

Once the invalidation is submitted, you should be able to go check the category page and confirm that your thumbnail was added. In our example you can see that the Subjects category page was changed from this...

NetSuite category page without image

.

...To this:

NetSuite category page with image

All done! Enjoy your new site!

.

VIDEO: Commerce Category Tutorial

To learn more about uploading category thumbnails and banner images (or about working with categories in general) check out this tutorial video:

Hopefully, this helped you set up your SuiteCommerce website to become more useful to customers!

Get stuck in a step during this article?

We like to update our blogs and articles to make sure they help resolve any troubleshooting difficulties you are having. Sometimes, there is a related feature to enable or a field to fill out that we miss during the instructions. If this article didn't resolve the issue, please use the chat and let us know so that we can update it!


Oracle NetSuite Alliance Partner & Commerce Partner

If you have general questions about SuiteCommerce or more specific questions about how our team can support your business as you implement NetSuite or SuiteCommerce, feel free to contact us anytime. Anchor Group is a certified Oracle NetSuite Alliance Partner and Commerce Partner equipped to handle all kinds of NetSuite and SuiteCommerce projects, large or small!

We are a premium SuiteCommerce agency that creates powerful customer portals. Unlike our competitors, we have already solved your problems.


FREE SuiteCommerce Book for Continued Learning!

Want a free paperback copy of this NetSuite e-commerce book? We even pay for shipping... Order the free SuiteCommerce book today!

SuiteCommerce Book
 
 

Want to keep learning?

Our team of NetSuite professionals has written articles on a wide variety of NetSuite topics, from SuiteCommerce tips, to recommended NetSuite solutions, to available support services, and more! 

Your cart