页面类型

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

产品页面

默认情况下,产品页面有产品信息a节产品推荐部分。

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

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

您还可以添加以下块:

  • 文本
  • 定制的液体
  • 产品评级
  • 可折叠的选项卡
  • 弹出
  • 配套产品
  • 库存
  • SKU
  • 带有文字的图标

产品信息节最多可包含16个块。

产品信息部分设置

产品信息部分的设置
设置 描述
在桌面上启用粘性内容 当向下滚动页面时,直到所有图像都滚动过之后,产品信息列才开始滚动。
桌面媒体宽度 选择小、中或大的媒体宽度。此设置仅适用于在桌面计算机上访问页面的用户,因为媒体位置会自动针对移动设备进行优化。
将媒体约束为屏幕高度 选择此选项将根据任何设备的浏览器窗口的高度设置最大媒体高度。
媒体配合 选择原始保持媒体的原始宽高比或填满将媒体装入其容器。
桌面布局

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

  • 缩略图旋转木马-如果产品有多个媒体类型,则其余媒体将以缩略图的形式显示在主要产品媒体下方的轮播中。客户可以单击任何缩略图来加载它,或者使用旋转导航箭头来显示其他媒体。
  • 缩略图-如果产品有多个媒体类型,则其余媒体将以缩略图的形式显示在主要产品媒体下方。客户可以单击任何缩略图来加载它。
  • 堆放-显示堆叠在一起的所有产品媒体。单击堆叠媒体类型将打开一个弹出窗口,其中显示所选媒体的较大视图。
  • 桌面媒体位置 选择是否在左侧或右侧显示特色产品媒体。此设置仅适用于在桌面计算机上访问该页的用户。
    图像缩放

    选择图像在桌面上缩放的方式:

  • 开放的lightbox-打开大图。默认为移动设备。
  • 没有变焦-取消对图像的缩放。推荐用于分辨率不高的图像。
  • 点击并悬停-单击放大图像,然后悬停查看放大的不同部分。当再次单击放大的图像或鼠标离开图像的容器时,将禁用悬停缩放。当启用此设置并且用户在移动设备上时,图像将默认以模态(灯箱)打开。
  • 移动布局 选择在移动设备上隐藏或显示缩略图图像。
    当选择一个变体时隐藏其他变体的媒体 当选择一个变体时,其他变体的图像将从视图中隐藏。当变体被取消选择时,图像会重新出现。
    开启视频循环 将视频设置为循环播放,以便视频结束时自动重播。
    部分填充 在“产品信息”部分的顶部或底部添加间距。使用范围滑块在产品信息的上方或下方添加0px到100px之间的空间。

    产品信息块

    可以将以下块添加到产品信息部分。

    文本块

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

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

    改变文本的样式:

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

    标题栏

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

    块价格

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

    变量选择块

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

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

    更改变体显示给客户的方式:

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

    购买按钮块

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

    产品信息部分中购买按钮块的设置
    设置 描述
    显示动态签出按钮 控件中启用的任何动态签出选项支付设置。
    显示礼品卡产品的收件人信息表格 在礼品卡产品上显示一个可选的复选框,该复选框允许客户将礼品卡连同个人信息一起发送和安排给收件人。

    描述块

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

    产品分级块

    此块以星级显示产品的平均评分,评论数在括号内,例如:★★★★★(8)。

    显示产品评级需要产品评论应用程序,如Shopify产品评论,metafield定义reviews.rating_countreviews.rating

    互补产品块

    此块显示需要与设置的互补产品Shopify搜索和发现应用程序

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

    块的标题。

    显示为可折叠行

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

    图标

    当互补产品显示为可折叠行时,选择与标题配对的图标。

    展示最多的产品

    选择要显示的互补产品的最大数量。可以选择最少1个,最多10个。

    每页的产品数量

    您希望在每个滑块页面上显示的互补产品的数量。请在1 ~ 4之间选择一个值。

    分页样式

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

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

    确定产品卡图像的宽高比。

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

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

    分享块

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

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

    SKU块

    此块显示与产品相关的库存单位(SKU)。

    产品信息部分中SKU块的设置
    设置 描述
    文本样式

    改变文本的样式:

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

    带有文本块的图标

    此块最多显示三个带文本的图标。您可以在标准徽标或选择自己的徽标图像之间进行选择。

    产品信息部分中带有文本块的图标的设置
    设置 描述
    布局 在这个部分的水平或垂直布局之间进行选择。
    第一个图标 选择一个标准图标。
    第一个图片 为您的第一个图标选择一个图像。选择一个图像将覆盖您在第一个图标设置中选择的任何图标。点击选择图像要选择图像,或单击改变按钮更改或删除图像。
    编辑所有文本 添加一个简短的图像描述来改善SEO,并为使用屏幕阅读器的客户描述图像。
    第一个标题 为第一个图标添加标题。
    第二个图标 选择一个标准图标。
    第二个图片 为第二个图标选择一个图像。选择一个图像将覆盖您在第二个图标设置中选择的任何图标。点击选择图像要选择图像,或单击改变按钮更改或删除图像。
    编辑所有文本 添加一个简短的图像描述来改善SEO,并为使用屏幕阅读器的客户描述图像。
    第二个标题 为第二个图标添加标题。
    第三个图标 选择一个标准图标。
    第三个图片 为第三个图标选择一个图像。选择一个图像将覆盖您在第三个图标设置中选择的任何图标。点击选择图像要选择图像,或单击改变按钮更改或删除图像。
    编辑所有文本 添加一个简短的图像描述来改善SEO,并为使用屏幕阅读器的客户描述图像。
    第三个标题 为第三个图标添加标题。

    库存状态块

    此块显示产品的库存状态。

    产品信息部分中库存状态块的设置
    设置 描述
    文本样式 选择文本的样式。之间做出选择身体副标题,或大写字母
    低库存门槛 使用滑块设置产品显示低库存时的阈值,从0到100。如果将滑块设置为零,则库存显示为始终可用,直到完全脱销。
    显示存货数量 当您希望显示产品的库存数量时,请选择此选项。

    数量选择块

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

    定制液块

    这个块显示自定义液体或HTML代码你可以把它加到积木里。

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

    可折叠标签块

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

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

    弹出阻止

    此块显示可单击的文本,当单击该文本时将打开一个弹出窗口。这个弹出窗口显示其中一个页面的内容。

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

    SKU块

    当您的变体具有与之关联的SKU时,此块显示产品的SKU(库存单位)。了解更多关于向您的产品变体添加SKU编号

    带有文本块的图标

    此块最多显示三个图标,您可以从预安装的图标列表中选择,或者从您上传的图像中选择。如果选择上传图像,则上传的图像将覆盖任何图标下拉选择。

    对于图标的布局,您可以选择垂直或水平。要删除图标,请清除标题字段。若要显示三个以上的图标,请再添加一个图标带有文字的图标块。

    库存状态块

    此块显示产品库存状态,如库存、低库存或缺货。默认情况下,低库存阈值设置为10。您可以将低库存阈值更改为0到100之间的任意数字。如果选择显示存货数量复选框,然后将库存中商品的确切数量显示给客户。

    当你卖光一件商品的时候缺货状态出现。然而,如果你选择了当缺货时继续销售,然后是现在有货库存状态继续显示后,您的库存达到零或以下。

    产品推荐部分设置

    根据当前查看的产品,该部分显示相似的产品、具有相似描述的产品或经常与该产品一起购买的产品。

    产品推荐部分的设置
    设置 描述
    标题 章节的标题。您可以为节标题使用动态源。
    标题的大小 更改标题文本的大小。选择小的、中号的或大的。
    展示最多的产品 使用范围滑块选择要显示的推荐产品的最大数量。最小值:2。最大:10。
    在桌面上的列数 要在台式计算机上显示的列数。最低:1。最大:4。
    配色方案 可以应用于此部分的一组颜色。了解更多关于配色方案
    图片的比例 推荐产品图片比例:
    • 适应图像-使用图像的宽高比。这可以防止图像被裁剪。
    • 肖像-农作物的图像使用2:3的比例。
    • 广场-农作物的图像使用1:1的比例。
    在悬停时显示第二个图像 当客户将光标悬停在图像上时,如果该产品有第二个图像,则显示该产品的第二个图像。
    给供应商 显示每个产品的供应商。
    显示产品等级 以星级为单位显示产品的平均评分,并在括号内加上评论数,例如:★★★★★(8)Shopify产品评论,metafield定义reviews.rating_countreviews.rating
    移动设备上的列数 为移动设备设置特定的列布局。在1和2列之间选择。
    部分填充 在该部分的顶部或底部添加间距。使用范围滑块在区域上方或下方添加0px到100px的空间。

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

    收藏页面

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

    收集横幅部分设置

    集合横幅部分的设置
    设置 描述
    显示藏品描述 显示集合的描述。
    显示收藏图像 显示采集图像。
    配色方案 可以应用于此部分的一组颜色。了解更多关于配色方案

    产品网格部分设置

    产品网格部分的设置
    设置 描述
    每页产品 您希望在每个页面上显示的产品数量。可以是4的任意倍数,从8到24。默认为16。
    在桌面上的列数 使用范围比例选择显示在桌面计算机上的列数。最小值为1,最大值为5。
    图片的比例 产品图像的图像比例:
    • 适应图像(默认)-使用图像的宽高比。这可以防止图像被裁剪。
    • 肖像-农作物的图像使用2:3的比例。
    • 广场-农作物的图像使用1:1的比例。
    图像的形状 为您的产品图像选择以下图像形状之一:
    • 默认的-将您的产品图像更改为矩形。
    • -曲线顶部你的产品形象。
    • -将您的产品图像舍入六个随机斑点形状之一,在悬停时具有独特的动画。
    • 雪佛龙左-将您的产品形象更改为向左弯曲的雪佛龙形状。
    • 雪佛龙对吧-将您的产品形象更改为向右弯曲的雪佛龙形状。
    • 钻石-将您的产品形象更改为四边菱形。
    • 平行四边形-将您的产品形象更改为具有两对平行线的形状。
    • -将您的产品图像圆成圆形或椭圆形,在悬停时具有独特的动画效果。
    在悬停时显示第二个图像 当客户将光标悬停在产品图像上时,如果产品有第二个产品图像,则显示第二个产品图像。
    给供应商 显示每个产品的供应商。
    显示产品等级 以星级为单位显示产品的平均评分,并在括号内加上评论数,例如:★★★★★(8)Shopify产品评论,metafield定义reviews.rating_countreviews.rating
    启用快速添加按钮 快速添加按钮允许客户将商品从产品卡添加到购物车中。如果产品有变体,则按钮将读取选择选项并在弹出窗口中显示产品详细信息,客户可以在其中选择所需的变体,将商品添加到购物车中,并立即结帐现在就买,或单击以查看该项目的完整详细信息。注意,此设置依赖于现在就买按钮产品页面。如果现在就买按钮未在产品模板上启用,然后客户可以选择将产品添加到他们的购物车中,但是快速现在就买签出工作流程不显示。的桌面媒体位置页面的设置决定了媒体在快速添加模式中显示在哪一侧。
    使过滤 允许客户根据您的导航设置。
    桌面过滤器布局 在水平(默认)、垂直或抽屉布局之间进行选择。
    启用排序 允许客户对搜索结果进行排序。
    移动设备上的列数 为移动设备设置特定的列布局。在1和2列之间选择。
    部分填充 在产品网格的顶部或底部添加间距。使用范围滑块在产品网格的上方或下方添加0px到100px的空间。

    收藏列表页面

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

    收集列表页面的设置
    设置 描述
    标题 页面的标题。

    确定以何种顺序显示集合:

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

    页面

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

    博客页面

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

    博客文章部分设置

    博客文章部分显示博客中最新的博客文章。每个博客文章显示任何博客图像、博客标题以及博客文章的摘录或开头几个单词。对于较大的屏幕,您可以选择以网格或拼贴格式显示您的博客文章。

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

    博客文章页面

    博客文章页面显示博客文章的内容。默认情况下,它们包含一个博客部分。的博客Section本身没有可自定义的设置,但包含以下默认块:

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

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

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

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

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

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

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

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

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

    标题栏

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

    分享块

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

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

    内容块

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

    购物车页面

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

    项目部分设置

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

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

    小计部分设置

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

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

    密码页面

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

    密码头部分

    密码页上密码头部分的设置
    设置 描述
    配色方案 可以应用于此部分的一组颜色。了解更多关于配色方案

    电子邮件注册部分

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

    密码页面上电子邮件注册部分的设置
    设置 描述
    配色方案 可以应用于此部分的一组颜色。了解更多关于配色方案
    使截面全宽 将该部分扩展为浏览器窗口的宽度。

    标题块

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

    副标题块

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

    电子邮件表单块

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

    密码页上密码页脚部分的设置
    设置 描述
    配色方案 可以应用于此部分的一组颜色。了解更多关于配色方案

    404页的

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

    搜索页面

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

    搜索结果部分设置

    搜索结果部分的设置
    设置 描述
    在桌面上的列数 要在台式计算机上显示的列数。最低:1。最大:5。
    图片的比例 推荐产品图片比例:
    • 适应图像(默认)-使用图像的宽高比。这可以防止图像被裁剪。
    • 肖像-农作物的图像使用2:3的比例。
    • 广场-农作物的图像使用1:1的比例。
    图像的形状 为您的产品图像选择以下图像形状之一:
    • 默认的-将您的产品图像更改为矩形。
    • -曲线顶部你的产品形象。
    • -将您的产品图像舍入六个随机斑点形状之一,在悬停时具有独特的动画。
    • 雪佛龙左-将您的产品形象更改为向左弯曲的雪佛龙形状。
    • 雪佛龙对吧-将您的产品形象更改为向右弯曲的雪佛龙形状。
    • 钻石-将您的产品形象更改为四边菱形。
    • 平行四边形-将您的产品形象更改为具有两对平行线的形状。
    • -将您的产品图像圆成圆形或椭圆形,在悬停时具有独特的动画效果。
    在悬停时显示第二个图像 当客户将光标悬停在产品图像上时,如果产品有第二个产品图像,则显示第二个产品图像。
    给供应商 显示每个产品的供应商。
    显示产品等级 以星级为单位显示产品的平均评分,并在括号内加上评论数,例如:★★★★★(8)Shopify产品评论,metafield定义reviews.rating_countreviews.rating
    使过滤 单击,启用搜索结果过滤。
    桌面过滤器布局 在水平(默认)、垂直或抽屉布局之间进行选择。
    启用排序 单击以启用搜索结果排序。
    显示日期 对于每个博客文章,显示该博客文章发布的日期。
    显示的作者 对于每个博客文章,显示该博客文章的作者。
    移动设备上的列数 为移动设备设置特定的列布局。在1和2列之间选择。
    部分填充 在搜索结果的顶部或底部添加空格。使用范围滑块在搜索结果上方或下方添加0px到100px的空间。

    准备好开始使用ShOB欧宝娱乐APPopify销售了吗?

    免费试用