Brooklyn主题可移动块是什么
Shopify Brooklyn主题是一款结构清晰、适合服装和配饰类店铺的免费主题。它的首页并不是固定写死的整页代码，而是由多个独立的内容区块组合而成。这些内容区块在Shopify后台被称为分区或区块，也就是很多用户口中的可移动块。你可以把首页理解成一个纵向排列的容器，幻灯片、产品推荐、图文介绍、品牌故事等内容各自占据一个块，每个块之间可以自由调整上下位置。
这种区块化设计的最大好处是操作门槛低。即使不懂HTML和CSS，店主也可以在主题编辑器中通过拖拽完成首页布局调整。Brooklyn主题对区块系统支持得比较早，虽然它的可移动块数量不像某些付费主题那么丰富，但已经能满足基础的店铺展示需求。需要特别说明的是，可移动块主要集中在首页模板，产品页和集合页可调整的区域相对较少，这一点在规划页面时要有预期。
如何在Brooklyn后台添加和移动内容块
添加和移动内容块的入口位于Shopify后台的在线商店栏目中。登录Shopify后台后，点击左侧的在线商店，再点击当前使用的Brooklyn主题右侧的自定义按钮，就会进入主题编辑器。在编辑器左侧栏中，你会看到首页下已经存在的内容块列表。把鼠标悬停在某个块上，光标会变成拖拽手柄样式，直接按住上下拖动即可改变该块在首页的显示顺序。
如果想要增加新的内容块，点击左侧栏底部的添加分区或添加区块按钮。Brooklyn主题会弹出一个可选区块菜单，里面列出可以添加到首页的内容类型，比如图片横幅、精选产品、产品系列、富文本、幻灯片等。选择其中一个后，新块会出现在列表末尾，你可以再把它拖到合适的位置。每个块在点击后都会展开其专属设置项，例如标题、图片、按钮文字、产品数量等。设置完成后点击右上角的保存按钮，前台页面就会同步更新。
- 进入在线商店，点击Brooklyn主题的自定义按钮。
- 在左侧区块列表中直接拖动调整顺序。
- 点击添加分区或添加区块，选择需要的内容类型。
- 对新块进行内容配置，点击保存发布。
移动块时建议先在左侧完成排序，再逐一点击每个块检查设置是否完整。因为部分块之间存在视觉间距或背景差异，顺序调整后可能需要重新设置内边距或颜色，才能让页面整体看起来协调。
Brooklyn支持哪些可移动块类型
Brooklyn主题的可移动块类型主要围绕产品展示和品牌故事展开。常见的类型包括幻灯片区块，适合在首页顶部展示多张轮播图片；精选产品区块，可以选择若干产品以网格形式展示；产品系列区块，直接调用某个完整的集合链接；富文本区块，适合放品牌介绍、促销说明或公告文字；图片横幅区块，可以用大图加按钮的形式引导用户进入指定页面。
此外还有拼贴画、视频、邮件订阅、社交媒体等区块，具体可用类型会因主题版本不同而略有差异。若你的主题版本较旧，可添加的块可能较少。建议在添加前先浏览一遍可选菜单，了解当前版本支持哪些模块。对于没有单独区块的内容，也可以利用富文本或自定义HTML区块来补充。不过自定义HTML区块需要一定的代码基础，普通店主优先使用内置块即可。
- 幻灯片：适合首页首屏轮播。
- 精选产品：突出热卖或新品。
- 产品系列：展示整个集合链接。
- 富文本：品牌介绍、公告、说明文字。
- 图片横幅：大图加按钮引导转化。
- 邮件订阅：收集访客邮箱。
需要注意的是，这些可移动块大多用于首页。Brooklyn主题的产品页和集合页不会提供像首页那样完整的区块拖拽功能。如果你希望在产品页也加入自定义内容，通常需要修改主题代码或安装第三方应用来实现。
Shopify产品原价添加的具体操作
原价在Shopify后台的标准名称是对比价格，也就是Compare at price。它的作用是在商品售价旁边显示一个被划掉的原价，让顾客一眼看到折扣力度。要添加原价，首先进入Shopify后台的产品页面，打开需要设置的产品。在产品详情编辑页中，找到价格和库存区域。如果产品没有变体，你会直接看到价格和原价两个输入框。在价格字段填写实际售价，在原价字段填写高于售价的原始价格，保存即可。
如果产品包含多个变体，例如不同颜色或尺码，则需要为每个变体分别设置原价。在产品编辑页的变体列表中，点击某个变体右侧的编辑按钮，展开后会看到价格和原价字段。逐个填写后保存。注意原价不能低于售价，否则系统会提示错误或前端显示异常。通常建议原价比售价高出一定比例，这样划线价格才有促销吸引力，但也不要设置得过于夸张，避免顾客产生不信任感。
- 进入Shopify后台，点击产品，打开目标产品。
- 无变体产品直接在价格区域填写原价。
- 多变体产品点击每个变体编辑，分别填写原价。
- 确保原价数值高于实际售价，然后保存。
保存产品后，主题前端是否显示划线价格还取决于Brooklyn主题的模板逻辑。大多数情况下，只要原价字段有值，商品页价格旁边就会自动显示划线原价和促销提示。集合页的产品卡片上也可能会显示原价或折扣标签。若没有显示，需要检查主题设置中是否关闭了价格对比显示，或者产品是否存在特殊状态。
Brooklyn主题中划线原价的显示位置与条件
在Brooklyn主题中，设置了原价的产品通常会在两个位置展示划线价格。第一个位置是产品详情页，售价会以醒目的方式显示，原价则以较小的字体和删除线呈现在售价旁边或上方。有些版本还会显示折扣百分比或节省金额，让促销信息更加直观。第二个位置是产品系列页或首页的精选产品区块中，产品卡片会同时呈现售价和原价，部分情况下还会出现销售标签。
要让划线价格正常显示，需要满足几个条件。产品必须处于在线销售状态，且原价确实高于售价。Brooklyn主题需要在自定义器中保持价格显示功能开启。若你在自定义器中选择隐藏价格，或者使用了某些快速购买应用，可能会覆盖模板原本的价格展示逻辑。此外，如果产品只设置了总原价而没有为每个变体单独设置，在多变体场景下也可能导致价格显示缺失。遇到问题时，可以先检查产品数据和主题价格设置。
常见问题与注意事项
在实际操作中，很多店主会遇到原价填写后前端不显示的情况。这时可以优先检查变体数据。Shopify产品存在默认变体，如果你在默认变体上未填写原价，即使产品级别看起来有价格信息，前台仍可能无法显示。进入产品编辑页，确认每个变体的原价字段都有正确数值。其次检查主题版本和价格显示设置。Brooklyn主题的几个历史版本在价格展示逻辑上略有差别，旧版本可能需要手动在代码中开启原价显示。
另一个常见问题是可移动块保存后没有在前台更新。这通常是因为缓存或未点击保存。Shopify主题编辑器的修改需要点击右上角的保存按钮才会生效。保存后可以打开店铺前台刷新页面查看。如果仍然没有变化，尝试清除浏览器缓存，或者检查是否存在多个主题版本，确认自己编辑的是已发布的主题。对于原价显示，若商品同时参与了自动折扣或第三方促销应用，划线价格可能与应用生成的折扣信息重叠，造成视觉混乱，此时需要在应用设置中调整显示方式。
- 原价不显示时，先检查每个变体的原价字段。
- 确认Brooklyn主题价格显示未被自定义器关闭。
- 保存后刷新前台，清理缓存再检查。
- 避免原价与应用折扣同时叠加显示。
- 旧版主题若缺少区块，可升级主题或使用自定义HTML补充。
总的来说，Brooklyn主题的可移动块和原价添加都属于Shopify基础功能，操作路径简单，但细节较多。只要理解区块系统针对首页布局，原价设置针对产品变体，再配合主题自定义器中的显示开关，就能顺利完成页面调整和促销价格展示。遇到无法通过后台解决的问题时，建议参考Shopify官方文档或联系主题支持团队，不要随意在代码文件中删除标记，以免影响后续主题升级。
Shopify Brooklyn可移动块原价添加 修改时间：2026-09-18 16:40:56