如何将自定义 css 添加到 shopify 中的部分

Question

我正在尝试将自定义 css 添加到我的 shopify 部分。我在名为 test2.css:

的资产文件夹中创建了一个 css 文件

.body {
  background-color: lightgrey;
  color: blue;
}

.h1 {
  color: white;
}

在我的 liquid 文件之上，我添加了这段代码：

<div class="page-width {{ section.settings.section_css_class }}">

下面是液体文件：

{

"type": "text",
    "id": "section_css_class",
    "label": {
      "en": "Section CSS Class"
    },
    "default": {
      "en": "Type your own CSS class"
    }
  },

在我的部分我得到了这个输入框：

我已遵循此指南：

https://www.ecommercethesis.com/how-to-add-css-class-to-a-section-in-shopify/

但是不行。我做错了什么？

Answer 1

要将自定义 CSS 文件添加到 shopify 中的部分，只需将其添加到部分的最顶部即可

<link rel="stylesheet" href="{{ 'test2.css' | asset_url }}">

如何将自定义 css 添加到 shopify 中的部分

How to add custom css to section in shopify

css

liquid

shopify