Shopify. 如何编辑html css文件

下面的说明将向您展示如何访问 HTML/CSS files in 基于Shopify的模板.

编辑现有文件

1. Log into Shopify backend and tap Online Store under the 销售渠道;

   

2. Under the 网上商店选项 选择“主题”. 右击()...)链接并选择 Edit HTML/CSS;

   

3. 在左侧选择要编辑的文件, 使用内置的Shopify对文件应用修改 editor and click Save 在右上角;

   

创建文件

1. 将看到模板文件结构 Edit HTML/CSS menu;

   • Template Layout directory; the 布局目录 呈现为Admin ?中的Layouts文件夹. 它包含主题 layout 模板，默认情况下为 theme.liquid file. 模板文件夹中的所有Liquid模板都呈现在 theme.liquid file;

   • Templates directory 呈现为 Templates 目录下的. 它包含模板页面(类别、购物车等).);

   • Snippets directory 呈现为 Snippets 目录下的. 它包含了所有 主题是液体 snippet files 哪些代码可以在主题的其他模板中引用. Use the include tag to load a snippet 融入你的主题;

   • Assets directory 呈现为 Assets 目录下的. 它包含主题中使用的所有资源，包括 images, stylesheets, and javascript files. Use the asset_url过滤器 在模板中引用主题资产.;

   • configs directory 呈现为 Configs 目录下的. 它包括 settings_schema.json file and a settings_data.json file. The settings_schema.json 文件可以用来渲染 主题设置 形式时，改变外观和感觉的商店. This directory 还包含settings_data.json 文件，该文件存储 商家的主题设置偏好;

   • Locales directory 呈现为 Locales 目录下的. 它包含 主题语言环境文件 用于为主题提供翻译内容;

2. 的新实例 asset 以文件为例，轻按 添加新资产 link;

   

3. Shopify 同时提供 upload file function and 创建一个空白文件 function 在行政区域;

4. 例如，选择， 创建一个空白文件，为文件命名并选择扩展名.

   

请随时查看下面的详细视频教程: