Keyboard shortcuts

Press or to navigate between chapters

Press S or / to search in the book

Press ? to show this help

Press Esc to hide this help

产品目录结构设计

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优化每个产品独立优化
相关产品同分类推荐

📚 延伸阅读


下一篇:07-询盘系统搭建.md