参数设置

标题
图片链接
商品链接

预览

代码


            

使用指南

1

设置基本参数

调整页面宽度、行数、列数和标题大小。页面宽度决定整个布局尺寸,卡片宽度将自动计算为(页面宽度/列数-边框宽度)。

2

设置网格样式

设置边框样式、边框粗细和颜色。相邻卡片的边框会自动合并,形成紧凑的网格布局,不会有多余空隙。

3

生成网格表单

点击"生成网格"按钮,创建相应数量的商品信息表单。

4

填写商品信息

为每个商品填写标题、图片链接和跳转链接。

5

预览和调整

输入时会自动更新预览,也可点击"手动更新预览"按钮查看效果,根据需要调整参数和内容。

6

获取代码

满意后,复制或下载生成的HTML代码,粘贴到您的店铺装修页面中。代码已针对详情页做了优化。

7

使用注意

工具生成的代码采用简单直接的表格结构,兼容性最好。使用width属性和内联样式,确保在编辑器中正确显示。建议使用图片空间的链接。