页面类型

本页打印于2023年1月24日。当前版本请访问https://help.shopify.com/en/manual/online-store/themes/theme-structure/page-types。

每个页面都有自己的默认部分和设置。

产品页面

默认情况下，产品页具有产品信息Section和a产品推荐部分。

的产品信息节包含以下默认块:

  • 文本(默认显示供应商属性)
  • 标题
  • 文本(默认显示产品副标题属性)
  • 价格
  • 变体选择器
  • 量选择器
  • 购买按钮
  • 描述
  • 分享

您还可以添加以下块:

  • 文本
  • 定制的液体
  • 产品评级
  • 可折叠的选项卡
  • 弹出
  • 配套产品

的产品信息Section最多可以包含16个块。

产品信息部分设置

产品信息部分的设置
设置 描述
启用桌面粘滞内容 向下滚动页面时，直到所有图像都已滚动完，产品信息列才开始滚动。
桌面媒体位置 选择将产品媒体放在左边还是右边。此设置仅适用于在桌面计算机上访问页面的用户，媒体位置将自动针对移动设备进行优化。
桌面布局

产品媒体如何在桌面上显示。

  • 缩略图旋转木马-如果产品有多个媒体类型，其余媒体将以缩略图的形式显示在主产品媒体下方的传送带中。客户可以单击任何缩略图来加载它，或者使用旋转导航箭头来显示其他媒体。
  • 缩略图-如果产品有一个以上的媒体类型，其余的媒体将以缩略图的形式显示在主要产品媒体的下方。客户可以单击任何缩略图来加载它。
  • 堆放-显示堆叠在一起的所有产品介质。单击一个堆叠媒体类型将打开一个弹出窗口，其中显示所选媒体的较大视图。
    		•
    桌面媒体大小 选择小，中或大媒体大小。媒体是自动优化的移动。
    移动布局 选择在移动设备上隐藏或显示缩略图。
    当选择一个变量时，隐藏其他变量的媒体 当选择一个变量时，其他变量的图像将从视图中隐藏。当变体被取消选择时，图像重新出现。
    开启视频循环 将视频设置为循环播放，以便视频结束时自动重放。
    部分填充 在“产品信息”部分的顶部或底部增加间距。使用范围滑块在产品信息的上方或下方添加0px到100px的空间。

    产品信息块

    对象中可以添加以下块产品信息部分。

    文本块

    文本块可用于显示静态文本或变量数据动力来源．例如，您可以添加显示营销消息的文本，例如“免费送货超过100美元”，这将在每个产品上显示相ob欧宝娱乐app下载地址同的内容。您还可以添加动态源，例如产品的动态源供应商字段，该字段将根据所查看的产品而更改。

    产品信息部分中文本块的设置
    设置 描述
    文本 向产品页添加信息。支持文本或动态源。
    文本样式

    更改文本的样式:

    • 身体-将文本更改为段落样式的文本。
    • 副标题-将文本更改为副标题文本，副标题文本略大于段落样式文本。
    • 大写字母-将文本更改为比段落样式的文本更小，并将所有字符都用大写。

    标题栏

    此块显示产品的标题。它没有可调的设置。

    块价格

    此块显示产品的定价信息，例如价格和价格比较。它没有可调的设置。

    变体拾取器块

    此块显示产品的任何变体选项。

    产品信息部分中的变体选择器块的设置
    设置 描述
    类型

    更改向客户显示变量的方式:

    • 药片-显示变量为可点击的按钮。
    • 下拉—在可展开的下拉菜单中显示变量。

    购买按钮块

    此块显示“添加到购物车”按钮和任何店内提货信息。它还可以显示任何动态结帐按钮。

    产品信息部分中购买按钮块的设置
    设置 描述
    显示动态结帐按钮 控件中已启用的任何动态签出选项支付设置。

    描述块

    此块显示产品的描述。它没有可调的设置。

    产品评级块

    此块以星星为单位显示产品的平均评级，括号内是评论的数量，例如:★★★★★(8)。

    显示产品评级需要一个产品评论应用程序，如Shopify产品评论,metafield定义为reviews.rating_count而且reviews.rating．

    互补产品块

    控件显示需要设置的补充产品Shopify搜索和发现应用程序．

    产品信息部分中的补充产品块的设置
    设置 描述
    标题

    块的标题。
    显示为可折叠行

    选中后，内容将以折叠的方式显示在行选项卡下。当客户单击标题时，选项卡将展开以显示其他内容。
    图标

    当互补产品显示为可折叠行时，选择一个图标与标题配对。
    显示最多的产品

    选择要显示的互补产品的最大数量。可以选择最小值为1，最大值为10。
    每页产品数量

    每个滑块页要显示的补充产品的数量。选择1-4之间的值。
    分页样式

    显示在图像下方的滑块导航的样式。

    • 点
    • 计数器(默认)
    • 数字
    图片的比例

    确定产品卡图像的纵横比。

    • 肖像
    • 广场(默认)
    显示快速添加按钮

    “快速添加”按钮允许客户从产品卡中添加商品到购物车。如果产品有变体，则显示按钮选择选项并在弹出窗口中显示相关产品细节。客户可以选择不同的型号添加到购物车，立即与结账现在就买选项，或单击查看项目的全部详细信息。的现在就买选项需要与产品页面显示在快速添加选项中。当现在就买选项没有设置，客户仍然可以将项目添加到他们的购物车。

    分享块

    这个块显示一个可点击的链接，让客户在他们的社交媒体上分享产品。

    产品信息部分中共享块的设置
    设置 描述
    文本 客户通过点击将产品分享到社交媒体上的可点击文本。

    数量选择块

    此块显示一个数量选择器，客户可以使用该选择器更改他们想要购买的产品数量。它没有可调的设置。默认数量为1。

    定制液体块

    此块显示自定义Liquid或HTML代码可以添加到块中。

    产品信息部分中的自定义液体块的设置
    设置 描述
    定制的液体 显示您可以输入为的内容液体或HTML代码．

    可折叠标签块

    此块显示一个带有标题的可折叠选项卡。当客户单击标题时，选项卡将展开以显示其他内容。

    产品信息部分中可折叠选项卡块的设置
    设置 描述
    标题 标签的标题。显示折叠和展开时的情况。
    标签内容 选项卡的内容。仅在展开选项卡时显示。
    页中的标签内容 在选项卡中显示页面的内容。在此块中只显示来自页面编辑器的页面内容，不显示来自页面模板的Liquid样式。输入的任何内容标签内容显示在页面内容上方。

    弹出阻止

    此块显示可单击的文本，在单击时打开一个弹出窗口。此弹出窗口显示来自您的某个页面的内容。

    产品信息部分中弹出块的设置
    设置 描述
    链接的标签 客户单击以显示弹出窗口的可单击文本。
    页面 要在弹出窗口中显示内容的页面。仅显示来自页面编辑器的页面内容。弹出窗口不会显示来自页面模板的任何Liquid样式。

    产品推荐部分设置

    根据当前正在浏览的产品，此部分显示类似产品、描述相似的产品或与此产品经常一起购买的产品。

    产品推荐部分的设置
    设置 描述
    标题 章节的标题。您可以为节标题使用动态源。
    标题的大小 更改标题文本的大小。选择小的，中号或大的。
    显示最多的产品 使用范围滑块选择要显示的推荐产品的最大数量。最小值:2。最大:10。
    桌面上的列数 在台式计算机上显示的列数。最低:1。最大:4。
    配色方案 产品推荐部分的背景色。在重音1、重音2、背景1、背景2或反向之间进行选择。
    图片的比例 推荐产品图片的图片比例:
    • 适应形象-使用图像的纵横比。这可以防止图像被裁剪。
    • 肖像-作物图像使用2:3的比例。
    • 广场-以1:1的比例裁剪图像。
    显示第二个图像悬停 当客户将光标悬停在图像上时，如果该产品有第二个图像，则显示该产品的第二个图像。
    给供应商 显示每个产品的供应商。
    显示产品评级 显示平均产品评级在星星和括号中的评论数量，例如:★★★★★(8)。还需要一个产品评论应用程序，如Shopify产品评论,metafield定义为reviews.rating_count而且reviews.rating．
    移动设备上的列数 为移动设备设置特定的列布局。在1列和2列之间选择。
    部分填充 在部分的顶部或底部添加间距。使用范围滑块在部分的上方或下方添加0px到100px的空间。

    要了解有关产品推荐的更多信息，请参阅了解产品推荐．

    收藏页面

    默认情况下，集合页有一个收集旗帜和一个产品的网格部分。

    收集横幅部分设置

    集合横幅部分的设置
    设置 描述
    展示藏品说明 显示集合的描述。
    显示采集图像 显示集合图像。
    配色方案 多列部分的背景色。在重音1、重音2、背景1、背景2或反向之间进行选择。

    产品网格段设置

    产品网格部分的设置
    设置 描述
    每页产品 希望在每页上显示的产品数量。可以是4的任意倍数，从8到24。默认值为16。
    桌面上的列数 使用范围缩放来选择出现在桌面计算机上的列数。最小值是1，最大值是5。
    图片的比例 产品图片的图像比例:
    • 适配图像(默认)-使用图像的纵横比。这可以防止图像被裁剪。
    • 肖像-作物图像使用2:3的比例。
    • 广场-以1:1的比例裁剪图像。
    显示第二个图像悬停 当客户将光标悬停在产品图像上时，如果该产品有第二个产品图像，则显示第二个产品图像。
    给供应商 显示每个产品的供应商。
    显示产品评级 显示平均产品评级在星星和括号中的评论数量，例如:★★★★★(8)。还需要一个产品评论应用程序，如Shopify产品评论,metafield定义为reviews.rating_count而且reviews.rating．
    启用快速添加按钮 快速添加按钮允许客户从产品卡中将商品添加到购物车中。如果该产品有变体，则该按钮将显示选择选项并在弹出窗口中显示产品详细信息，客户可以在其中选择所需的变体，将项目添加到购物车，立即结帐现在就买，或按此阅览有关项目的详细资料。注意，此设置依赖于现在就买按钮正在启用产品页面．如果现在就买按钮没有在产品模板上启用，那么客户可以选择将产品添加到他们的购物车中，但是快速现在就买签出工作流不显示。的桌面媒体位置页面的设置决定在快速添加模式中媒体显示在哪一侧。
    使过滤 允许客户根据您的过滤器来过滤集合中的产品导航设置。
    桌面过滤器布局 选择水平(默认)、垂直或抽屉布局。
    启用排序 允许客户对搜索结果进行排序。
    移动设备上的列数 为移动设备设置特定的列布局。在1列和2列之间选择。
    部分填充 在产品网格的顶部或底部添加间距。使用范围滑块在产品网格的上方或下方添加0px到100px的空间。

    收藏列表页面

    收藏列表页面显示在线商店销售渠道上可用的所有收藏。欧宝体育官网入口首页

    集合列表页的设置
    设置 描述
    标题 页面的标题。
    对集合进行排序

    决定以什么顺序显示集合:

    • 按字母顺序,所有—按字母顺序显示集合。
    • 按字母顺序,Z-A—按字母顺序倒序显示集合。
    • 约会，新到老-根据每个收藏在您的商店中创建的时间，显示从最新到最古老的收藏。
    • 约会，从旧到新-根据每个收藏在您的商店中创建的时间，显示从最古老到最新的收藏。
    • 产品数量，从高到低-根据集合包含的产品数量，从高到低显示集合。
    • 产品数量，从低到高-根据集合包含的产品数量，从低到高显示集合。
    图片的比例 集合图像的图像比:
    • 适配图像(默认)-使用图像的纵横比。这可以防止图像被裁剪。
    • 肖像-作物图像使用2:3的比例。
    • 广场-以1:1的比例裁剪图像。
    桌面上的列数 在台式计算机上显示的列数。最低:1。最大:5。
    移动设备上的列数 为移动设备设置特定的列布局。在1列和2列之间选择。

    页面

    您可以在Shopify管理员中创建自定义页面，为客户创建内容，例如关于我们的页面或关于产品的额外信息。这些页面在主题编辑器中没有额外的设置。

    博客页面

    博客页面是您在Shopify管理中创建的任何博客的主页。默认情况下，它们包含博客文章部分。

    博客文章部分设置

    博客文章部分显示博客中最新的博客文章。每篇博客文章都显示任何博客图片、博客标题以及摘录或博客文章的前几个字。对于较大的屏幕，您可以选择以网格或拼贴格式显示您的博客文章。

    博客文章部分的设置
    设置 描述
    大屏幕布局 在网格或拼贴中显示博客文章。
    显示特色图像 显示博客文章的特色图片。
    特色图像高度 使用下拉菜单在默认值之间进行选择适应形象，小，媒介,或大．
    显示日期 对于每个博客文章，显示该博客文章的发布日期。
    显示的作者 对于每个博客文章，显示该博客文章的作者。

    博客文章页面

    博客文章页面显示博客文章的内容。默认情况下，它们包含博客部分。的博客节本身没有可定制的设置，但包含以下默认块:

    • 有特色的图片
    • 标题
    • 分享
    • 内容
    博客文章页面上的特色图像块的设置
    设置 描述
    特色图像高度

    决定博客文章特色图像的高度:

    • 适配图像(默认)-保持图像的原始纵横比。
    • 下面列出了图像规格。在小，媒介,或大特色形象。
    博客文章页面上的特色图像块的大小
    小卡片 大的卡片
    小特征图像高度

    • 桌面- 177 px
    • 平板电脑- 143 px
    • 移动- N /
    		 大特征图像高度

    • 桌面- 27px
    • 平板电脑- 220像素
    • 移动- 110像素
    中等特征图像高度

    • 桌面- 30px
    • 平板电脑- 219 px
    • 移动- N /
    		 中等特征图像高度

    • 桌面- 550 px
    • 平板电脑- 440像素
    • 移动- 220像素
    大特征图像高度

    • 桌面- 407 px
    • 平板电脑- 27px
    • 移动- N /
    		 大特征图像高度

    • 桌面- 825 px
    • 平板电脑- 660 px
    • 移动- 330 px

    标题栏

    博客文章页面上标题块的设置
    设置 描述
    显示日期 显示博客文章的发布日期。
    显示的作者 显示博客文章的作者。

    分享块

    这个块显示一个可点击的链接，让客户在他们的社交媒体上分享博客文章。

    博客文章页面上共享块的设置
    设置 描述
    文本 客户通过点击将博客文章分享到社交媒体上的可点击文本。

    内容块

    内容块显示博客文章的内容。它没有可定制的设置。

    购物车页面

    默认情况下，购物车页面具有项目和一个小计部分。

    项目部分设置

    的项目部分显示客户添加到购物车中的产品和数量。

    购物车页面上的项目部分的设置
    设置 描述
    给供应商 显示购物车中每个产品的供应商。

    小计分段设置

    的小计部分有一个小计价格和一个结帐按钮块。这两个块都没有任何可定制的设置。

    购物车页面上小计部分的设置
    设置 描述
    启用购物车备注 显示了车注意客户可在其中输入其他信息的字段。

    密码页面

    当您的在线商店启用密码保护并且客户试图访问您的网站时，将显示密码页面。欧宝体育官网入口首页此页面有自己的页眉和页脚，并包含电子邮件注册部分默认为。

    密码头部分

    密码页上的密码头部分的设置
    设置 描述
    标志形象 要显示的标志。
    自定义logo宽度 标志的宽度。可以是10的任意倍数，从50 px到250 px。默认值为100px。
    背景方案 密码头部分的背景和图像填充可以从Accent 1、Accent 2、background 1、background 2或Inverse之间选择。

    电子邮件注册部分

    该部分旨在为客户提供一种订阅您的电子邮件营销的方式，以便他们可以更多地了解您的业务，例如何时开始营业。ob欧宝娱乐app下载地址

    密码页上的电子邮件注册部分的设置
    设置 描述
    配色方案 电子邮件注册部分的背景色。可以从重音1、重音2、背景1、背景2或反向之间选择。
    使截面全宽 将节扩展为浏览器窗口的宽度。

    标题块

    密码页中密码标题部分的标题块的设置
    设置 描述
    标题 章节的标题。

    副标题块

    密码页中密码标题部分的标题块的设置
    设置 描述
    描述 部分的文本内容。

    电子邮件表单块

    此块显示电子邮件表单字段，客户可以在其中输入他们的电子邮件地址。此块没有可定制的设置。

    密码页的密码页脚部分的设置
    设置 描述
    配色方案 密码页脚部分的背景颜色。可以从重音1、重音2、背景1、背景2或反向之间选择。

    404页的

    当客户试图访问一个不存在的站点链接时，例如您从商店中删除的产品的产品页面，就会显示404页面。此页没有可自定义的设置。

    搜索页面

    搜索页面是客户可以在您的在线商店中搜索特定产品或页面的地方。欧宝体育官网入口首页该页包含一个搜索结果部分默认为。

    搜索结果部分设置

    搜索结果部分的设置
    设置 描述
    桌面上的列数 在台式计算机上显示的列数。最低:1。最大:5。
    图片的比例 推荐产品图片的图片比例:
    • 适配图像(默认)-使用图像的纵横比。这可以防止图像被裁剪。
    • 肖像-作物图像使用2:3的比例。
    • 广场-以1:1的比例裁剪图像。
    显示第二个图像悬停 当客户将光标悬停在产品图像上时，如果该产品有第二个产品图像，则显示第二个产品图像。
    给供应商 显示每个产品的供应商。
    显示产品评级 显示平均产品评级在星星和括号中的评论数量，例如:★★★★★(8)。还需要一个产品评论应用程序，如Shopify产品评论,metafield定义为reviews.rating_count而且reviews.rating．
    使过滤 单击，开启对搜索结果的过滤。
    桌面过滤器布局 选择水平(默认)、垂直或抽屉布局。
    启用排序 单击，启用搜索结果排序。
    显示日期 对于每个博客文章，显示该博客文章的发布日期。
    显示的作者 对于每个博客文章，显示该博客文章的作者。
    移动设备上的列数 为移动设备设置特定的列布局。在1列和2列之间选择。
    部分填充 在搜索结果的顶部或底部添加空格。使用范围滑块在搜索结果的上方或下方添加0px到100px的空间。

    准备好开始与ShoOB欧宝娱乐APPpify销售?

    免费试用