资源下载区

如何您找不到下载区或者不想看内容 请点击下方 资源下载直达

资源下载直达

=========================================================================

功能说明：

1. 展示VIP会员专属权益（6个权益卡片横排显示）
2. 展示三种会员套餐（月度/年度/永久）及价格
3. 展示常见问题（4个FAQ卡片横排显示）
4. 购买按钮集成子比主题弹窗支付功能
5. 响应式设计，支持移动端自适应
6. 丰富的动画效果和交互体验

=========================================================================

使用教程：

【第一步：上传文件】

1. 将此文件上传到主题根目录或子主题目录

• 路径示例：/wp-content/themes/zibll/page/JZ-vip.php
• 或子主题：/wp-content/themes/zibll-child/page/JZ-vip.php

【第二步：创建页面】

1. 登录WordPress后台
2. 进入 “页面” → “新建页面”
3. 输入页面标题（如：VIP会员权益）
4. 在右侧 “页面属性” → “模板” 中选择 “饺子子比VIP权益页面”
5. 点击 “发布” 页面

【第三步：配置会员套餐】

1. 进入子比主题设置 → 会员设置
2. 配置三种会员套餐：

• vip_1：月度会员（默认15元/月）
• vip_2：年度会员（默认160元/年）
• vip_3：永久会员（默认188元）

1. 确保套餐ID与代码中的 data-plan 属性对应

【第四步：自定义修改（可选）】

1. 修改价格：找到对应的价格显示区域修改金额
2. 修改权益：在 benefit-card 区域修改权益内容
3. 修改FAQ：在 faq-item 区域修改问题和答案
4. 修改颜色：在 :root 区域修改主题色变量

【第五步：添加到导航菜单】

1. 进入 “外观” → “菜单”
2. 选择或创建一个菜单
3. 勾选刚创建的VIP页面
4. 点击 “添加到菜单”
5. 保存菜单

=========================================================================

按钮功能说明：

• 购买按钮使用子比主题自带的弹窗支付功能
• 按钮类名：float-btn pay-vip
• data-plan=”vip_1″：对应月度会员套餐
• data-plan=”vip_2″：对应年度会员套餐
• data-plan=”vip_3″：对应永久会员套餐
• 用户点击按钮后会弹出登录/注册/支付窗口

=========================================================================

注意事项：

1. 确保已安装并启用子比主题（Zibll）
2. 确保已配置好会员套餐和支付方式
3. 如需修改样式，建议使用子主题或在主题设置中添加自定义CSS
4. 页面已做响应式适配，移动端会自动调整布局
5. 如遇到样式冲突，可检查主题版本是否兼容

=========================================================================