制作浮贴部件

Note

This feature might not work on some Shopify themes depend on how the theme developer creates the theme.

This feature only appies for a section. In case you need to make a button sticky, please contact our Support team. (this documentation doesn’t apply for make a button sticky).

在本文中,您将了解到利用自定义CSS代码制作浮贴部件的方法。

步骤 1: 给部件分配唯一ID

选择要做成浮贴的部件(或元素-可以是任何东西)。

This will be the sticky section

转到 元素检视板 > 高级 选项卡 > 属性 部分 > 为该元素赋予唯一的ID。 现在,我们将其称为“ sticky-01”。

Unique ID to be associated with when using custom CSS code

步骤 2: 添加自定义CSS代码

打开 自定义代码编辑器 > 复制以下代码并将其粘贴到 自定义CSS部分 > 然后更新

重要说明:确保在“#”符号后写正确的元素ID。 它应该是#ID {…}

点击此处查看代码

https://pastebin.com/raw/J5qQNjpH

Insert code into Custom code editor

如上所示,将代码添加以后,点击保存更改按钮以保存完成的操作。

接下来,选择菜单栏上的发布按钮,查看实时页面上的结果。

Live page result

您可以查看下面的视频教程

Was this helpful?

Try out all PageFly features with Free plan

.myshopify.com
Don’t have Shopify store yet? Create store
×

PageFly Help Center is now available in French, Portuguese and Chinese.Please check the flags on the page header.

I got it!
Languages