参数设置
标题
图片链接
商品链接
预览
代码
使用指南
1
设置基本参数
调整页面宽度、行数、列数和标题大小。页面宽度决定整个布局尺寸,卡片宽度将自动计算为(页面宽度/列数-边框宽度)。
2
设置网格样式
设置边框样式、边框粗细和颜色。相邻卡片的边框会自动合并,形成紧凑的网格布局,不会有多余空隙。
3
生成网格表单
点击"生成网格"按钮,创建相应数量的商品信息表单。
4
填写商品信息
为每个商品填写标题、图片链接和跳转链接。
5
预览和调整
输入时会自动更新预览,也可点击"手动更新预览"按钮查看效果,根据需要调整参数和内容。
6
获取代码
满意后,复制或下载生成的HTML代码,粘贴到您的店铺装修页面中。代码已针对详情页做了优化。
7
使用注意
工具生成的代码采用简单直接的表格结构,兼容性最好。使用width属性和内联样式,确保在编辑器中正确显示。建议使用图片空间的链接。