跳转至主要内容

Shopify PC 端 和 移动端 分别显示 同一种模块 在电脑端和手机端展示不同内容或布局

本期内容可以实现 Shopify 电脑端和移动端展示不同内容,常用于 Slideshow(也叫轮播图、幻灯片)等模块。

也就是说,对于同一种模块,可以在电脑端和手机端展示不同的内容,例如展示不同的文字、设置不同的链接、使用不同的设置项和布局等。

点击这里查看预览链接

第 143 期 一元开店 低成本拥有你自己的 Shopify 店铺
限时福利:既可用于创建新的店铺,也可以创建测试店铺(例如免费试用插件 APP 等),避免测试插件时代码残留在主题中,拖慢店铺网速。

相关教程

[SVIP 2.0] 21st 5分钟掌握 Shopify主题轮播图等模块单独设置手机端图片原理
Shopify 如何单独在移动端设置不同的图片。其他模块原理也是类似的操作方法。

早在 2021 年我就发布了这个教程,而现在 Shopify 2.0 主题实现起来更加简单方便。本期内容更新于 2024 年 9 月,适用于 Shopify 2.0 主题首页、产品页等页面的任何功能模块: