Shopify 文档

博客文章

This functionality enables you to display a number of blog posts from a certain blog (articles) in a grid with image, title, 作者姓名, 出版日期和查看全部按钮.

让我们回顾一下博客文章部分 配置:

1. 标题 -添加节的标题;
2. 博客 -选择要显示的博客文章Collection;
3. 显示文章 -设定要显示的物品数量(3/6/9);
4. 图像大小 — select a sui选项卡le article image size from the option dropdown (Small/媒介/大);
5. 图像对齐 — select a sui选项卡le article images alignment from the option dropdown (Top/Middle/Bottom);
6. 文本的位置 — select a sui选项卡le text position from the option dropdown (Normal/Overlay);
7. 显示的作者 -打勾表示作者;
8. 显示“查看全部”按钮 -勾选显示“查看全部”按钮.

1. 标题 -特色帖子;
2. 博客 ——博客;
3. 显示文章 — 3;
4. 图像大小 -小(370x208);
5. 图像对齐 ——底部;
6. 文本的位置 ——正常;
7. 显示的作者 ——是的,
8. 显示“查看全部”按钮 — No.

1. 标题 -我们的博客;
2. 博客 ——博客;
3. 显示文章 — 3;
4. 图像大小 -中号(370x370);
5. 图像对齐 ——底部;
6. 文本的位置 ——覆盖;
7. 显示的作者 — No;
8. 显示“查看全部”按钮 ——是的.

收藏列表

This functionality enables you to display a number of Collections in a grid with image, 产品数量和查看全部按钮.

让我们回顾一下收藏列表部分 配置:

1. 标题 -添加节的标题;
2. 图像大小 — select a sui选项卡le Collection image size from the option dropdown (Small/媒介/大);
3. 图像对齐 — select a sui选项卡le Collection images alignment from the option dropdown (Top/Middle/Bottom);
4. 文本的位置 — select a sui选项卡le text position from the option dropdown (Normal/Overlay);
5. 显示“查看全部”按钮 -勾选显示“查看全部”按钮;
6. Collection -选择要展示的产品Collection.

要添加要显示的Collection，请按 添加收藏 button.

点击 Collection section.

从选项下拉列表中选择所需的Collection.

您最多可以显示12个Collection.

例子:

1. 标题 ——收藏;
2. 图像大小 -小(370x208);
3. 图像对齐 ——顶部;
4. 文本的位置 ——正常;
5. 显示“查看全部”按钮 — No.

1. 标题 -新收藏;
2. 图像大小 -中号(370x370);
3. 图像对齐 ——中间;
4. 文本的位置 ——覆盖;
5. 显示“查看全部”按钮 ——是的.

画廊

It is possible for you to customize your Shopify Theme to add a photo gallery or lookbook 到你的网站.

让我们回顾一下画廊部分 配置:

1. 截面高度 — select a sui选项卡le gallery section height from the option dropdown (Small/媒介/大);

内容:

1. 图像 -为图库选择自定义图像. You can upload image from your computer or select image from your library. 对于更高质量的图片上传宽度大于2048像素;
2. 图像对齐 — select a sui选项卡le gallery images alignment from the option dropdown (Top/Middle/Bottom);
3. Link — specify a link to a certain Collection, 产品, 页面, 博客或博客文章;
4. Caption (可选)-输入 Caption (图片上方的文字).

要向图库部分添加图像，请按 添加图片 button. 你可以显示 四个 图像最大.

点击 图像 section.

从您的计算机上传所需的图像(按 上传图片 按钮)或从图库中选择图像(按“从库中选择”按钮).

设置一个 图像对齐:上、中、下.

指定一个 Link 到某个Collection，产品，页面，博客或博客文章.

进入 Caption (图片上方的文字).

您可以从图库部分删除图片(按 删除 按钮).

例子:

1. 图像 - 2张图像;
2. 图像对齐
3. 图1 -底部;
4. 图2 -底部;
5. Link — no;
6. Caption — no.

1. 图像 - 4幅图像;
2. 图像对齐
3. 图1 -中间;
4. 图2 -中间;
5. 图#3 -中间;
6. 图#4 -中间;
7. Link
8. 图一-收藏;
9. 图2 -博客;
10. 图3 -页面;
11. 图4 -产品;
12. Caption
13. 图一-新系列;
14. 图2 -我们的博客;
15. 图3 -og体育;
16. 图4 -超级价格;

