页面种类

每一个页面都是有其自身的默认设置系统分区和设定。

产品页面

默认设置状况下，产品页面具备产品信息内容系统分区和产品强烈推荐系统分区。

产品信息内容系统分区包括下列默认设置块：

文本（默认显示vendor属性）

文章标题

文本（默认设置显示productsubtitle属性）

价钱

多属性选择符

总数选择符

BuyButton

叙述

共享

您还能够加上下列块：

文本

自定liquid

产品得分

折叠式标识

弹出广告

产品信息内容系统分区较多可以包括16个块。

产品信息内容系统分区设定

设置叙述 在台式一体机机器设备上开启黏性具体内容往下翻转页面时，在滚动访问过全部图片以后，产品信息内容列才会逐渐翻转。 台式一体机机器设备上的合理布局

产品文件类型在桌面的显示方法。

缩列图滚屏-假如产品具备好几个新闻媒体文件属性，则剩下的文件类型将在主产品媒体文件下边的滚屏中显示为缩列图。顾客可以点一下一切缩列图来载入它，或应用滚屏导航栏箭头符号查询别的文件类型。

缩列图-假如产品具备好几个新闻媒体文件属性，则剩下的文件类型将在主产品媒体文件下边显示为缩列图。顾客可以点一下一切缩列图来载入它。

层叠-以叠加的方法显示全部产品文件类型。点一下层叠的某一新闻媒体文件属性将开启一个弹出广告，该对话框具备选定文件类型的比较大主视图。

台式一体机机器设备新闻媒体图片大小在小、中或大新闻媒体文件尺寸中间挑选。文件类型会对于设备全自动提升。 设备合理布局挑选在设备上掩藏或显示缩列图。 在某一多属性被选定时掩藏别的多属性的文件类型挑选一种多属性后，系统软件会掩藏别的多属性的图片。撤销挑选该多属性后，别的图片将再次发生。 开启短视频循环系统将短视频设置为循环播放，便于短视频在播放结束后全自动播放。 系统分区添充将间隔加上到“产品信息内容”系统分区的上方或底端。应用范畴滚轮在“产品信息内容”上边或下边加上0px到100px中间的室内空间。

产品信息内容块

可以将下列块加上到产品信息内容系统分区。

文本块

文本块可用以应用动态性源显示静态数据文本或自变量数据信息。例如，您可以加上有关文本来显示营销推广信息（如“满100美金免邮），使每一件产品上面显示同样的文本具体内容。您还能够加上动态性源，如产品的生产商字段名，该字段将随查询的产品而转变。

设定叙述 文本向产品页面加上信息内容。适用文本或动态性源。 文本款式

变更文本的款式：

文章正文-将文本更改成文章段落款式的文本。

小标题-将文本更改成小标题文本，该文本略大文章段落款式的文本。

英文大写-将文本更改成字体样式低于文章段落款式的文本，并将全部标识符英文大写。

文章标题块

此块显示产品的标题。它不具备可更改的设定。

价钱块

此块显示产品的标价信息内容，例如价钱和售价。它不具备可更改的设定。

多属性选择符块

此块显示产品的全部多属性选择项。

设定叙述 种类

变更向顾客展现多属性的方法：

按键-以按钮（可点一下）的方式显示多属性。

下拉列表-在可进行的下拉列表中显示多属性。

BuyButton块

此块会显示“加上到加入购物车”按键和全部店面自取信息内容。此块还能够显示一切动态性付款按键。

设定叙述 显示动态性付款按键显示您已在 付款设定中开启的一切动态性付款选择项。

叙述块

此块显示产品的描述。它不具备可调节设定。

产品得分块

此块用星辰图型显示均值产品得分，并在引号里标明评价频次，例如★★★★★(8)。

显示产品得分必须产品评价运用（例如ShopifyProductReviews）及其元字段名界定（用以reviews.rating_count和reviews.rating）。

共享块

此块显示一个可单击的连接，顾客可应用此链接在其社交媒体上共享产品。

设定叙述 文本可点一下文本，顾客点一下此文本就可以将产品发送到其社交媒体。

总数选择符块

此块会显示总数选择符，让顾客可改要订购的产品产品数量。此块中沒有可更改的设定。默认设置总数为1。

自定Liquid块

此块显示您可以增加到块中的自定Liquid或HTML编码。

