第 189 期 在 Shopify 店铺上添加改进版的分享到主流社交媒体功能
点击这里查看 带字幕 视频教程 本期 YouTube 链接(免登录观看 4K)
上期回顾
第 188 期 新接触 Shopify 如何创建店铺和提出优化需求
在这个问题被提出一年多之后( 后来忘记测试了,今年想起来之后又因为忙碌拖延了一段时间,今天又被问到,so, let's do it! )
本期内容分享一下改进版的 Shopify 分享到社交媒体的功能。
![如何在Shopify主题上添加分享功能](https://shopify2006.com/content/images/2023/11/---Shopify---------.webp)
改进前
Shopify 默认的主题 Dawn 以及 其他 11 款免费主题,默认的分享功能只能在点击 "Share" 之后展示出产品页链接,并不能直接跳转到社交媒体进行分享。
![Shopify Dawn 默认的社媒分享功能](https://shopify2006.com/content/images/2023/11/Shopify-Dawn----------.webp)
改进后
点击 "Share" 会分别展示分享到 Facebook, Twitter(X) 以及 Pinterest 的图标,点击即可前往相应的平台进行分享,并且会附带产品链接、产品图片和标题。
![改进后的 Shopify 社媒分享功能](https://shopify2006.com/content/images/2023/11/-----Shopify-------.webp)
![Social Sharing with product title and url](https://shopify2006.com/content/images/2023/11/Social-Sharing-with-product-title-and-url.webp)
Shopify 增强版主题详情
![](https://shopify2006.com/content/images/2023/08/Shopify-enhanced-theme-manual.webp)
修改方法
- 参考视频操作
可根据自己的需求手动修改显示的文字以及鼠标悬浮上去时显示的文字。
- title: 鼠标悬浮时显示的文字 (Share on Facebook, Tweet on Twitter, Pin on Pinterest)
- <span class="social-sharing__title">: 页面上直接显示的文字(Share, Tweet, Pin it)
代码复制
- 类似于之前的 铁粉可见,代码将在发布视频时限时可见,SVIP 不受此限制
额外推荐
第 190 期 狂拽酷炫 Shopify 滚动文字公告跑马灯功能 支持多项自定义设置
以下内容只有授权的 SVIP 用户才能查看
目前已有 312 位 SVIP, 如果你还不是
可微信私聊: Shopify2006 或 扫码 ↓
![Shopify2006_Wechat](/assets/built/Shopify2006_Wechat.webp?v=6e33ec068d)
别人能学会的, 你也能会
来自 Shopify 官方的介绍