产品目录结构设计
PVC产品分类展示方案与产品页面配置
📦 PVC产品目录结构
产品分类建议
PVC产品目录结构
├── 按产品类型分类
│ ├── 洞洞鞋鞋花(Shoe Charms)
│ │ ├── 动物系列
│ │ ├── 植物系列
│ │ ├── 食物系列
│ │ ├── 字母数字
│ │ └── 定制系列
│ │
│ ├── 钥匙扣(Keychains)
│ │ ├── PVC软胶钥匙扣
│ │ ├── 3D立体钥匙扣
│ │ └── 定制钥匙扣
│ │
│ ├── 吸管帽(Straw Toppers)
│ │ ├── 动物系列
│ │ ├── 卡通系列
│ │ └── 定制系列
│ │
│ ├── 冰箱贴(Fridge Magnets)
│ │ ├── 旅游纪念
│ │ ├── 企业定制
│ │ └── 装饰冰箱贴
│ │
│ └── 其他制品
│ ├── 手机支架
│ ├── 行李牌
│ ├── 杯垫
│ └── 徽章
│
└── 按应用场景分类(可选)
├── 礼品赠品
├── 促销用品
├── 节日定制
└── 企业VI
🔧 WordPress产品展示方案
方案选择
| 方案 | 实现方式 | 适合场景 | 推荐度 |
|---|---|---|---|
| 页面+分类 | 普通页面+分类目录 | 产品数量少 | ⭐⭐⭐ |
| 文章分类 | 用博客文章做产品 | 需要博客功能 | ⭐⭐ |
| 自定义文章类型 | 注册Products类型 | 专业产品展示 | ✅✅✅ |
| WooCommerce | 电商插件 | 需要在线购买 | ⭐⭐ |
PVC工厂推荐:自定义文章类型 + Elementor
📝 创建产品分类结构
方案一:使用页面层级
页面层级结构
产品(Products)- 父页面
├── 洞洞鞋鞋花 - 子页面
├── 钥匙扣 - 子页面
├── 吸管帽 - 子页面
├── 冰箱贴 - 子页面
└── 其他制品 - 子页面
创建步骤:
1. 创建父级页面 "Products"
2. 创建各产品分类页面
3. 在页面属性中选择父级页面为 "Products"
4. 在父页面添加产品分类展示
方案二:使用分类目录
分类目录结构
创建分类:
├── 产品(Products)- 主分类
│ ├── 洞洞鞋鞋花 - 子分类
│ ├── 钥匙扣 - 子分类
│ ├── 吸管帽 - 子分类
│ ├── 冰箱贴 - 子分类
│ └── 其他制品 - 子分类
创建步骤:
1. 进入 文章 → 分类目录
2. 创建主分类 "Products"
3. 创建子分类
4. 在创建产品时选择对应分类
方案三:使用自定义文章类型(推荐)
创建Products文章类型:
方法1:使用插件
安装 Custom Post Type UI 插件
1. 安装并激活插件
2. 进入 CPT UI → 添加新的文章类型
3. 配置:
├── 文章类型名称:Products
├── 单数标签:Product
├── 复数标签:Products
├── 启用公开:True
├── 有归档:True
└── 支持编辑器、标题、缩略图
4. 保存
方法2:添加代码
在 functions.php 中添加:
// 注册产品文章类型
function register_products_post_type() {
register_post_type('products',
array(
'labels' => array(
'name' => __('Products'),
'singular_name' => __('Product')
),
'public' => true,
'has_archive' => true,
'supports' => array('title', 'editor', 'thumbnail', 'excerpt'),
'menu_icon' => 'dashicons-cart',
'rewrite' => array('slug' => 'products'),
)
);
}
add_action('init', 'register_products_post_type');
// 注册产品分类
function register_products_taxonomy() {
register_taxonomy('product_category', 'products',
array(
'hierarchical' => true,
'label' => 'Product Categories',
'rewrite' => array('slug' => 'product-category'),
)
);
}
add_action('init', 'register_products_taxonomy');
🎨 产品列表页设计
使用Elementor创建产品列表
产品列表页设计
├── 页面标题区域
│ ├── 标题:产品分类名称
│ ├── 描述:简要说明
│ └── 面包屑导航
│
├── 筛选区域
│ ├── 分类筛选按钮
│ ├── 应用筛选
│ └── 材质筛选
│
├── 产品网格
│ ├── 产品卡片 x 6-12个
│ │ ├── 产品图片
│ │ ├── 产品名称
│ │ ├── 产品简介
│ │ └── 查看详情按钮
│ └── 响应式布局(2-4列)
│
└── 分页导航
Elementor产品卡片模板
产品卡片元素
┌─────────────────────────────────┐
│ │
│ [产品图片] │
│ 400x400px │
│ │
├─────────────────────────────────┤
│ 产品名称 │
│ Animal PVC Shoe Charm │
├─────────────────────────────────┤
│ 简短描述 │
│ 3D立体设计,环保PVC材质... │
├─────────────────────────────────┤
│ [查看详情] [询价] │
│ │
└─────────────────────────────────┘
📄 产品详情页设计
产品详情页结构
产品详情页布局
├── 产品图片区
│ ├── 主图(大图)
│ ├── 缩略图
│ └── 放大效果
│
├── 产品信息区
│ ├── 产品名称
│ ├── 产品编号
│ ├── 产品描述
│ ├── 规格参数
│ ├── 应用场景
│ ├── 定制说明
│ └── CTA按钮
│ ├── 获取报价
│ ├── 免费打样
│ └── 在线咨询
│
├── 产品详情区
│ ├── 详细描述
│ ├── 产品特点
│ ├── 材质工艺
│ └── 包装信息
│
└── 相关产品区
└── 同类产品推荐
产品详情字段建议
| 字段 | 说明 | 示例 |
|---|---|---|
| 产品名称 | 简洁准确 | PVC Shoe Charm - Cat Design |
| 产品编号 | 唯一标识 | SC-001 |
| 产品图片 | 多角度展示 | 主图+细节图+场景图 |
| 产品描述 | 详细介绍 | 200-300字英文描述 |
| 规格参数 | 技术规格 | 尺寸、材质、工艺 |
| MOQ | 起订量 | 1000pcs |
| 价格区间 | 价格参考 | $0.5 - $1.0 |
| 定制选项 | 定制能力 | 支持OEM/ODM |
| 交货期 | 交货时间 | 7-15天 |
🖼️ 产品图片规范
图片规格建议
| 图片类型 | 尺寸 | 用途 |
|---|---|---|
| 产品主图 | 800x800px | 产品详情页 |
| 产品缩略图 | 400x400px | 产品列表页 |
| Banner图 | 1920x600px | 页面横幅 |
| 场景图 | 1200x800px | 产品展示 |
| 细节图 | 600x600px | 产品细节 |
图片拍摄建议
产品拍摄要点
├── 拍摄环境
│ ├── 纯白背景
│ ├── 充足光线
│ └── 专业布光
│
├── 拍摄角度
│ ├── 正面图
│ ├── 侧面图
│ ├── 顶部图
│ ├── 细节特写
│ └── 使用场景图
│
└── 后期处理
├── 调整亮度对比度
├── 去除背景
├── 添加阴影(可选)
└── 压缩优化(<100KB)
AI生成产品场景图
如果缺乏拍摄条件,可以使用AI生成场景图:
Midjourney提示词示例
"/imagine prompt: professional product photography,
colorful PVC shoe charms arranged on white background,
studio lighting, high quality, 4K --ar 1:1"
🏷️ 产品标签系统
标签用途
| 用途 | 说明 |
|---|---|
| 产品属性 | 材质、工艺、风格等 |
| 产品特色 | 热销、新品、促销等 |
| 交叉关联 | 相关产品推荐 |
标签示例
常用标签
├── 材质标签
│ ├── PVC
│ ├── 软胶
│ └── 环保材料
│
├── 工艺标签
│ ├── 3D立体
│ ├── 手工滴胶
│ └── 印刷
│
├── 应用标签
│ ├── 礼品
│ ├── 促销
│ └── 纪念品
│
└── 特色标签
├── 热销
├── 新品
└── 限量
🔗 相关产品推荐
推荐逻辑
相关产品推荐方式
├── 同分类产品
│ └── 同一产品分类下的其他产品
│
├── 同标签产品
│ └── 有相同标签的产品
│
├── 热门产品
│ └── 访问量高的产品
│
└── 手动关联
└── 手动选择相关产品
Elementor实现
使用Elementor Posts Widget
1. 添加 "Posts" Widget
2. 设置查询来源:
├── 同分类
├── 同标签
└── 手动选择
3. 设置显示数量
4. 设置布局样式
📋 产品发布检查清单
单个产品发布
- 产品名称准确
- 产品描述完整
- 产品图片齐全
- 规格参数填写
- 分类标签设置
- SEO信息配置
- 相关产品关联
- 发布预览检查
批量产品导入
批量导入方法
├── 方法一:CSV导入
│ ├── 准备产品信息CSV
│ ├── 使用插件导入
│ └── 检查导入结果
│
└── 方法二:手动录入
└── 逐个添加产品
🎯 核心要点总结
| 要点 | 说明 |
|---|---|
| 分类结构 | 按产品类型+应用场景 |
| 展示方式 | 自定义文章类型+Elementor |
| 产品图片 | 多角度+场景图+优化 |
| 产品信息 | 名称+描述+规格+定制 |
| SEO优化 | 每个产品独立优化 |
| 相关产品 | 同分类推荐 |
📚 延伸阅读
- 04-内容策略/02-产品页面优化.md - 产品内容优化
- 07-询盘系统搭建.md - 询盘系统配置
下一篇:07-询盘系统搭建.md