色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

如何在Shopify主題的特定部分加載CSS?

錢諍諍2年前9瀏覽0評論

我試圖創建另一個部分,并應用資產文件夾中的CSS。但是,當我將{ { ' style-section-block . css ' | asset _ URL | style sheet _ tag } }放入我要應用CSS的頁面時,它也會影響其他部分,即使我只放入我要更改的部分。

我希望能夠編輯一節網頁

如果您想要應用CSS特定的部分,首先您添加一個唯一的類或ID到您想要樣式化的部分。在CSS文件中使用唯一的類或ID后,你就可以對部分進行樣式化了。例子是

<div class="my-section">
  <!-- section content -->
</div>

"我的部分& quot是此部分的唯一類名。您可以使用類名將樣式添加到節中。

.my-section {
      font-size: 24px;      
    }

根據shopify主題。您可以根據當前頁面句柄或頁面模板有條件地使用CSS文件。根據我的想法,你可以在你的主題“布局”文件中使用這個“模板”或“頁面句柄”變量。我指的是“主題.液體”文件。您可以將以下代碼添加到'布局'文件' head '部分。

{% if template contains 'your-specific-template' or page.handle == 'your-specific-page-handle' %}
  {{ 'style-section-block.css' | asset_url | stylesheet_tag }}
{% endif %}

用您的模板名稱替換“您的特定模板”,或者用您的頁面句柄名稱替換“您的特定頁面句柄”。并從其他部分刪除CSS鏈接。