shopify在线商店自定义模板前的准备工作和模板编辑器介绍-ESG跨境

shopify在线商店自定义模板前的准备工作和模板编辑器介绍

shopify新闻
shopify新闻
2022-03-28
点赞icon 0
查看icon 897

您可以编辑模板以自定义在线商店的内容、布局、版式和颜色。每个模板都提供了一些分区和设置,可供您用于更改商店的外观,而无需编辑任何代码。

编辑模板

您可以编辑模板以自定义在线商店的内容、布局、版式和颜色。每个模板都提供了一些分区和设置,可供您用于更改商店的外观,而无需编辑任何代码。

自定义模板前的

在自定义模板之前,最好执行以下任务:

  • 复制您的模板以创建一个备份副本。这使您在需要时能够轻松地放弃更改并重新开始进行自定义。

  • 确保您了解可用的支持级别。

  • 了解上传图片的要求和最佳做法。

模板编辑器

模板编辑器会在树形图中显示您当前在侧边栏中查看的模板的所有内容。您可以使用展开图标  来展开分区结点以查看其中的块,还可以使用折叠图标  将其折叠来隐藏块。您可以点击任何分区或块来查看其设置。

侧边栏模式

模板编辑器提供两种模式来利用屏幕上的所有空间。

双侧边栏模式适合较宽的浏览器窗口和较大的屏幕,而单侧边栏模式适合较窄的浏览器窗口和较小的屏幕。侧边栏模式决定了设置面板在编辑器中的显示位置。

双侧边栏模式

如果您的屏幕宽度大于 1600 像素并且浏览器窗口已完全展开,或者您的窗口已扩展到至少 1600 像素宽度,此时将显示两个侧边栏。左侧的侧边栏包含导航面板,右侧的侧边栏包含设置面板。

商户官网原文详情:

Editing your theme

You can edit your theme to customize your online store's content, layout, typography, and colors. Each theme provides sections and settings that allow you to change the look and feel of your store without editing any code.

Before you customize your theme

Before you customize your theme, it's a good idea to do the following tasks:

  • Duplicate your theme to create a backup copy. This makes it easy to discard your changes and start again if you need to.

  • Make sure that you understand what level of support is available.

  • Learn about the requirements and best practices for uploading images.

Theme editor

The theme editor displays a tree view of all the content for the template that you're currently viewing in the sidebar. Expand a section node using the expand icon  to view its blocks, or collapse it using the collapse icon  to hide the blocks. You can click on any section or block to view its settings.

Sidebar modes

The theme editor offers two modes to make use of all of the spa on your screen.

le sidebar mode is for wider browser windows and larger screens, and single sidebar mode is for narrower browser windows and smaller screens. The sidebar mode determines where the setting panel appears in the editor.

Double sidebar mode

If you have a screen larger than 1600 pixels wide and your browser window is fully expanded, or your browser window is expanded to at least 1600 pixels wide, then you'll have two sidebars. The left-hand sidebar contains the navigation panel, and the right-hand sidebar contains the setting panel.

Single sidebar mode

Narrower browsers only have one sidebar to conserve space for the theme preview. When you click on a section or block to edit it, the setting panel opens over top of your navigation panel in the sidebar.



特别声明:以上文章内容仅代表作者本人观点,不代表ESG跨境电商观点或立场。如有关于作品内容、版权或其它问题请于作品发表后的30日内与ESG跨境电商联系。

搜索 放大镜
韩国平台交流群
加入
韩国平台交流群
扫码进群
欧洲多平台交流群
加入
欧洲多平台交流群
扫码进群
美国卖家交流群
加入
美国卖家交流群
扫码进群
ESG跨境专属福利分享群
加入
ESG跨境专属福利分享群
扫码进群
拉美电商交流群
加入
拉美电商交流群
扫码进群
亚马逊跨境增长交流群
加入
亚马逊跨境增长交流群
扫码进群
《开店大全-全球合集》
《开店大全-主流平台篇》
《开店大全-东南亚篇》
《CD平台自注册指南》
《开店大全-俄罗斯篇》
《韩国站内推广指南》
《韩国热销品预测》
《开店大全-日韩篇》
《开店大全-拉美篇》
《开店大全-欧洲篇》
通过ESG入驻平台,您将解锁
绿色通道,更高的入驻成功率
专业1v1客户经理服务
运营实操指导
运营提效资源福利
平台官方专属优惠
联系顾问

平台顾问

平台顾问 平台顾问

微信扫一扫
马上联系在线顾问

icon icon

小程序

微信小程序

ESG跨境小程序
手机入驻更便捷

icon icon

返回顶部