图文图片

你可以在你的网站上添加带有文字的图片.

让我们回顾一下图像与文本部分 配置:

1. 图像 -为本节选择一个自定义映像. You can upload image from your computer or select image from your library;
2. 布局 — choose a proper layout type for the section (图像 on left/图像 on Right);
3. 图像大小 — select a sui选项卡le section image size from the option dropdown (Small/媒介/大);
4. 图像对齐 — select a sui选项卡le image alignment from the option dropdown (Top/Middle/Bottom);
5. 标题 -添加节的标题;
6. 文本 — 输入要在部分中显示的文本;
7. 按钮标签 -指定按钮的文本;
8. 按钮链接 — specify a link 到某个Collection，产品，页面，博客或博客文章.

例子:

1. 图像 — no;
2. 布局 -左图;
3. 标题 -图文图像;
4. 文本 — 将大文本与图像配对以给予焦点.../;
5. 按钮标签 ——禁用;
6. 按钮链接 ——禁用.

1. 图像 ——是的,
2. 布局 -右图;
3. 图像大小 ——媒介;
4. 图像对齐 ——中间;
5. 标题 ——移动出行的未来. 今天;
6. 文本 -我们代表一个整体和/.../;
7. 按钮标签 -阅读更多;
8. 按钮链接 -博客文章.

带文字叠加的图像

It is possible for you to add image with the text on it 到你的网站.

让我们回顾一下图像与文本叠加部分 配置:

1. 图像的高度 — choose a sui选项卡le section size from the option dropdown: Small(2048x256), 中等(2048 x512), 大(2048 x682);
2. 图像 -为本节选择一个自定义映像. You can upload image from your computer or select image from your library. The image should be more than 2048px wide to resize 和 crop properly;
3. 图像对齐 — select a sui选项卡le image alignment from the option dropdown (Top/Middle/Bottom);
4. 视差 -启用复选框应用视差效果的图片;
5. 标题 -添加节的标题;
6. 文本 — 输入要在部分中显示的文本;
7. 按钮标签 -指定按钮的文本;
8. 按钮链接 — specify a link 到某个Collection，产品，页面，博客或博客文章.

例子:

1. 图像 — no;
2. 标题 -图像与文字叠加;
3. 文本 — 将大文本与图像配对以给予焦点.../;
4. 按钮标签 ——禁用;
5. 按钮链接 ——禁用.

1. 图像的高度 中等(2048 x512);
2. 图像 ——是的,
3. 图像对齐 ——中间;
4. 视差 -启用;
5. 标题 ——移动出行的未来. 今天;
6. 文本 -我们代表一个整体和/.../;
7. 按钮标签 -阅读更多;
8. 按钮链接 -博客文章.

Instagram节

让我们回顾一下Instagram部分 配置:

1. 标题 -添加节的标题;
2. Instagram用户ID -指定Instagram用户ID. 您可以获得用户ID 在这里;
3. Instagram访问令牌 -输入您的访问令牌. 了解如何 接收Instagram访问令牌;
4. 图像数量 — 设置要显示的文章数量. 注意，照片将自动更新. (6/12).

记得 保存 的设置.

要移除该部分，请按下 删除部分 button.

标识列表

This functionality enables you to display a number of 标志s in a grid with a link 到某个Collection，产品，页面，博客或博客文章.

让我们回顾一下标志列表部分 配置:

1. 标题 -添加节的标题;
2. 图像大小 — select a sui选项卡le 标志 image size from the option dropdown (Small/媒介/大);
3. 图像对齐 — select a sui选项卡le 标志 images alignment from the option dropdown (Top/Middle/Bottom);

内容

1. 图像 -为标志选择自定义图像. You can upload image from your computer or select image from your library;
2. Link — specify a link 到某个Collection，产品，页面，博客或博客文章.

要添加要显示的徽标，请按 添加标识 button.

点击 标志 section.

