使用自定义HTML实现Brooklyn商店动态分区设置步骤

Shopify商店Brooklyn动态分区的自定义 HTML 设置步骤

一、什么是自定义HTML？

自定义HTML可以用来为主页创建自定义内容。例如，可以使用HTML来格式化文本块、创建表格，或者从其他网站嵌入内容。自定义HTML分区将拥有如下设置：

1.HTML - 添加要在主页上显示的HTML代码。

2.容器宽度 - 设置自定义HTML分区的宽度。

3.垂直对齐 - 将分区中的内容设置为垂直位置。

二、将自定义HTML添加到主页

PC端：

1.在Shopify后台中，转到在线商店>模板 。

2.点击Brooklyn旁边的自定义。

3.点击添加分区。

4.点击自定义HTML，然后点击选择。

5.使用设置来对您的自定义HTML分区进行自定义。

6.点击保存。

Apple端：

1.在Shopify应用中，轻触商店。

2.在销售渠道部分，轻触在线商店。

3.轻触Manage themes（管理模板）。

4.在Brooklyn旁边，轻触Customize（自定义）。

5.轻触Edit( 编

（本文内容根据网络资料整理和来自用户投稿，出于传递更多信息之目的，不代表本站其观点和立场。也不对其真实性、可靠性承担任何法律责任，特此声明！）

常见问答(FQAS)

你可以使用div标签来添加动态分区。给div标签添加id或者class属性,然后通过CSS或JavaScript来控制其内容和样式以实现动态效果。

你可以使用CSS display属性或者JavaScript中的元素.style.display来控制div是否显示,比如display:none隐藏,display:block显示。你也可以通过给div添加和删除样式类来切换其显示状态。

你可以使用JavaScript中的Element.classList.add()和Element.classList.remove()方法来动态添加和删除CSS类,然后通过CSS transitions实现内容之间的平滑切换。也可以直接操作元素的样式,如左右偏移实现滑动。此外还可以使用一些JS库如jQuery简化开发.

你可以预先定义不同的HTML片段字符串,然后根据条件切换置入div容器内。或者也可以通过Ajax异步加载外部HTML文件内容。此外,把不同内容抽象成组件,需要显示时再动态渲染也是很好的实现方案。