You can add a category main image and a category thumbnail to existing categories. If you are creating a new category you need to first save it, then the image field becomes available.
Add Images to Categories
Go to Products->Categories and click on a category. Scroll down to the Images section and click on Add Images to open the Media Storage.
The Media Storage will show all images that you had previously uploaded to your store. From here you can select from existing images or upload new ones:
Click on Select Image and save the changes for the category. Make sure to refresh.
The Main Image is typically used as a Banner on the Category Page. It can be Drag & Drop added to the top of your Categories in Edit My Design > Category Template.
The thumbnail Image is typically used in the "Subcategory List" block that can be added to your Category template. It is a smaller image that will best represent the category when presented in a list (see below example)
The thumbnail Image is also used in the "Mega Menu" used by the "Santi Theme" Learn more about Using the Mega Menu Here
The Promo Image (when one exists) replaces the Thumbnail Image in the Mega Menu. Learn more about Using the Mega Menu Here
Edit Your Category Design
In Edit My Design open the Catalog template to edit the design for your category pages.
You will need to add the Category Image block or the Category Thumbnail block to see the images on the frontend.
Click +Add in the top left of the page to open the block menu. Under Category you'll find the two blocks that you can drag and drop into the template.
Once you are done designing the category template, click on "Save Draft" or "Publish" in the top right of the page.
Updated about 4 years ago