Shopify. 如何编辑html/css文件

哈利贝克 2020年1月13日

css 文件 HTML Shopify

等级: 3.8/5. 来自5票.

请稍等...

本教程将向您展示如何编辑 html/css文件在Shopify.

为了编辑 html/ css文件，你应执行以下步骤:

登录 Shopify管理 使用您的登录凭证.
导航到 Online Store -> Customize 的me:

Shopify:
点击 “编辑 HTML/ CSS ':
中选择该文件 左 sidebar 点击它.
编辑文件并单击 “保存” 在右上方:
要添加/创建新文件，请访问资产并点击 添加新资产:
In 弹出窗口，您将有两个选择- 上传文件 从您的电脑直接使用浏览按钮:

或者直接在管理面板中创建一个文件，使用 创建一个空白文件 button. 完成后，可以在那里添加自定义代码:

主题结构:

的布局目录: 布局目录呈现为Admin ?中的Layouts文件夹. 它包含主题布局模板，默认情况下为 主题.液体文件. templates文件夹中的所有Liquid模板都在主题中呈现.液体文件.
的模板目录:模板目录呈现为Admin ?中的Templates文件夹. 它包含 模板页 (分类、购物车等.).
的片段目录:片段目录呈现为管理. 它包含了所有主题的液体片段可以在主题的其他模板中引用的代码位文件. 使用包括标签加载片段融入你的主题.
的资产目录:资产目录呈现为Admin ?中的资产文件夹. 它包含主题中使用的所有资产，包括图像、样式表和 javascript 文件. 使用 asset_url过滤器在模板中引用主题资产.
的配置目录:配置目录呈现为Admin ?中的配置文件夹. 它包括 settings_schema.json 文件和一个settings_data.json 文件. 的settings_schema.json 文件可以用来渲染主题设置形式时，改变外观和感觉的商店.
这目录还包含settings_data.json 文件，其中存储了商家的主题设置首选项.
的地区目录:地区目录呈现为Admin ?中的locale文件夹. 它包含了主题现场文件哪些是用来为主题提供翻译内容的.

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

希望本指南对您有所帮助，并且您了解了其中的概念. 如果你想让我更有帮助，我当然应该告诉你新的 Shopify商业启动工具包.

如果你是一个刚起步的零售企业家，打算推出一个网上商店，但没有特别的经验网站发展，我们有一个选择. 最重要的是，这种选择相对便宜、简单、快捷.

该工具包是为不想担心的用户创建的网站重要的. 你不需要成为一名经验丰富的网页开发人员，也不需要花时间获得某些技能. 最终，如果你购买了这项服务，你不会花任何时间——整个工作都在我们身上.

在购买之后, 我们的团队将与您联系，要求您向我们提供有关您在线商店的信息. 一旦我们有了所有必要的数据，我们将帮助您创建一个功能齐全的网站基于我们的 Shopify主题. 整个过程最多需要3天.

我们想让你确切地知道你得到了什么样的服务，所以这里是一个简短的概述. 我们将整个过程分为三个主要步骤:

创建与配置. 我们注册您的网上商店，这可能会转移到您的 Shopify帐户如果你需要的话. 虽然我们负责定制您的 Shopify商店，我们会根据您的需要和喜好来做.
安装内容. 我们使用有关贵公司产品的信息集合在你的网站. 我们也插入图像/视频，创建博客文章等.
应用程序安装. 你会在我们的工具包中找到5个Shopify应用程序，它们是Oberlo, Product Reviews，搜索引擎优化图像优化器，GDPR Cookie同意横幅和Privy. 所有这些应用程序都可以方便地管理您自己的在线商店.

Shopify 业务 Startup工具包的价格是359美元. 费用包括以下服务:

创造高品质网站即使你付钱给别人做，也不贵吗. 创业工具包使用的主题与最佳的功能和设计. 所有这些都符合最新的网页设计趋势，看起来很专业. 选择像交叉浏览器兼容性,mobile-friendliness 布局灵活性或社会性媒体集成是默认设置的.

同样值得注意的是，大多数Shopify主题都是专门为某个利基市场设计的. 模板已经包含了必要的功能，并且看起来对目标受众很有吸引力.

要查看Shopify的顶级主题-查看整个 Shopify主题收集链接.

这个条目被张贴了出来 Shopify教程和标记 css, 文件, HTML, Shopify. 书签的永久链接.