设定叙述 自定liquid显示您可以键入为Liquid或HTML编码的具体内容。

折叠式标识块

此块会显示带文章标题的折叠式标识。当顾客点一下文章标题时，该标识将进行，以显示大量具体内容。

设定叙述 文章标题标识的文章标题。在折叠式和进行标识时显示。 标签具体内容标识的具体内容。仅在进行标识时显示。 页面中的标签具体内容在标识中显示页面具体内容。仅显示页面编辑软件中的页面具体内容，此块中不容易显示页面模版中的Liquid款式。在 标识具体内容中填写的其他具体内容都将显示在页面内容上边。

弹出广告块

此块会显示可单击的文本，点一下这种文本就可以开启一个弹出广告。该弹出窗口会显示您某一个页面含有的具体内容。

设定叙述 连接标识可点一下文本，顾客点一下此文本就可以显示弹出广告。 页面您要在弹出窗口中显示其主要内容的页面。仅显示页面编辑软件中的页面具体内容。该弹出广告不容易显示页面模版中一切Liquid款式。

产品强烈推荐系统分区设定

依据现阶段查询的产品，此系统分区会显示相近产品或常常与此产品一起购入的产品。

设定叙述 文章标题系统分区的文章标题。 图片比强烈推荐产品的图片的图片比：

融入图片-应用图片的纵横比。这可以避免图片被剪裁。

竖向-将图片剪裁为应用2:3占比。

正方形-将图片剪裁为应用1:1占比。

在悬浮时显示第二张图片在顾客将鼠标光标悬浮在图片处时，显示产品的第二张图片（如果有）。 加上图片添充在产品图片周边提升另外的室内空间。 显示图片外框在图片周边显示外框。 显示生产商显示每一款产品的生产商。 显示产品得分用星辰图型显示均值产品得分，并在引号里标明评价频次，例如★★★★★(8)。还必须产品评价运用（例如ShopifyProductReviews）及其元字段名界定（用以reviews.rating_count和reviews.rating）。

若要深入分析产品强烈推荐，客户程序掌握产品强烈推荐。

产品系列产品页面

默认设置状况下，产品系列产品页面具备产品系列产品条幅和产品网格图系统分区。

产品系列产品条幅系统分区设定

设置叙述 显示产品系列产品叙述显示产品系列产品的叙述。 显示产品系列产品图片显示产品系列图片。

产品网格图系统分区设定

设置叙述 每张产品数您要在每页上显示的产品总数。可以是4的一切倍率-从8到24。默认设置为16。 图片比产品图片的图片比：

融入图片（默认设置）-应用图片的纵横比。这可以避免图片被剪裁。

竖向-将图片剪裁为应用2:3占比。

正方形-将图片剪裁为应用1:1占比。

在悬浮时显示第二张图片在顾客将鼠标光标悬浮在产品图片处时，显示第二张产品图象（假如产品有第二张图片）。 加上图片添充在产品图片周边提升另外的室内空间。 显示图片外框在图片周边显示外框。 显示生产商显示每一款产品的生产商。 显示产品得分用星辰图型显示均值产品得分，并在引号里标明评价频次，例如★★★★★(8)。还必须产品评价运用（例如ShopifyProductReviews）及其元字段名界定（用以reviews.rating_count和reviews.rating）。 开启挑选使顾客可依据您的 导航栏设定中的筛选条件来挑选产品系列产品中的产品。 开启排列

使顾客可根据以下几点对产品系列产品中的产品开展排列：

特点-最受欢迎的产品，根据包括该产品的全部单量。假如您还未市场销售一切产品，则此选择项会按从全新到最开始的次序为您的产品排列。

热销-依据每一款产品的购买频次按降序显示产品。

字母顺序，A-Z-按字母顺序显示产品。

字母顺序，Z-A-按倒序字母顺序显示产品。

价钱，低到高-按从最低价位格到最大价钱的次序显示产品。

价钱，高到低-按从最大价钱到最少价钱的次序显示产品。

日期，早到新-根据在门店中加上每一款产品的时长，按从最开始到近期的次序显示产品。

日期，新到早-根据向店铺中加上每一款产品的时长，按从全新到最开始的次序显示产品。

在比较大显示屏上折叠式

