I. 社区首页
1.1 发帖前必看
1.2 老用户登录
2. 常见问题与解答
3. 最新发布
4. 最新回复
5. 热门帖子
II. 快速链接
1. B站主页
2. 2025 新版教程
3. Shopify 增强版主题
购买增强版主题
4. Shopify 必装插件
5. 各行业参考网站
6. 博客首页
III. 高性价比 VPS
搬瓦工 高速 稳定 网络 VPS
DMIT 大妈
IV. Up 主做的工具
1. Shopify 图片免费压缩
2. 装修预览链接复制
3. 主题名称检测插件
4. 域名解析生效查询
5. 主题设置项在线构建器
6. 主题升级迁移合并工具
发布帖子
开通会员
开通黄金会员
会员仅为赞赏,如果觉得视频教程对你有帮助,可任选一种物品
另: 有实际特权的教程博客 SVIP
开通黄金会员
开通钻石会员
会员仅为赞赏,如果觉得视频教程对你有帮助,可任选一种物品
另: 有实际特权的教程博客 SVIP
开通钻石会员
登录
注册
I. 社区首页
1.1 发帖前必看
1.2 老用户登录
2. 常见问题与解答
3. 最新发布
4. 最新回复
5. 热门帖子
II. 快速链接
1. B站主页
2. 2025 新版教程
3. Shopify 增强版主题
4. Shopify 必装插件
5. 各行业参考网站
6. 博客首页
III. 高性价比 VPS
搬瓦工 高速 稳定 网络 VPS
DMIT 大妈
IV. Up 主做的工具
1. Shopify 图片免费压缩
2. 装修预览链接复制
3. 主题名称检测插件
4. 域名解析生效查询
5. 主题设置项在线构建器
6. 主题升级迁移合并工具
开通会员 尊享会员权益
登录
注册
找回密码
分享
Shopify
1. Shopify 运营
帖子 249
互动 481
关注 94
Shopify 店铺运营相关内容
超级版主
申请版主
发布
全部
最新发布
最新回复
热门
精华
Jaeger
求助,Shopify 店铺如何筛选打折商品?
1
Jaeger
5月20日 09:58回复
170
4
0
Charliez
如何替换Shopifypament成为Paypal作为快速结账的按键显示?
Charliez
5月12日 19:56回复
106
1
0
nnna
google广告账户被ban
nnna
5月12日 19:21回复
93
2
0
Jaeger
已解决
求助!如何找到已经卸载的app的残留代码删除
Jaeger
5月9日 23:28回复
234
1
0
Dawn
提问
找个可以快速把产品从速卖通的迁移到shopify的插件
Dawn
11月6日 18:29回复
80
2
0
溪风V0
shopify价格以及库存显示异常
3
溪风V0
5月8日 18:08回复
398
4
0
tyroboy
如何做shopify的手机端app开发,要从什么地方开始着手做?
tyroboy
4月23日 13:59发布
56
0
0
xiaobai888
请教大家有没有遇到过这种情况?
1
xiaobai888
4月22日 13:20发布
54
0
0
溪风V0
已解决
shopify后台更改价格异常
2
溪风V0
4月15日 12:20回复
229
2
0
defsdaisy
提问
新手提问:怎么才能合理设置运费?
1
defsdaisy
5月4日 09:24回复
258
1
0
ys123
提问
欧洲的税务vat如何设置?
ys123
5月14日 21:09回复
104
1
0
溪风V0
提问
结账页面如何转换语言
1
溪风V0
4月3日 18:49回复
91
2
0
red red
shopify有哪些比较好的评论插件吗
red red
11月14日 10:08回复
129
3
0
Bob567
shopify后台图片上传失败
2
Bob567
3月7日 09:08回复
300
2
1
Bob567
如何在页面加上侧边导航呢?
1
Bob567
2月29日 10:41回复
150
1
1
Bob567
如何给前台产品图片上加自定义的标签(new、sale这些)
1
Bob567
3月1日 10:32回复
220
4
1
菠萝包
提问
可以不借助插件,给产品主图上添加一个新品标签吗?该如何实现
1
菠萝包
2月22日 22:37回复
132
3
1
sicilianturtle
小白新人,有一个关于Shopify发货地点及物流的问题让我很费解
sicilianturtle
1月25日 18:07回复
129
1
0
molly
请问craft的模板,产品详情页能不能铺满整个页面
molly
1月22日 17:04回复
107
1
1
feigod
聊聊自己真正接触shopify的经历
feigod
1月18日 22:30回复
145
2
0
上一页
1
…
3
4
5
6
7
…
13
下一页
跳转
Carrie
12月8日 14:45
0
方法一:使用Shopify应用(最简单) 适合无代码基础的用户。 1. 推荐应用: Sticky Header & Cart Bar(免费/付费) Sticky Add to Cart Bar(侧重商品页) Growave(包含粘性功能) 2.步骤: 在Shopify应用商店搜索并安装。 通常支持自定义:滚动距离、背景色、动画效果。 优点:无需代码,实时预览。 缺点:可能轻微影响页面加载速度。 --- 方法二:修改主题代码(最灵活) 需要基础HTML/CSS知识,修改前务必备份主题(在“主题” → “操作” → “复制”备份)。 步骤概览: 1. 进入代码编辑器: 后台 → “在线商店” → “主题” → “编辑代码”。 2. 定位导航栏文件: 通常位于 `layout/header.liquid` 或 `sections/header.liquid`。 部分主题(如Dawn)可能在 `sections/header-group.liquid`。 3. 添加CSS实现固定效果: 在 `assets/base.css` 或 `theme.css` 末尾添加以下代码(或通过“自定义CSS”注入): ```css /* 使导航栏固定在顶部 */ .header { position: sticky !important; top: 0 !important; z-index: 999 !important; width: 100% !important; background-color: #ffffff; /* 根据主题调整背景色 */ box-shadow: 0 2px 10px rgba(0,0,0,0.1); /* 可选:添加阴影增强效果 */ } /* 针对滚动时隐藏/显示的效果(高级) */ .header--hidden { transform: translateY(-100%); transition: transform 0.3s ease; } .header--visible { transform: translateY(0); } ``` 4. 添加JS实现滚动控制(如需滚动隐藏/显示效果): 在 `theme.liquid` 的 `</body>` 标签前添加: ```javascript <script> let lastScrollTop = 0; const header = document.querySelector('.header'); // 根据主题调整选择器 window.addEventListener('scroll', () => { let scrollTop = window.pageYOffset || document.documentElement.scrollTop; if (scrollTop > lastScrollTop && scrollTop > 200) { // 向下滚动超过200px时隐藏 header.classList.add('header--hidden'); } else { // 向上滚动时显示 header.classList.remove('header--hidden'); } lastScrollTop = scrollTop; }); </script> ``` --- 方法三:结合在线工具生成代码 如果不懂代码,可使用工具生成后粘贴: 1. 访问 CSS Fixed Header Generator(如:webcode.tools/css-generator/fixed-header)。 2. 调整参数(背景、阴影等),复制CSS代码。 3. 在Shopify后台:“主题” → “自定义” → “主题设置” → “自定义CSS” 中粘贴。 ---
Ange
11月15日 14:32
0
https://help.shopify.com/zh-CN/manual/your-account/pause-deactivate-store
在手机上浏览此页面
登录
没有账号?立即注册
手机号
验证码
发送验证码
记住登录
账号密码登录
登录
用户名/手机号/邮箱
登录密码
记住登录
找回密码
|
免密登录
登录
注册
已有账号,立即登录
设置用户名
手机号
验证码
发送验证码
设置密码
注册
Carrie 12月8日 14:450
方法一:使用Shopify应用(最简单) 适合无代码基础的用户。 1. 推荐应用: Sticky Header & Cart Bar(免费/付费) Sticky Add to Cart Bar(侧重商品页) Growave(包含粘性功能) 2.步骤: 在Shopify应用商店搜索并安装。 通常支持自定义:滚动距离、背景色、动画效果。 优点:无需代码,实时预览。 缺点:可能轻微影响页面加载速度。 --- 方法二:修改主题代码(最灵活) 需要基础HTML/CSS知识,修改前务必备份主题(在“主题” → “操作” → “复制”备份)。 步骤概览: 1. 进入代码编辑器: 后台 → “在线商店” → “主题” → “编辑代码”。 2. 定位导航栏文件: 通常位于 `layout/header.liquid` 或 `sections/header.liquid`。 部分主题(如Dawn)可能在 `sections/header-group.liquid`。 3. 添加CSS实现固定效果: 在 `assets/base.css` 或 `theme.css` 末尾添加以下代码(或通过“自定义CSS”注入): ```css /* 使导航栏固定在顶部 */ .header { position: sticky !important; top: 0 !important; z-index: 999 !important; width: 100% !important; background-color: #ffffff; /* 根据主题调整背景色 */ box-shadow: 0 2px 10px rgba(0,0,0,0.1); /* 可选:添加阴影增强效果 */ } /* 针对滚动时隐藏/显示的效果(高级) */ .header--hidden { transform: translateY(-100%); transition: transform 0.3s ease; } .header--visible { transform: translateY(0); } ``` 4. 添加JS实现滚动控制(如需滚动隐藏/显示效果): 在 `theme.liquid` 的 `</body>` 标签前添加: ```javascript <script> let lastScrollTop = 0; const header = document.querySelector('.header'); // 根据主题调整选择器 window.addEventListener('scroll', () => { let scrollTop = window.pageYOffset || document.documentElement.scrollTop; if (scrollTop > lastScrollTop && scrollTop > 200) { // 向下滚动超过200px时隐藏 header.classList.add('header--hidden'); } else { // 向上滚动时显示 header.classList.remove('header--hidden'); } lastScrollTop = scrollTop; }); </script> ``` --- 方法三:结合在线工具生成代码 如果不懂代码,可使用工具生成后粘贴: 1. 访问 CSS Fixed Header Generator(如:webcode.tools/css-generator/fixed-header)。 2. 调整参数(背景、阴影等),复制CSS代码。 3. 在Shopify后台:“主题” → “自定义” → “主题设置” → “自定义CSS” 中粘贴。 ---Ange 11月15日 14:320
https://help.shopify.com/zh-CN/manual/your-account/pause-deactivate-store