从您的计算机上传所需的图像(按 上传图片 按钮)或从图库中选择图像(按“从库中选择").

Specify a Link 到某个Collection，产品，页面，博客或博客文章.

你可以显示 二十 标志最大.

幻灯片

It is possible for you to add a slider 到你的网站 with text 和 button on the slides.

让我们回顾一下幻灯片部分 配置:

1. 幻灯片播放 -启用复选框应用幻灯片自动播放;
2. 自动播放过渡时间 — defines slides' autoplay transition duration in seconds (5-10 seconds);
3. 幻灯片图像大小 — select a sui选项卡le slider image size from the option dropdown (Small/媒介/大);

内容

1. 图像 -为本节选择一个自定义映像. You can upload image from your computer or select image from your library;
2. 图像对齐 — select a sui选项卡le slider image alignment from the option dropdown (Top/Middle/Bottom);
3. 标题 -添加幻灯片的标题;
4. 副标题 — 输入要在幻灯片上显示的文本;
5. 按钮文字 -指定按钮文本;
6. 按钮链接 — specify a link 到某个Collection，产品，页面，博客或博客文章.

要向滑块添加幻灯片，请按 添加图像幻灯片 button. 你可以加上 五个 幻灯片最大.

点击 图像幻灯片 section.

从您的计算机上传所需的图像(按 上传图片 按钮)或从图库中选择图像(按“从库中选择").

设置一个 图像对齐:上、中、下.

指定一个 Link 到某个Collection，产品，页面，博客或博客文章.

进入 Caption (幻灯片上方的文字).

中删除幻灯片 幻灯片 节(按 删除 按钮).

特色产品

This functionality enables you to show Featured 产品s in 选项卡 panel, 这样可以保持布局整洁有序.

让我们回顾一下特色产品部分 配置:

1. 标题 -添加节的标题;
2. Collection -选择您想要展示的产品Collection;
3. 展示的产品 — 指定要在区域内显示的产品数量;
4. 图像大小 — select a sui选项卡le 产品 image size from the option dropdown (Small/媒介/大);
5. 图像对齐 — select a sui选项卡le 产品 images alignment from the option dropdown (Top/Middle/Bottom).

产品传送带部分

让我们回顾一下产品 Carousel部分 配置:

1. 标题 -添加节的标题.



2. 标题图形元素 -上传标题区域的背景图像. 最大图像大小为130 x 70. 点击“编辑要添加 图片和文字.



3. Caption -输入标题的文本. 标题显示在 标题.



4. Collection — 选择要在此部分中显示的产品Collection. 您也可以添加一个新的Collection.



5. 旋转木马产品计数 -指定要显示的产品数量. 旋转木马会启动，如果你选择的话 8, 12, 16 or 20 展示产品 一行 模式. In 两行 旋转木马活动的模式 12, 16 和 20 值.



6. 旋转木马的行 -你可以设置一排或两排旋转木马.
7. 旋转方向 -选择旋转木马的方向. 请注意, 双向 方向适用于 两行 模式只.



8. 图像大小 -设置产品图片大小. 你可以用 Small (270 x170 px), 媒介 (270x270 px)或 大 (270x374 px)的图像大小.



9. 图像对齐 -从下拉选项中选择图像对齐方式.

记得 保存 的设置.

要移除该部分，请按下 删除部分 button.

单一的产品

此功能使您能够显示 单一的产品 屏蔽在你的网站上.

让我们回顾一下单一产品部分 配置:

1. 产品 -选择要展示的产品;
2. 图像大小 — select a sui选项卡le 产品 image size from the option dropdown (Small/媒介/大);
3. 图像对齐 — select a sui选项卡le 产品 image alignment from the option dropdown (Top/Middle/Bottom);
4. 显示重量 -启用复选框显示产品重量;
5. 显示SKU -启用复选框显示产品SKU;
6. 显示条形码 -启用复选框显示条码;
7. 显示Collection -启用复选框以显示收集的资料;
8. 显示产品类型 -启用复选框显示产品类型;
9. 给供应商 -启用复选框以显示产品供应商;
10. 显示标签 -启用复选框显示标签;
11. 显示社交分享按钮 -启用复选框显示社交分享按钮;
12. 显示描述 -启用复选框显示描述.

谷歌

的显示设置 谷歌地图 在书店的书页上.

让我们回顾一下谷歌 Map部分 配置:

1. 截面高度 — select a sui选项卡le 谷歌 Map section height from the option dropdown (Small/媒介/大);
2. 地图的地址 -输入要在地图上标记的地址. 谷歌地图会找到确切的位置;
3. API密钥- 谷歌Api密钥是必要的地图的正确工作. 您可以按照 link. 如果您的商店体验超过2,每天500名游客, 你需要生成JavaScript和Geocoding API密钥;
4. 地图的风格 — choose the appropriate Map Style from the option dropdown (Default style/Light/Dark/Pale Down/Apple maps/Midnight);
5. 记号笔颜色 为记号笔选择一种颜色. 你可以从调色板中选择一种颜色;
6. 显示标题 -启用复选框显示 the heading, address 和 office hours;
7. 标题 -添加节的标题;
8. 文字地址及时间 — input the text you want to display within the sections (address 和 office hours);
9. 显示“获取方向”按钮 -启用复选框显示 得到方向 button. The site visitor has the opportunity to generate directions between the destinations (custom address 和 your store address).

奖状

的显示设置 奖状 在书店的书页上.

让我们回顾一下推荐部分 配置:

1. 标题 -添加节的标题;

内容

1. 引用的文本 -添加推荐的内容;
2. 引用作者 -加上作者的名字.

要添加要显示的徽标，请按 添加引用 button.

点击 报价 section.

添加推荐的内容和推荐作者的姓名.

你可以显示 九个 奖状最大.

带图像的文本列

It is possible for you to add text columns with images 到你的网站.

让我们回顾一下带有图像的文本列一节 配置:

1. 标题 -添加节的标题;
2. 图像大小 — choose a sui选项卡le image size from the option dropdown: Small(370x208), 中等(370 x370), 大(370 x493);
3. 图像对齐 — select a sui选项卡le images alignment from the option dropdown (Top/Middle/Bottom);
4. 文本对齐方式 — select a sui选项卡le column text alignment from the option dropdown (Top/Middle/Bottom);

内容

1. 图像 -选择自定义图像. You can upload image from your computer or select image from your library;
2. 标题 -添加将显示在图像下方的标题;
3. 文本 -添加文字，将显示在图像下;
4. 按钮标签 -指定按钮的文本;
5. 按钮链接 — specify a link 到某个Collection，产品，页面，博客或博客文章.

要添加要显示的新列，请按 添加一列 button.

点击 添加标题或标语 section.

从您的计算机上传所需的图像(按 上传图片 按钮)或从图库中选择图像(按“从库中选择").

进入 标题 和 文本 图像下面会显示什么.

Specify a button text 和 set the link 到某个Collection，产品，页面，博客或博客文章.

你可以显示 六个 块最大.

自定义内容

您可以为您的网站添加自定义内容.

你可以加上 图像 和 文本 块.

添加 Video 屏蔽到你的网站.

您还可以添加带有确定的块 产品 到你的网站.

有确定的块 Collection 可以放在你的网站上吗.

你也可以加上a 自定义HTML 块.

让我们回顾一下自定义内容部分 配置:

1. 标题 -添加节的标题;

图像

1. 图像 -为这个块选择一个自定义图像. You can upload image from your computer or select image from your library;
2. 容器的宽度 — choose a sui选项卡le container width from the option dropdown (25/33/50/66/75/100%);
3. 图像对齐 — select a sui选项卡le image alignment from the option dropdown (Top/Middle/Bottom);

文本

1. 标题 -添加文本块的标题;
2. 文本 -输入要在块内显示的文本. You can italicize text (按下 "I”按钮) or mark it in bold (按下 "B”按钮);
3. 文本对齐方式 — select a sui选项卡le column text alignment from the option dropdown (Left/Centered/Right);

Video

1. YouYube视频网址 — this option allows you to specify custom URL for video from YouTube that has to be visible on the page;
2. 容器的宽度 — choose a sui选项卡le container width from the option dropdown (25/33/50/66/75/100%);

产品

1. 产品 -选择要展示的产品;
2. 容器的宽度 — choose a sui选项卡le container width from the option dropdown (25/33/50/66/75/100%);

Collection

1. Collection -选择您想要展示的产品Collection;
2. 容器的宽度 — choose a sui选项卡le container width from the option dropdown (25/33/50/66/75/100%);

自定义HTML

1. HTML -在此字段中输入自定义HTML;
2. 容器的宽度 — choose a sui选项卡le container width from the option dropdown (25/33/50/66/75/100%).

要添加新的 自定义块 按下 添加内容 button.

Select desired custom section content type from the dropdown (图像/文本/Video/产品/Collection/自定义HTML).

单击 内容 (图像/Talk about your br和/Video/产品/Collection/自定义HTML) section 和 configure the custom content 块 options.