顾客务必点一下“挑选和排序”文章标题才可以显示一切挑选或排序选择项。务必最少开启启用挑选或开启排序中的一个选择项才可以显示“挑选和排序”文章标题。

产品系列目录网页页面

产品系列目录网页页面显示在线商店营销渠道中供货的全部产品系列。

设定叙述 文章标题网页页面文章标题。 产品系列排序根据

明确产品系列的显示次序：

字母顺序，A-Z-按字母顺序显示产品系列。

字母顺序，Z-A-按倒序字母顺序显示产品系列。

日期，新到早-根据在门店中建立每一个产品系列的时长，按从全新到最开始的次序显示产品系列。

日期，早到新-根据在门店中建立每一个产品系列的时长，按从最开始到近期的次序显示产品系列。

产品记数，高到低-根据产品系列中包括的产品数，按从最大总数到最少总数的次序显示产品系列。

产品记数，低到高-根据产品系列中包括的产品数，按从最少总数到最大数目的次序显示产品系列。

图片比产品系列图片的图片比：

融入图片（默认设置）-应用图片的纵横比。这可以避免图片被剪裁。

竖向-将图片剪裁为应用2:3占比。

正方形-将图片剪裁为应用1:1占比。

色彩搭配产品系列文章标题系统分区和图片添充的背景颜色。可从“注重色1”、“强调色2”、“环境1”、“背景2”或“翻转色”中挑选。 加上图片添充在产品系列图片周边加上附加的室内空间。

Shopify商家官方网站全文详细信息：

Pagetypes

Eachpagehasitsowndefaultsectionsandsettings.

Productpages

Bydefault,productpageshaveaProductinformationsectionandaProductrecommendationssection.

TheProductinformationsectioncontainsthefollowingdefaultblocks:

Text(defaultdisplaysthevendorattribute)

Title

Text(defaultdisplaystheproductsubtitleattribute)

Price

Variantpicker

Quantityselector

Buybuttons

Description

Share

Youcanalsoaddthefollowingblocks:

Text

Customliquid

Productrating

Collapsibletab

Pop-up

TheProductinformationsectioncancontainupto16blocks.

Productinformationsectionsettings

SettingDescription EnablestickycontentondesktopWhenscrollingdownapage,theproductinformationcolumndoesntbeginscrollinguntilallimageshavebeenscrolledthrough. Desktoplayout

Howtheproductmediadisplayondesktop.

Thumbnailcarousel-Iftheproducthasmorethanonemediatype,theremainingmediawillappearasthumbnailsinacarouselbelowthemainproductmedia.Thecustomercanclickonanythumbnailtoloadit,orusethecarouselnavigationarrowstoseeothermedia.

Thumbnails-Iftheproducthasmorethanonemediatype,theremainingmediawillappearasthumbnailsbelowthemainproductmedia.Thecustomercanclickonanythumbnailtoloadit.

Stacked-Displaysallproductmediastackeduponeachother.Clickingonastackedmediatypewillopenapop-upwindowwithalargerviewoftheselectedmedia.

DesktopmediasizeChoosebetweensmall,medium,orlargemediasize.Themediaisautomaticallyoptimizedformobile. MobilelayoutChoosetohideorshowthumbnailimagesonmobile. HideothervariantsmediawhenavariantisselectedWhenavariantisselected,imagesofothervariantsarehiddenfromview.Imagesreappearwhenvariantisdeselected. EnablevideoloopingSetsthevideotoplayonaloop,sothatthevideowillreplayautomaticallywhenitfinishes. SectionpaddingAddspacingtothetoporbottomofProductInformationsection.Usetherangeslidertoaddbetween0pxand100pxofspaceaboveorbelowtheProductInformation.

Productinformationblocks

ThefollowingblockscanbeaddedtotheProductinformationsection.

Textblock

Thetextblockcanbeusedtodisplaystatictextorvariabledatausingdynamicsources.Forexample,youcouldaddtextdisplayingamarketingmessage,suchasFreeshippingover$100USD,whichwoulddisplaythesameoneachproduct.Youcouldalsoaddadynamicsource,suchastheproductsVendorfield,whichwouldchangedependingonwhichproductisbeingviewed.

SettingDescription TextAddsinformationtotheproductpage.Supportstextordynamicsources. Textstyle

Changesthestyleofthetext:

Body-Changesthetexttoparagraph-styletext.

