移动聊天按钮
文章分类: 主题与网店设计
相信大多数使用手机导航栏的人都会遇到聊天按钮遮挡页面底部按钮的问题,这个文章主要就是把 Facebook Messenger 聊天按钮往上移动远离手机导航栏
⚠️注意: 如果您更换到新的主题模板的话,需要重新编辑 HTML/ CSS。以下编码只适用在销售渠道的Facebook Messenger聊天按钮。
步骤 1:前往EasyStore后台 > 销售渠道 > 线上网店 > HTML/ CSS > 寻找 theme.scss
步骤 2:在 theme.scss 最底部添加以下编码。
步骤 3:设定好以后,点击储存便完成啦!
完成的例子如下:
![](https://storage.crisp.chat/users/helpdesk/website/1ff1b64e54f0d9/12877bee-5d97-4d34-ba6b-91443d_1c6yrao.png)
更新于: 28/09/2022
相信大多数使用手机导航栏的人都会遇到聊天按钮遮挡页面底部按钮的问题,这个文章主要就是把 Facebook Messenger 聊天按钮往上移动远离手机导航栏
![](https://storage.crisp.chat/users/helpdesk/website/5b0dd0cf057b1c00/4a210845-ae7a-4153-8968-e66130_wo7572.png)
⚠️注意: 如果您更换到新的主题模板的话,需要重新编辑 HTML/ CSS。以下编码只适用在销售渠道的Facebook Messenger聊天按钮。
如何移动 Facebook Messenger 按钮
步骤 1:前往EasyStore后台 > 销售渠道 > 线上网店 > HTML/ CSS > 寻找 theme.scss
步骤 2:在 theme.scss 最底部添加以下编码。
div#fb-root iframe {bottom: 90px !important;}
![](https://storage.crisp.chat/users/helpdesk/website/e38a68c62a1c1000/11c8cf5f-0bfb-46e8-ad0b-95c92f_otx1wd.png)
步骤 3:设定好以后,点击储存便完成啦!
完成的例子如下:
手机版
![](https://storage.crisp.chat/users/helpdesk/website/ff2a5c096233680/65b653b4-624f-484f-977f-9ccea9_1o1wx3e.png)
电脑版
![](https://storage.crisp.chat/users/helpdesk/website/1ff1b64e54f0d9/12877bee-5d97-4d34-ba6b-91443d_1c6yrao.png)
更新于: 28/09/2022
Updated on: 08/01/2024
感謝!