How to Display Category Images in The Left Column of The Categories Section in VP-ASP 7.00

This helpnote will show you how to display category images in the left column of the Categories section in VP-ASP 7.00.

By default, usually the Categories section in the left column will only display the categories name.

You can display the category images under each of the categories text, by following steps below :

1. Open file shopproductsubs.asp using notepad or text editor.

2. Locate this code:

name = catrs("catdescription")

3. Directly after the code above, please insert this code :

dim catimagename
catimagename = catrs("catimage")

4. Locate this code :

if hasSubcategory = "" then
mylink = "<a href=""shopdisplayproducts.asp?id=" & cid & "&amp;cat=" & Server.URLEncode(replace(name,"&amp;","&")) & addwebsesslink & """>" & name & "</a>"
else
mylink = "<a href=""shopDisplayCategories.asp?id=" & cid & "&amp;cat=" & Server.URLEncode(replace(name,"&amp;","&")) & addwebsesslink & """>" & name & "...</a>"
end if

5. Please replace the above code to :

if hasSubcategory = "" then
mylink = "<a href=""shopdisplayproducts.asp?id=" & cid & "&amp;cat=" & Server.URLEncode(replace(name,"&amp;","&")) & addwebsesslink & """>" & name & "<BR><img src=""" & catimagename & """></a>"
else
mylink = "<a href=""shopDisplayCategories.asp?id=" & cid & "&amp;cat=" & Server.URLEncode(replace(name,"&amp;","&")) & addwebsesslink & """>" & name & "...<BR><img src=""" & catimagename & """></a>"
end if

6. Save the file and upload to your site.

7. You are done.

Note : This helpnote assume you are using default Categories style. If you are using Categories Flyout or Categories Drop down styles set from the Layout Manager, this helpnote will not work and will require additional customisation further.

You can preview the below screenshot of how it will look:

---