Subtitle-Changesthetexttosubtitletext,whichisslightlylargerthanparagraph-styletext.

Uppercase-Changesthetexttobesmallerthanparagraph-styletext,andputsallcharactersincaps.

Titleblock

Thisblockdisplaystheproductstitle.Ithasnoadjustablesettings.

Priceblock

Thisblockdisplaystheproductspricinginformation,suchaspriceandcompareatprice.Ithasnoadjustablesettings.

Variantpickerblock

Thisblockdisplaysanyvariantoptionsfortheproduct.

SettingDescription Type

Changeshowthevariantsaredisplayedtocustomers:

Button-Displaysthevariantsasclickablebuttons.

Dropdown-Displaysthevariantsinanexpandabledrop-downmenu.

Buybuttonsblock

ThisblockdisplaystheAddtocartbuttonandanyin-storepickupinformation.Itcanalsoshowanydynamiccheckoutbuttons.

SettingDescription ShowdynamiccheckoutbuttonsDisplaysanydynamiccheckoutoptionsthatyouhaveenabledinyour Paymentssettings.

Descriptionblock

Thisblockdisplaystheproductsdescription.Ithasnoadjustablesettings.

Productratingblock

Thisblockdisplaystheaverageproductratinginstars,withthenumberofreviewsinparenthesis,forexample:★★★★★(8).

DisplayingproductratingsrequiresaproductreviewappsuchasShopifyProductReviews,andmetafielddefinitionsforreviews.rating_countandreviews.rating.

Shareblock

Thisblockdisplaysaclickablelinkthatletscustomerssharetheproductontheirsocialmedia.

SettingDescription TextTheclickabletextthatcustomersclicktosharetheproducttotheirsocialmedia.

Quantityselectorblock

Thisblockdisplaysaquantityselectorthatcustomerscanusetochangehowmanyunitsoftheproductthattheywanttopurchase.Ithasnoadjustablesettings.Thedefaultquantityis1.

Customliquidblock

ThisblockdisplayscustomLiquidorHTMLcodethatyoucanaddtotheblock.

SettingDescription CustomliquidDisplayscontentthatyoucanenterasLiquidorHTMLcode.

Collapsibletabblock

Thisblockdisplaysacollapsibletabwithatitle.Whenacustomerclicksthetitle,thetabexpandstodisplayadditionalcontent.

SettingDescription HeadingThetitleofthetab.Displayswhencollapsedandexpanded. TabcontentThecontentofthetab.Displaysonlywhenthetabisexpanded. TabcontentfrompageDisplayscontentfromapageinthetab.Displaysonlythepagecontentfromthepageeditor,noLiquidstylingfromthepagestemplatedisplaysinthisblock.Anycontententeredin Tabcontentdisplaysabovethepagecontent.

Pop-upblock

Thisblockdisplaysclickabletextthatopensapop-upwindowwhenclicked.Thispop-updisplayscontentfromoneofyourpages.

SettingDescription LinklabelTheclickabletextthatcustomersclicktodisplaythepop-upwindow. PageThepageyouwanttodisplaycontentfrominthepop-upwindow.Displaysonlythepagecontentfromthepageeditor.Thepop-updoesntdisplayanyLiquidstylingfromthepagetemplate.

Productrecommendationssectionsettings

Basedontheproductcurrentlybeingviewed,thissectiondisplayssimilarproducts,orproductsthatarefrequentlyboughttogetherwiththisproduct.

SettingDescription HeadingThetitleofthesection. ImageratioTheimageratiofortheimagesoftherecommendedproducts:

Adapttoimage-Usestheaspectratiooftheimages.Thispreventstheimagefrombeingcropped.

Portrait-Cropstheimagestousea2:3ratio.

Square-Cropstheimagestousea1:1ratio.

ShowsecondimageonhoverWhenthecustomerhoverstheircursorovertheimage,displaysthesecondimagefortheproductiftheproducthasone. AddimagepaddingAddsextraspacearoundtheproductimages. ShowimageborderDisplaysaborderaroundtheimage. ShowvendorDisplaysthevendorforeachproduct. ShowproductratingDisplaystheaverageproductratinginstarswiththenumberofreviewsinparenthesis,forexample:★★★★★(8).AlsorequiresaproductreviewappsuchasShopifyProductReviews,andmetafielddefinitionsforreviews.rating_countandreviews.rating.

