跳到主要内容
文档扩展

文档图集

给文档挂图片相册,后台上传管理,前台随文章展示。

文档图集
文档扩展

文档图集

官方自营 安全检测

doc_gallery

给文档挂图片相册,后台上传管理,前台随文章展示。

咨询 后台安装

商品属性

品牌官方插件
语言PHP 8.1+
数据库MySQL 5.7+ / MariaDB
环境PivArk 1.5+ · weapp 标装
类型文档扩展
版本v1.0.2
编码UTF-8
交付方式官方插件 · 授权安装

商品介绍

这个插件能帮你做什么?

产品案例、教程步骤、活动照片要挂在文章里,却不想把 HTML 写死?图集插件帮你在后台维护分组相册,前台一行标签输出轮播、网格或瀑布流,还支持灯箱浏览与图集广场。

适合产品图集、案例截图、教程分步图、摄影作品集;与 thumb 占位图插件互补——gallery 管正文内相册,thumb 管列表无封面时的占位。

典型场景

产品图集、案例、教程、图集广场

使用范围

全部文档、指定标签、会员可见
  • 发布页:独立 Tab 或嵌入正文,可拖动与同形态插件排序;
  • 使用范围:全部文档 / 指定标签组 / 指定标签;
  • 批量维护:文档面板批量选图 + 全站条目列表。

发布页编辑

文档图集分组与拖拽排序

站长怎么用?

  1. 启用「图集」插件,打开「基础设置」:配置开关、发布页展现与使用范围,保存。
  2. 编辑文档时打开「文档图集」Tab:先点选展现样式(网格 / 瀑布流 / 轮播等 7 种);图片以表格列表维护(文件名 / 缩略图悬停预览·点击素材库 / 路径 / 设为封面 / 上移下移 / 删除);也可上传、ZIP 解压或空白处 Ctrl+V 粘贴路径。
  3. 详情模板加入 或分组标签(见前台调用说明)。

常见问题

  • 前台无图? 检查文档是否有条目、模板 group 是否匹配、范围是否包含当前文档标签。
  • 与 thumb 区别? thumb 自动替换列表/正文坏链占位;gallery 是主动维护的相册内容。
doc_gallery document-addon

使用说明

功能简介(前端向)

为文档挂载图片相册,支持多分组、多种展现样式;前台通过模板标签或 REST API 输出。

详情页图集区块位置

后台配置

  1. 基础设置」:插件开关、发布页展现、使用范围(全部文档 / 指定标签组 / 指定标签)。
  2. 文档发布页「图集」面板:分组与展现样式、条目路径/说明、上移/下移/「设为封面」、上传 ZIP 解压(jpg/png/gif/webp 等,按文件名排序入列表)、粘贴路径加图;分组可开启打包下载(需 download 插件)。
  3. 条目管理」:按文档 ID、分组标识、状态、关键词筛选;健康检查提示缺 Alt、缺标题等待办;可改 sort 数字。
  4. 基础设置」:可配置图集第 1 张写入文档封面(仅空 / 始终跟随)。

前台模板

单分组输出:


循环全部分组(标签内 {gallery} 占位输出该组图集):


临时覆盖展现样式:



分组循环字段(gallery_groups)

字段说明
分组标识
分组标题
展现样式 id
启用条目数
打包下载 ZIP(需分组开启且 download 插件可用)
首张缩略图

图片循环字段(gallery)

字段说明
原图 URL
缩略图 URL
响应式 srcset
/ 标题 / Alt
/ / 外链 / 说明 / 拍摄信息
宽高比(瀑布流优化)

REST API

GET /api/v1/plugins/doc_gallery/document-items?document_id=123&group_key=case
GET /api/v1/plugins/doc_gallery/document-groups?document_id=123
GET /api/v1/plugins/doc_gallery/plaza?page=1&sort=hot&q=关键词

图集广场页面:/doc_gallery(需在设置中开启「图集广场」)。

前台静态资源(weapp 真源 · 默认兜底)

轮播 / 瀑布流 / 灯箱的 默认样式与脚本 打包在 weapp/doc_gallery/assets/,随插件安装即可用,不依赖主题是否单独维护图集 CSS/JS。渲染 时由 GalleryFrontAssets 登记, 按需输出;URL 形如 /weapp/doc_gallery/assets/css/gallery.css/weapp/doc_gallery/assets/js/lightbox.js

主题分工:站点主题(template/*/assets)只允许用 SCSS 覆盖皮肤(配色、圆角、卡片阴影等),结构布局与灯箱/轮播交互以插件资源为准。禁止把下列文件复制到 public/static/common/ 或主题 assets/js|css/ 充当第二套真源。

  • assets/css/gallery.css — 全布局 + 灯箱默认兜底
  • assets/js/carousel.js · masonry.js · lightbox.js(按布局与灯箱开关按需加载)

前台效果示意

访客端相册与灯箱浏览

静态资源含灯箱与轮播脚本,按所选展现样式按需加载。

升级日志

v1.0.x · 2026-07-16
  • 文档发布页专用壳:7 种展现样式 chip 可选;主图路径置顶;更多设置折叠;Ctrl+V 粘贴路径加图
  • 样式区「前台开大示意」live mock + SVG 缩略图,点选即切换
  • 保存时由条目带回 `display_style` 写入分组,前台布局立即生效
v1.0.0
  • 文档图片相册后台管理与排序
  • 文档编辑器 inline 图集 Tab
  • 前台 `` 标签展示

购买与安装

  1. 登录官网会员,在本页右侧选择限时免费套餐完成开通(到期后须续费或升级)。
  2. 用户中心 → 我的授权 绑定客户站域名并同步到站点后台。
  3. 客户站 → 应用市场 搜索 doc_gallery 在线安装并启用。

交易须知

  • 交付形式官方插件 · 授权安装;通过应用市场安装,不提供独立源码包下载。
  • 授权范围插件授权绑定单个站点域名;小程序类 SKU 规则以套餐说明为准。
  • 限时免费免费授权含有效期,到期后功能受限;续费或升级付费套餐可继续使用。
  • 退款规则请确认功能需求后再购买;非功能缺陷恕不退款。
  • 官方保障官方插件由元舟提供安装指导与技术支持。

先试用,再决定授权方式

开源版免费下载、源码可私有化部署。需要升级保障与企业支持?查看定价对比预约演示