1. 主题概览

  • 主题名称：AoPro
  • 作者：某毅
  • 官网：https://o.ls
  • 模板引擎：Smarty
  • 设计定位：二次元 / ACG 风格

AoPro 针对「卡密发卡、自动发货」进行优化，围绕首页展示、商品详情、订单查询、用户体系等核心场景做了大量设计与交互打磨。

2. 设计风格与前端技术

2.1 视觉风格

  • 二次元氛围感：色彩清爽、留白合理，适合 ACG / 游戏 / 数码 等类目。
  • 卡片化布局：重点突出商品封面、标题与价格信息，提升点击转化。
  • 动效与细节：配合图标字体与组件动画，让界面更「有灵魂」。

2.2 前端技术栈

  • 基于 jQuery + 业务脚本（main.js、pay.js 等）。
  • 使用 Bootstrap Icons、Font Awesome Webfonts 等图标资源。
  • 集成 layer 弹层组件（PC 与移动端）。
  • 内置 二维码生成（qrcode.min.js），方便支付、分享等场景。
  • 主题静态资源统一存放于 Assets/，便于二次开发与替换。

3. 核心功能亮点

3.1 布局与视图控制

AoPro 提供了高度可配置的首页与商品页布局选项，站长可按需自由组合：

  • 主页布局（box_model）
    支持：

    • 全页展示（90%）
    • 盒子展示（1200px，默认）

    可轻松在「通栏」与「居中盒子」之间切换，适配不同站点风格。

  • 视图切换（view_toggle）
    开启后，前台用户可自由切换不同显示视图。
  • 视图缓存方式（view_cache）
    支持：

    • 不缓存（off）
    • 会话缓存（session）
    • 持久缓存（local）

    在保证体验的同时减少重复渲染、提升性能。

  • 首页显示模式（default_view）
    • 列表模式（list）
    • 卡片模式（card）
  • 卡片商品布局（card_shop_mode）
    • 大图标布局（big_picture）
    • 小图标布局（small_picture）

通过这些组合，你可以快速搭建出「信息密度高」或「视觉张力强」的不同首页风格。

3.2 商品与分类展示

  • 全部商品入口
    • all_shop_show：一键开启「全部商品」虚拟分类，并置顶显示。
    • all_shop_title：可自定义标题（默认：全部商品）。
    • all_shop_images：支持为「全部商品」单独配置一个图标（外链），为空则默认站点图标。
    • default_select_allShop：是否默认选中全部商品。
  • 价格与购买按钮控制
    • hide_list_price：可隐藏首页商品价格，用于特殊对接场景（如第三方对接且价格经常波动）。
    • hide_list_buy_button：控制列表页是否显示「购买」按钮（主要针对 PC / iPad 端）。

这些功能让你可以在「信息透明」与「推动深度点击」之间做权衡，也便于做一些营销小策略。

3.3 商品详情页体验

  • 商品详情布局（shop_box_model）
    • 默认样式（default）
    • 小 LOGO 样式（template2）
  • 商品 LOGO 显示（shop_logo_show）：可选择隐藏或显示商品 LOGO（在多控件模式下建议保留，以免影响排版）。

通过不同布局，你可以让偏品牌化的商品强调 LOGO，也可以让信息占据更大空间，更适合卡类、账号类、服务类商品。

3.4 搜索与订单查询

  • 搜索模式（query_model）
    • 分类搜索（classify）：仅在当前分类内搜索。
    • 全局搜索（global，默认）：一键检索全站商品。
  • 独立订单查询页面
    使用模板：Template/Index/Query.tpl，配合订单信息与状态展示，方便用户自助查询订单状态，减少客服压力。

3.5 用户体系与认证页面

AoPro 对常用用户场景提供了完整模板支持：

  • 登录：Template/Auth/Login.tpl
  • 注册：Template/Auth/Register.tpl
  • 找回密码 - 邮箱：Template/Auth/ForgetEmail.tpl
  • 找回密码 - 手机：Template/Auth/ForgetPhone.tpl

配合系统本身的用户中心，可以快速搭建一整套完整的前台用户体系。

3.6 性能与缓存策略

  • API 缓存
    • cache：开启 / 关闭 API 缓存。
    • cache_time：缓存时间（秒），可在性能与实时性之间做平衡。

    提示：开启缓存可能导致对接商品库存更新不及时，使用时需根据业务谨慎配置。

  • 视图缓存（view_cache）：支持 session / local 存储用户视图偏好，在不打扰用户体验前提下减少重复请求与渲染。

