Category Images Tutorial

in , December 20th, 2021

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

This tells the site to fetch the new images.

Step 1: Navigate to Commerce > Content Management > Cache Invalidation Requests > New.

NetSuite cache invalidation request navigation

.

Step 2: From the Available Domains menu in the Cache Invalidation Request pop-up, select the domain you with to perform the cache invalidation for.

NetSuite cache invalidation request

Step 3: 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!

Hopefully, this post helped you set up your SuiteCommerce website and become more useful to customers. If you have any questions and want some free consulting advice, feel free to contact our team at Anchor Group.


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 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 this article!

.

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 here at Anchor Group 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
    Checkout