西西木科技-专业的shopify liquid开发机构-前端JS丨react后端丨API接口丨shopify plus丨外贸独立站
你好
新的一周再见
我是君智学院的Tina
全方位向您介绍Shopify各种知识和操作
今天给大家介绍一下搭建Shopify网站的重要环节之一——网站装修
如果您觉得文章对您有帮助，别忘了点赞收藏哦~
由于Shopify模板有免费和付费之分，如果你对装修模板没有特殊要求Shopify网站地图怎么设置，十个免费模板也能满足你的基本需求。 事实上，Shoppify模板中各个模块的设计逻辑都有共性，这意味着只要掌握其中一个装修模板，其他模板也可以使用。
本文将以Shopify免费模板中的“黎明”为例，介绍如何设置独立站中的各个模块。
1.首页
首先，我们先打开“网上商店”→“模板”→选择“Dawn”模板→进入Shopify后台主界面的定制页面。
如果需要更改装饰模板，可以在“模板库”中添加新的模板。
1. 公告栏
公告板显示在网站顶部。
公告板文字编辑框：可修改文案。 通常，我们会在此处放置活动、公告、优惠和欢迎信息以吸引客户的注意力。
配色按钮栏：更改公告板的背景颜色。
链接栏：填写跳转链接，以便客户点击公告栏时可以跳转到相应页面。
2. 标题
页眉是指公告板下方的内容位置，包括独立站标志、菜单导航栏和背景颜色。
配色方案按钮：更改背景颜色。
标志图片模块：可以上传独立站标。
自定义徽标宽度：调整徽标大小。
大屏幕上的徽标位置：更改徽标和菜单导航排列。
菜单：可以更改菜单导航。
显示分隔线：指是否显示表头与其下方模块之间的分隔线。
启用粘性标题：当客户滚动浏览您的网站时，使标题部分对客户可见。
3.图片横幅
图像横幅在网站上占据很大的空间。 该模块不仅可以装饰网站，还可以向客户展示网站的活动信息。
图片模块：用于更改显示图片。
横幅高度调整：调整显示图像的大小。
桌面文本位置：指文本框在图片上的位置，可以调整为“顶部”、“居中”和“底部”。 如果不需要文本框，可以取消选择“在桌面上显示文本框”选项。
如果您只想要图片，可以单击左侧菜单中的“T”文本框按钮，然后单击右侧底部的“删除块”来删除它们。
移动端布局：专门针对移动端显示效果进行调整。 调整前，请点击右上角电脑图标按钮切换至手机版界面查看效果。
4.富文本
富文本是由标题、文本和按钮组成的纯文本模块。 它还可以起到装饰、说明和宣传的作用。
5、特色产品系列
该模块用于展示产品。 右侧菜单可以更改向客户展示的标题、产品系列、展示产品数量、图片比例等。 如果产品图片尺寸比例不一致，可以通过图片比对统一图片尺寸。
6.拼贴
拼贴模块也是一个宣传展示模块，由视频、产品和产品系列组成。 请注意，视频是通过 URL 链接的，而不是直接上传的。
7. 视频
视频模块与拼贴模块的区别在于，视频模块只有一个视频作为显示内容，而拼贴模块可以将多个内容组合在一起。 在右侧的菜单栏中，我们可以自由更改标题、视频封面图片和视频源。
8. 多列
多栏是多图文匹配模块Shopify网站地图怎么设置，可用于介绍产品详情及款式、服务说明、装饰网页等。
编辑时，可以通过左侧菜单的“添加列”和右下角的“删除块”来控制帧数。 另外，我们还可以通过右侧菜单调整模块显示的图片、标题、描述文字、链接标签和跳转链接。
九、产品系列表
点击左侧菜单的“添加分区”，我们可以看到更多其他模块。 我们继续从产品系列列表开始。
换句话说，产品系列列表是一个产品系列目录，可以用来综合展示产品系列。
10.博客文章
博客文章是基于文字的推广模块，专业的介绍和报道可以增加客户对独立站的信任。
首先需要在后台主界面“网上商店”→“博客文章”中编写和编辑文章，然后进入装饰模板的博客文章模块选择要显示的文章。
11.带文字的图片
该模块与多列模块类似但又不同。 虽然都是文字和图片结合的模块，但是图片加文字的形式可以调整为左文字右图或者左图右文字。 只允许添加三个模块。 。
右侧菜单可以调整图片、图片比例、背景颜色。 桌面布局按钮用于改变文字和图片的左右位置。
12. 特殊产品
如果你想在独立站上突出一款热销产品，特色产品模块是最好的选择。 其功能相当于在独立站的首页展示产品详情页面，以最直接的方式呈现给客户。
13. 邮箱注册信息
从模块名称不难看出liquid开发，它是用来收集客户电子邮件地址，用于后续EDM营销的。
模块中的标题和文本都可以自由编辑。 一般我们会在标题和文字中添加网站名称以及订阅后可获得的折扣，以增强客户对网站的印象，吸引客户留下信息。
14. 联系表
联系表是客户提供反馈的模块。 模块框架是固定的，只能修改标题。
15. 定制Liquid
如果您想使用代码在模板中创建自定义功能Shopify网站地图怎么设置；如何使用Shopify建立独立站？，自定义Liquid会在代码中添加一个框。
16. 页面
页面模块用于展示文章。 如果有公告或者文章需要展示，我们可以在“网上商店”→“页面”中编辑内容，然后使用该模块将内容展示在网站首页。
17. 页脚
页脚部分包括页脚菜单、电子邮件注册框、社交媒体图标、支付图标等。
页脚菜单设置：“在线商店”→“站点地图”编辑页脚菜单后，将页脚模块中的“菜单”块链接更改为相应的菜单。
至于其他几个部分的设置，可以通过选择选项来打开或关闭。
2.产品系列页面
切换到装饰页面上方的调整页面，继续“收藏”（产品系列页面）的介绍。
1.产品系列横幅
产品系列横幅只有两个选项可以调整。 “产品系列说明”是指产品系列的名称，如下图的“连衣裙”。 您可以根据实际情况决定是否需要检查。
“展示产品系列图片”还需要一步，即上传产品系列中比例为16:9的宣传图片。
图片上传保存后外贸建站，返回装修页面，勾选“显示产品系列图片”即可查看效果。
2、产品网络
产品网格模块主要控制产品系列页面显示的产品数量、产品图片的比例以及一些详细的内容信息。
3. 购物车
介绍完“收藏”之后，接下来就是“购物车”页面。
1. 商品
产品模块只有一项“是否显示厂家选项”，可以根据实际情况选择。 “制造商”将默认为网站名称。
2. 小计
小计唯一可以调整的是“启用购物车注释”选项是否打开。
4. 结账页面
结账页面的调整菜单与“模板设置”部分结合在一起。 单击“CHECKOUT”以展开可调整选项。
Banner：上传Banner后，将显示在Logo及其上方。
徽标：您可以上传独立站徽标并将其显示在结账页面顶部。
位置：调整标志的显示位置。
徽标大小：调整徽标显示的大小。
主要内容区：调整除Banner和logo外的页面。 您可以更改背景图像、背景颜色、布局字体和按钮颜色。
模板设置的调整涉及到网站更细节的部分。 如果您有兴趣了解更多信息，请记得点赞并将其添加到您的收藏夹。 稍后Tina可以为您详细介绍。
5.本文总结
今天就这样！
由于今天介绍的内容较多，所以将本文的思维导图分享给大家，方便大家查找某个模块的功能和操作。
西西木科技是shopify官方合作伙伴，通过了Shopify Partner Academy认证，具备多年shopify lic主题开发经验，熟悉Liquid和各项计算机语言。