• Topic主题TopicTopic
  • Sign in

自定义代码应用

 

自定义代码是一款在商店页面添加任意代码的应用,支持以下场景:

  1. 添加自定义HTML、CSS样式代码丰富在线商店的营销活动、优化前台样式。
  2. 添加Google Analytics、Facebook Pixel等广告平台追踪代码。

 


 

目录

 


 

添加代码

添加代码.png

自定义代码允许同时添加多段代码,每段代码独立管理。您可以通过以下步骤添加代码:

  1. 在 SHOPLINE 后台,前往【应用】,进入【自定义代码】应用
  2. 在应用首页,点击【添加代码】
备注:自定义代码对【发布中】和【未发布】的主题同时生效。

 


 

设置代码

设置代码.png

在自定义代码的编辑页面,需要注意以下配置项的逻辑,完成配置后点击【添加】即可生效:

  • 代码内容:需要在页面下发的代码片段,支持Handlebars模板语言。
  • 应用范围:选择代码下发的设备类型,可以选择【PC端和移动端】、【仅PC端】、【仅移动端】
  • 插入位置:选择代码的插入位置,【顶部】意味着先加载代码,再加载页面内容,适用于不依赖页面元素的代码;【底部】意味着先加载页面内容,再加载代码,适用于修改已加载完的页面元素
  • 触发页面:选择代码下发的页面模板,例如自定义页面表示所有自定义页面都下发,而非特定的自定义页面。如果要需要在特定的资源页面下发代码,可以通过Handlebars模板语法实现,参考以下代码:
    {{#if page.handle '===' '自定义页面handle'}}
    这里是代码内容
    {{/if}}

 

备注:不同主题模板是存在功能差异的,对主题元素进行样式优化时,需要考虑主题模板的差异性

 


 

启用/禁用代码

启用禁用代码.png

添加自定义代码后,代码自动设置为【启用】状态。可在列表页面设置【状态】决定代码是否生效,参考以下状态说明:

  • 启用:代码正常使用并下发到页面
  • 禁用:代码失效,不会下发到页面

 


 

如何联系我们

SHOPLINE 拥有专业的本地支持团队,为有需求和疑惑的商家提供帮助。您可以通过联系 SHOPLINE 店铺后台官方网页的实时客服来寻求 SHOPLINE 的帮助。
*如有 SHOPLINE 功能使用感受或需求建议,快点击【功能反馈】告诉我们吧!

还有其它问题?提交请求

评论