3.7 商家与客服引导

  • 商品页公告（show_shop_notice）：控制商品独立页是否显示公告，可用于展示活动信息、售后说明、注意事项等。
  • 客服入口
    • show_service：是否显示「联系客服」。
    • service_title：自定义文案（例如：联系客服、在线客服 等）。
  • 商家主页
    • show_merchant：是否展示商家主页入口。
    • merchant_title：可自定义为「商家主页」「更多作品」等引导性文案。

这些入口可以有效承接用户从商品页到咨询、到品牌页的全流程，提升信任度与转化率。

3.8 页脚版权与品牌露出

  • 版权信息（copyright）
    可自定义版权年份、站点名称、备案号等，例如：
    Copyright © 2004 - 2025 Aopro 版权所有

既满足合规要求，也有利于品牌统一露出。

4. 默认配置一览（节选）

以下为 Setting.php 中的一部分默认配置（仅展示核心项，实际可在后台自由调整）：

  • 布局与视图
    • box_model：1200px
    • view_toggle：on
    • default_view：list
    • card_shop_mode：small_picture
    • shop_box_model：template2
  • 分类与全部商品
    • all_shop_show：开启
    • all_shop_title：全部商品
    • default_select_allShop：默认选中
  • 视觉与展示
    • background_url：off（默认关闭背景图）
    • shop_logo_show：off（默认不隐藏 LOGO）
    • hide_list_price：show
    • hide_list_buy_button：show
  • 搜索与缓存
    • query_model：global
    • view_cache：session
    • cache：0（关闭 API 缓存）
    • cache_time：10 秒
  • 商家与客服
    • show_service：on
    • service_title：联系客服s
    • show_merchant：on
    • merchant_title：商家主页1
    • show_shop_notice：on

5. 适用场景

AoPro 适合但不限于以下类型的站点：

  • 各类 二次元 / ACG 向发卡站；
  • 游戏点卡、代充、账号交易 类目站点；
  • 软件授权、虚拟卡密、网盘资源 等数字商品商城；
  • 对 颜值、动效、移动端体验 有较高要求的独立卡网。

如果你希望你的站点既有「二次元气质」，又有「严肃的交易体验」，AoPro 会是一个很合适的选择。

6. 模板演示图片

7. 安装与启用（示意流程）

注：具体以你所使用的发卡 / 卡网系统为准，这里给出一个通用说明思路，便于读者理解。

  1. 后台启用主题
    登录后台管理面板；
    找到「网站设置 / PC模板」相关设置；
    在主题列表中选择 AoPro 并启用。
  2. 基础配置
    在主题配置界面，根据业务需要设置：

    • 主页布局（盒子 / 全屏）；
    • 显示模式（列表 / 卡片，大图 / 小图）；
    • 搜索方式（分类 / 全局）；
    • 是否开启「全部商品」与默认选中；
    • 商品页公告、客服、商家主页等开关。
  3. 个性化调优
    根据你的品牌定位：

    • 配置站点 LOGO、Favicon；
    • 自定义页脚版权；
    • 替换 / 调整背景图和主色调（如需二次开发，可直接修改 Assets/css/style.css）。

7. 总结与展望

AoPro 的设计初衷，是在保证「卖货效率」与「用户体验」的基础上，让卡网也能拥有独特的审美与品牌记忆点。

通过丰富的布局选项、细致入微的开关配置，以及完善的用户与订单流程支持，它既适合新手站长「开箱即用」，也方便有经验的开发者进行二次定制。

如果你正在寻找一套 好看、好调、好扩展 的二次元风格卡网主题，那么 AoPro 值得你认真尝试。

8. BUG/建议提交

为了更快定位问题，建议按以下格式提交：

【系统版本】V3-系统版本 / V4-系统版本 (V3-1.4.7)
【问题类型】BUG / 建议 / 需求  
【问题描述】详细描述遇到的问题或建议  
【复现步骤】如何操作会导致该问题？（BUG类必填）  
【运行环境】PHP版本 / 服务器环境 / 浏览器类型  
【截图/日志】如有报错截图或日志，请提供 [图片仅支持图片外链!]