无论是在旺铺还是在普通店铺中，店铺的分类导航都是非常重要的，对于一家店铺而言，合理的商品分类十分重要。分类导航可运用简单的文字展现，也可以使用独具特色的图片来展现，从而让店铺更加吸引人。若使用文字分类，则导航的大小与颜色都是不能变的。如果店主想让自己店铺的分类导航显得与众不同，则可将各项分类导航制作成图片。对图片的高度没有严格的要求，只需合适就行，但图片的宽度最好不超过180像素。
店主若想让自己的分类导航给进入店铺浏览的买家留下一个深刻的印象，就需要自己动手进行设计了。
分类导航一般包括欢迎图片与商品分类图片两种。可在欢迎图片上加入联系方式、营业时间等信息。
一、制作分类导航模板
在photoshop软件中制作分类导航模板的具体操作步骤如下：
一般来说，网上搜集到的图片很难与所要求的图片尺寸完全相同，因此要调整搜集到的图片尺寸。打开photoshop软件，选择菜单“文件”一“打开”命令，打开已搜集的两幅素材图片，可以看到两幅图片的样式非常接近要制作的欢迎图片和商品分类图片，
但它们的尺寸并不合适，因此要对图片进行修改。
开始制作欢迎图片，素材图片的尺寸是200像素×200像素，要把它的宽度修改为160像素。选择菜单“文件”一“新建”命令，打开“新建”对话框。设置 “宽度”为160像素，“高度”为200像素，“分辨率”为72像素/英寸。单击“确定”按钮，在photoshop软件编辑窗口中新建一个空白图片文件。
切换到素材图片，选择菜单“选择”一“全部”命令，然后选择菜单“编辑”一“拷贝”命令复制图像。单击新建的空白图片，选择“粘贴”命令将图片粘贴过来。
在工具栏中单击“移动工具”按钮，水平移动图层至右侧。在工具栏中单击“缩放工具”按钮将图片放大，接下来调整图片大小。在工具栏中选择“矩形选框工具” 按钮，在图层右侧从顶部到底部拖出一个矩形区域。在应用移动工具水平移动图层时，图层会自动和边框对齐，就像被吸附住一样，这一功能有利于准确的调整、定位图层位置。
因为原来素材较宽，要将其变窄，所以单击“移动工具”按钮，向左水平拖动选择的区域。选择菜单“选择”一“取消选择”命令取消区域选择。使用移动工具将图层移动到中间位置。此时如果宽度没有调整到位，可以重复上面的步骤，直到调整为合适的边框。
选择菜单“文件”一“保存”命令，弹出“存储为”对话框，将图片保存为“欢迎.psd”。
新建一个尺寸为155像素×72像素的空白文件，将另一幅素材图片用同样的方法粘贴到新建的空白文件中。将图片放大到300010，并移动到右对齐的位置。使用“矩形选框工具”按钮选择矩形区域。
在工具栏中单击“移动工具”按钮，然后按下alt键的同时拖动图片上的矩形选区，即可在同一图层中对选择区进行移动，如果图片上有文字可将其覆盖。
按照以上的方法能够将图片的宽度变大。
图片的高度可以按照统一的方法进行处理，但要注意与右侧的花朵图标的链接。图片宽度和高度调整完成后，将图片保存为“按钮2.psd”。
二、为分类导航添加文字
店主可按照自身需要来制作商品分类图片上的文字。可在欢迎图片上标注联系方式、
工作时间和店铺名称等内容，在商品分类图片上则可标注不同商品的名称。在欢迎图片与商品分类图片上制作文字的具体操作步骤如下：
打开“欢迎.psd”图片，在工具栏中单击“横排文字工具”按钮输入店铺名称“随心设计”。
双击选中文字，在“选项”面板中将字体设置为“方正准圆简体”，设置字体大小为“18 点”，设置消除锯齿的方法为“平滑”，设置文本颜色为“水红色”。