Adding Images to Product/Category Descriptions
page last edited on 28 September 2016
You can easily add images to category/product descriptions.To add an image to the description of a category or a product, follow the steps below:
- In your store’s back end, open the details of the product or category to which you want to add an image.
- On the WYSIWYG editor panel at the top of the Description field, click the Insert/edit image button. A popup window will be displayed allowing you to specify the source of the image that needs to be inserted into the description:
- Specify the image URL. You can use an absolute URL to reference an image on another website or a relative URL to reference an image uploaded onto your store’s server as described in the article Uploading custom images onto your store’s server. For the sake of example, we’ll use the URL of an image that we previously uploaded onto the store server. Here’s where we have copied it from: And here’s where it needs to go in the Edit image popup:
Click OK (or similar button) to insert the image into the description. The image will be inserted into the description:
- Click the Update button at the bottom of the page to save the details of the product or category you have been editing. The changes will be saved.
Now if you find the category or product you have edited in the Customer front end, you should be able to see the image you have added as part of the description.
Help make this document better
This guide, as well as the rest of our docs, are open-source and available on GitHub.