Shopify theme.liquid文件中如何设置缺货提示文本加粗？

直接用<b>或<strong>标签无效，大概率是主题自带的CSS样式优先级更高，覆盖了标签的加粗效果，或者你没找对文本输出的正确模板位置。试试下面两种方法：

方法一：用CSS强制加粗（最稳妥） #

1. 打开产品页面，右键点击“Notify Me When Available”文本，选择「检查」，在开发者工具里找到该元素的类名（比如可能是notify-me-btn、out-of-stock__notification这类）。
2. 进入Shopify后台，点击「在线商店」→「主题」→「操作」→「编辑代码」，找到theme.liquid文件。
3. 在</head>标签之前，添加以下CSS代码（把选择器换成你找到的实际类名）：

/* 替换成你找到的元素类名 */
.notify-me-btn {
  font-weight: 700 !important;
}

!important用来强制覆盖主题原有样式，确保加粗生效。

方法二：修改Liquid模板中的文本输出 #

如果文本是通过Liquid翻译变量输出的，你需要找到对应的产品模板文件（不是theme.liquid，因为它是全局模板）：

1. 在代码编辑器中，找到templates/product.liquid或sections/product-template.liquid（不同主题路径可能不同，也可能在snippets/product-form.liquid里）。
2. 搜索关键词notify_me_when_available，找到类似这样的代码：

{{ 'products.product.notify_me_when_available' | t }}

3. 用<strong>包裹这个变量：

<strong>{{ 'products.product.notify_me_when_available' | t }}</strong>

保存后刷新页面，就能看到加粗效果。

内容的提问来源于stack exchange，提问作者user26585321