已解决
11月6日 20:18回复
已解决 1
10月10日 17:10回复
怎么实现自定义模块在不同的页面显示不同内容1
10月8日 12:28发布
请教各位 模板自带的 contact form 怎么设置提交成功跳转页面
10月8日 12:20发布
shopify如何在产品页面添加的变体的亚马逊按钮
10月8日 12:17发布
如何使产品不同颜色只在变体显示而不在主图显示
10月8日 12:07发布
如何在shopify的购物车按钮下面添加支付安全图片
5月25日 20:28回复
Shopify 模板选择上需要注意哪些？
9月11日 08:24发布
请问shopify做B2B 和轻B2C 有什么模板推荐 小白不会打代码
9月11日 07:48发布
可否手动在 Shopify 店铺页脚添加多种收款方式？
9月11日 07:32发布
有没有用impulse模板的大神？模板自带的size chart问题
9月8日 13:48发布
有没有好用,优化比较好,页面速度加载比较快的的模板推荐？
9月7日 13:44发布
Dawn 模板怎么实现产品置顶功能呢？
9月5日 11:20发布
Dawn主题如何在产品页面添加颜色色块选项？
4月20日 19:33回复
Shopify店铺板块之间空白过大
8月31日 21:00发布
大佬们，变体颜色属性怎么才能统一显示色块啊？
8月30日 02:24发布
Shopify 有没有方法可以显示一个产品的价格区间
8月30日 02:22发布
Shopify online 2.0 如何在页脚加入支付图标
8月30日 02:19发布
关于 Shopify 产品推荐 板块，是否可以更改推荐的方式？
8月29日 21:36发布
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