Skip to main content

Adding Images to Sub-Category Pages in Magento

This guide explains how to add images to your sub-category pages, giving your customers a more visual and intuitive navigation experience. The process is straightforward and requires minimal effort to set up.

image.png

Step 1: Log in to Magento’s Backend

  1. Open your browser and go to your admin panel.
    Example: mywebsite.co.uk/cssadmin

  2. Enter your provided username and password.


Step 2: Navigate to Categories

  1. In the left-hand menu, go to Catalogue > Categories.

  2. Select the parent category you want to enhance (e.g., Laundry).

    For example, if “Laundry” has child categories such as Washing Machines, Washer Dryers, and Tumble Dryers, you can assign images to each child category.


Step 3: Add an Image

  1. With your chosen category selected, expand the Content section.

  2. Locate the image box. You can either:

    • Click the box and upload an image from your local computer, or

    • Drag and drop the image file directly onto the box.

Image guidelines:

  • Use square images for the best results.

  • Recommended maximum size: 300 × 300 pixels.

  • Format: JPG or PNG.

firefox_mPArF7lie2.gif


Step 4: Save Your Changes

  1. Once the image has been added, click Save at the top right.


Step 5: Clear Magento’s Cache

  1. Go to System > Cache Management.

  2. Click Flush Magento Cache.


Step 6: View on the Frontend

After the cache is cleared, the images you’ve added will appear on the front end of your website, enhancing your category navigation.