Tolearnmoreaboutproductrecommendations,refertoUnderstandingproductrecommendations.

Collectionpages

Bydefault,collectionpageshaveaCollectionbannerandaProductgridsection.

Collectionbannersectionsettings

SettingDescription ShowcollectiondescriptionDisplaysthedescriptionofthecollection. ShowcollectionimageDisplaysthecollectionimage.

Productgridsectionsettings

SettingDescription ProductsperpageThenumberofproductsthatyouwanttodisplayoneachpage.Canbeanymultipleof4,from8to24.Defaultsto16. ImageratioTheimageratiofortheproductimages:

Adapttoimage(default)-Usestheaspectratiooftheimages.Thispreventstheimagesfrombeingcropped.

Portrait-Cropstheimagestousea2:3ratio.

Square-Cropstheimagestousea1:1ratio.

ShowsecondimageonhoverWhenthecustomerhoverstheircursorovertheproductimage,displaysthesecondproductimageiftheproducthasone. AddimagepaddingAddsextraspacearoundtheproductimages. ShowimageborderDisplaysaborderaroundtheimage. ShowvendorDisplaysthevendorforeachproduct. ShowproductratingDisplaystheaverageproductratinginstarswiththenumberofreviewsinparenthesis,forexample:★★★★★(8).AlsorequiresaproductreviewappsuchasShopifyProductReviews,andmetafielddefinitionsforreviews.rating_countandreviews.rating. EnablefilteringLetscustomersfiltertheproductsinthecollectionbasedonthefiltersinyour Navigationsettings. Enablesorting

Letscustomerssorttheproductsinthecollectionbasedonthefollowing:

Featured-Bestsellingproduct,basedontheall-timenumberofordersthatincludetheproduct.Ifyouhaventsoldanyproductsyet,thenthisoptionsortsyourproductsfromnewesttooldest.

Bestselling-Displaystheproductsindescendingorderbasedonhowmanytimeseachproducthasbeenordered.

Alphabetically,A-Z-Displaystheproductsinalphabeticalorder.

Alphabetically,Z-A-Displaystheproductsinreversealphabeticalorder.

Price,lowtohigh-Displaystheproductsfromthelowestpricetothehighestprice.

Price,hightolow-Displaystheproductsfromthehighestpricetothelowestprice.

Date,oldtonew-Displaystheproductsfromtheoldesttothenewest,basedonwheneachproductwasaddedtoyourstore.

Date,newtoold-Displaystheproductsfromthenewesttotheoldest,basedonwheneachproductwasaddedtoyourstore.

CollapseonlargerscreensCustomersmustclickaFilterandsortheadingtodisplayanyfilteringorsortingoptions.Atleastoneof Enablefilteringor EnablesortingmustbeenabledfortheFilterandsortheadingtodisplay.

Collectionslistpages

ThecollectionslistpagedisplaysallyourcollectionsthatareavailableontheOnlineStoresaleschannel.

SettingDescription HeadingThetitleofthepage. Sortcollectionsby

Determinesinwhatordertodisplayyourcollections:

Alphabetically,A-Z-Displaysthecollectionsinalphabeticalorder.

Alphabetically,Z-A-Displaysthecollectionsinreversealphabeticalorder.

Date,newtoold-Displaysthecollectionsfromthenewesttotheoldest,basedonwheneachcollectionwascreatedinyourstore.

Date,oldtonew-Displaysthecollectionsfromtheoldesttothenewest,basedonwheneachcollectionwascreatedinyourstore.

Productcount,hightolow-Displaysthecollectionsbasedonhowmanyproductstheycontain,fromhighesttolowest.

Productcount,lowtohigh-Displaysthecollectionsbasedonhowmanyproductstheycontain,fromlowesttohighest.

ImageratioTheimageratioforthecollectionimages:

Adapttoimage(default)-Usestheaspectratiooftheimages.Thispreventstheimagesfrombeingcropped.

Portrait-Cropstheimagestousea2:3ratio.

Square-Cropstheimagestousea1:1ratio.

ColorschemeThebackgroundcolorofthecollectiontitlesectionandimagepadding.CanpickedfrombetweenAccent1,Accent2,Background1,Background2,orInverse. AddimagepaddingAddsextraspacearoundthecollectionimages.

文章内容由来：Shopify商户官方网站