台式一体机机器设备和移动设备上的文本两端对齐方法

图片条幅

图片横幅分区适用一张或二张图片，及其一个带按钮的文本框。假如采用了二张图片，他们将在台式一体机机器设备上并列表明。在移动设备上，您可以挑选图片是并列表明或是在列中表明。

在台式一体机机器设备中，文本框会遮盖一部分图片。在移动设备上，文本框在图片下边表明。您可以变更台式一体机机器设备和移动设备上的文本两端对齐方法-右两端对齐、左对齐或垂直居中。

分区设定

设置叙述 第一张图片条幅的主图片。假如向分区中增加了二张图片，则该图片将展示在左边或顶端，实际在于顾客是应用台式一体机机器设备或是移动设备。 编写取代文本点一下后可设定用以SEO优化的图片更换文本，还可用以为应用屏幕阅读器的顾客叙述图片。 第二张图片条幅的协助图片。假如向分区中增加了二张图片，则该图片将展示在右边或底端，实际在于顾客是应用台式一体机机器设备或是移动设备。 图片累加不透明度向条幅图片加上累加。可应用滚轮设定累加的不透明度。默认设置为0%。 条幅高度

应用下拉列表设定条幅图片的高度。

小-台式电脑：420px，移动设备：280px

中（默认设置）-台式电脑：560px，移动设备：340px

大-台式机：720px，移动设备：390px

使分区高度融入第一张图片尺寸将分区的高度设定为第一张图片的高度。在移动设备上，二张图片均融入第一张图片的高度。选定此框会遮盖图片条幅高度设定。 台式一体机机器设备具体内容部位设定桌面上图片条幅的部位。可在“顶端”、“正中间”或“底端”及其“右”、“左”或“垂直居中”中间挑选。 在台式一体机机器设备上表明器皿针对应用电脑台式机开展网上购物的顾客，将条幅图片文本置放在条幅图片上边的文本框中。 台式一体机机器设备具体内容两端对齐方法设定电脑台式机上图片条幅文本的两端对齐方法。可在右两端对齐、左对齐或垂直居中中间挑选。 色彩搭配图片条幅分区的背景颜色。可在“注重色1”、“强调色2”、“环境1”、“背景2”或“翻转色”中间挑选。仅有选定 在台式一体机机器设备上表明文本框选择项时，选定色彩搭配才由此可见。 移动设备具体内容两端对齐方法设定移动设备上的图片条幅文本的两端对齐方法。可在右两端对齐、左对齐或垂直居中中间挑选。 在移动设备上层叠图片假如向分区中增加了二张图片，则图片将按列表明，而不是并列表明。 在移动设备上显示器皿针对应用移动设备开展网上购物的顾客，将条幅图片文本置放在条幅图片上边的文本框中。

文章标题块

设定叙述 文章标题文本框标题的比较大文本。 文章标题尺寸变更文章标题文本的尺寸。在中国号（台式电脑：40px，移动设备：30px）和小号（台式电脑：52px，移动设备：40px）中间挑选。

文本块

设定叙述 描述表明文章段落款式文本。 文本样式变更图片条幅中的文本款式。可在“文章正文”、“小标题”和“英文大写”中间挑选。

按钮块

设定叙述 第一个按钮标识第一个按钮上表明的文本。 第一个按钮连接您要将第一个按钮链接到的URL。 应用轮廊按钮款式将按钮样式调节为轮廊式，而不是应用实芯环境。 第二个按钮标识第二个按钮上表明的文本。 第二个按钮连接您要将第二个按钮链接到的URL。 应用轮廊按钮款式将按钮样式调节为轮廊式，而不是应用实芯环境。

带文本的图片

您可以增加一个分区并之中包括一张图片和一个具备可选按钮的文本块，以将顾客连接到html页面。挑选与图片匹配的文本，以将核心放到选定商品、系列产品或网络文章上。加上相关是不是货源充足和款式的详细资料，还能够给予评价。

分区设定

设置叙述 图片点一下 挑选图片以选择分区的图片。点一下 变更按钮以更改或清除图片。 编写取代文本点一下后可设定用以SEO优化的图片更换文本，还可用以为应用屏幕阅读器的顾客叙述图片。 图片高度挑选图片的高度：

融入图片（默认设置）

小

大

台式一体机机器设备图片总宽图片的宽度：

小

中（默认设置）

大

台式一体机机器设备图片置放挑选最先表明图片或是文本。移动设备合理布局中默认设置为图片优先选择：

图片优先（移动设备上的默认设置选择项）

第二张图片

台式一体机机器设备具体内容部位 具体内容在罐体中的竖直部位：

顶端（默认设置）

正中间

底端

台式一体机机器设备具体内容两端对齐方法 文本在罐体中的两端对齐方法：

左（默认设置）

垂直居中

右

具体内容合理布局容许图片和文本框互相重合。假如选定 无重合，具体内容将更改为融入文本和图片。

重合

无重叠（默认设置）

色彩搭配带文本图片的背景色。在“主题风格色1”、“主题色2”、“背景颜色1”、“背景色2”或“翻转色”中间挑选。 移动设备合理布局挑选移动设备上的具体内容两端对齐方法：

左（默认设置）

右

垂直居中

分区添充向带文本图片分区的上方或底端加上间隔。应用范畴滚轮在带文本图片分区上边或下边加上0px到100px中间的室内空间。

文章标题块

设定叙述 文章标题分区的标题文本。 文章标题尺寸文章标题文本的尺寸：

小

中（默认设置）

大

文本块

设定叙述 具体内容在文本分区中表明文章段落款式文本。 文本样式具体内容文本的款式：

文章正文（默认设置）

小标题

按钮块

设定叙述 按钮标识按钮上表明的文本。 按钮连接您要将按钮链接到的URL。

大文章标题块

设定叙述 文本向图片中加上宣传语或大文章标题。文本将展示在带文本图片分区的底端。 文本款式具体内容文本的款式：

英文大写（默认设置）

小标题

文本尺寸具体内容文本的尺寸：

小

中（默认设置）

大

几列

您可以应用几列分区在列合理布局中表明具体内容，并在列下边加上按钮以将顾客定项至html页面。挑选与图片匹配的文本，以将核心放到选定商品、系列产品或网络文章上。加上相关是不是货源充足和款式的详细资料或给予评价。

分区设定

设置叙述 文章标题分区的标题。 图片总宽

加上到列中的图片的总宽。

列的全宽-图片宽度相当于列的全宽。

列的半宽-图片总宽相当于列宽的一半。

列的三分之一总宽-图片宽度相当于列宽的三分之一。

图片比

该图片的图片比：

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

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

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

环形-将图片剪裁为以环形表明

列两端对齐方法

列中图片和文本的两端对齐方法：

左两端对齐（默认设置）-将图片和文本向左边两端对齐。

垂直居中-将图片和文本居中两端对齐。

协助环境挑选 无以掩藏协助环境，或挑选 表明为列环境以变更列器皿色调。 按钮标识按钮上表明的文本。 按钮连接您要将按钮链接到的URL。 在移动设备上开启滚动作用将移动设备上的显示方式从列更改成行，使用户可以横着滚动以查看更多列块。 色彩搭配几列分区的背景色。可在“注重色1”、“强调色2”、“环境1”、“背景2”或“翻转色”中间挑选。 分区添充将间隔加上到多网页页面分区的上方或底端。应用范畴滚轮在多网页页面分区上边或下边加上0px到100px中间的室内空间。

列块

一个分区中较多可包括12列。假如您有一个、2个或三个列块，他们会在台式一体机机器设备上在一行中表明。假如您有四个或以上的列块，他们将以多列的合理布局表明。在显示设备上，除非是开启在显示设备上开启滚动作用，不然列块会在一列中表明。

设定叙述 图片您要展现的图片。 标题列的标题。 叙述列中的文章段落文本。 连接标识[可选]加上到列块下边的连接的文本。假如未加上连接，请留出。 连接链接的URL。并没有连接则留出。

网页页面

您可以选取在分区中表明自定网页页面的具体内容。这会将网页页面的所有具体内容引进分区，但不容易从一切模版引进一切Liquid编码。

分区设定

设置叙述 网页页面您要展现的在线商店网页页面。 色彩搭配系列产品块分区的背景颜色。可在“注重色1”、“强调色2”、“环境1”、“背景2”或“翻转色”中间挑选。 分区添充将间隔加上到网页页面分区的上方或底端。应用范畴滚轮在网页页面分区上边或下边加上0px到100px中间的室内空间。

富文本

您可以加上包括标头、文章段落具体内容和按键的富文本分区，以将顾客连接到html页面。

分区设定

设置叙述 色彩搭配富文本分区的背景色。可在“注重色1”、“强调色2”、“环境1”、“背景2”或“翻转色”中间挑选。 使分区展现全宽分区默认设置为全宽。 分区添充将间隔加上到富文本分区的上方或底端。应用范畴滚轮在富文本分区上边或下边加上0px到100px中间的室内空间。

标题块

设定叙述 标题分区的标题。 标题尺寸

标题文本的大小：

小-台式电脑：24px，显示设备：20px

中-台式电脑：40px，显示设备：30px

大-台式电脑：52px，显示设备：40px

文本块

文本块合适用以与顾客共享相关您知名品牌的信息内容。您可以详细介绍商品的优势、发布消息、热烈欢迎顾客浏览您的店铺或详细介绍您的品牌知名度。

设定叙述 描述分区具体内容的文章段落款式文本。

按键块

设定叙述 按键标识按键上表明的文本。 按键连接您要将按键连接到的URL。 应用轮廊按钮样式将按钮样式调节为轮廊式，而不是应用实芯环境。

幻灯片

您可以加上幻灯片分区，以在门店的界面中表明较多包括5张图片的滚屏。

分区设定

设置叙述 合理布局可在 全宽（默认设置）或 网格图中间挑选。全宽合理布局可按分区的详细总宽表明幻灯片，而网格图合理布局可在一侧以填充方法表明幻灯片。 幻灯片相对高度

幻灯片的高度：

融入第一张图片（默认设置）-全部图片的相对高度都将与滚屏中第一张图片的相对高度同样。

小

中等水平

大

分页样式

图片下边表明的幻灯片导航栏的款式。

点

计数（默认设置）

数据

翻转幻灯片

选定此框可翻转幻灯片中的图片。假如未选定此框，则幻灯片会表明静态数据图片，直到顾客手动式推动幻灯片。

变更幻灯片记时器应用条型来设定幻灯片的翻转时长。极小值：3秒，最高值：9秒。 显示设备合理布局选定此框可在显示设备上的图片下边表明具体内容。 辅助功能为视觉效果阻碍顾客加上幻灯片叙述。

图片幻灯片设定

设置叙述 图片幻灯片的静态数据图片。点一下 挑选图片以查询文件类型库，或点一下 变更按键以变更或清除图片。 编写取代文本

为应用屏幕阅读器的顾客叙述幻灯片。

标题

图片的可选择标题文本。文本将独立加上到每份图片上。

标题尺寸

可在小标题、中标题（默认设置）或大标题中间挑选。

副标题图片的可选择副标题文本。文本将独立加上到每份图片上。 按键标识键入按键的文本，或留出以彻底掩藏按键。 按钮连接您要将按键连接到的URL。 应用轮廊按钮样式点一下勾选框可在实芯或轮廊款式的按键中间开展转换。 台式一体机机器设备具体内容部位具体内容框在图片上的部位。可在“顶端”、“正中间”或“底端”及其“左”、“垂直居中”或“右”中间挑选。“正中间垂直居中”是默认。 在台式一体机机器设备上表明器皿选定此框可展示具体内容框。 台式一体机机器设备具体内容两端对齐方法两端对齐器皿中的文本。在居左、垂直居中（默认设置）或居右中间挑选。 图片累加不透明度应用滚轮可调节图片累加的不透明度。 色彩搭配变更具体内容框的背景颜色。可在“注重色1”、“强调色2”、“环境1”（默认设置）、“环境2”或“翻转色”中间挑选。此设定规定表明器皿，那样才可以危害幻灯片图片。 显示设备合理布局挑选具体内容在显示设备上的显示方式。可在“左”、“垂直居中”（默认设置）或“右”中间挑选。

视频

您可以在门店的界面中加上视频分区，以置入YouTube或Vimeo中的视频。

分区设定

设置叙述 标题分区的标题。 封面图图片顾客播放视频视频以前表明的图片。 URL视频的YouTube或Vimeo连接。视频务必公布给予。 视频取代文本视频替代文本。 使分区展现全宽删掉默认设置添充，并使分区按网页页面的全宽表明。 色彩搭配系列产品块分区的背景颜色。可在“注重色1”、“强调色2”、“环境1”、“背景2”或“翻转色”中间挑选。 分区添充将间隔加上到视频的上方或底端。应用范畴滚轮在视频分区上边或下边加上0px到100px中间的室内空间。

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

Imagebanner

Theimagebannersectionsupportsoneortwoimages,andatextboxwithbuttons.Iftwoimagesareused,thentheyaredisplayedsidebysideondesktop.Onmobile,youcanchoosewhethertheimagesdisplaysidebysideorinacolumn.

Ondesktop,thetextboxpartiallycoverstheimage.Onmobile,thetextboxdisplaysbelowtheimage.Youcanchangethetextalignmentbetweenright,left,orcenterforbothdesktopandmobile.

Sectionsettings

SettingDescription FirstimageThemainimageforthebanner.Iftwoimagesareaddedtothesection,thenthisimagedisplaysoneithertheleftorthetop,dependingonwhetherthecustomerisondesktopormobile. EditalttextClicktosetimagealttextforsearchengineoptimizationandtodescribetheimageforcustomersusingscreenreaders. SecondimageThesecondaryimageforthebanner.Iftwoimagesareaddedtothesection,thenthisimagedisplaysoneithertherightorthebottom,dependingonwhetherthecustomerisondesktopormobile. ImageoverlayopacityAddsanoverlaytothebannerimages.Usetheslidertosettheopacityoftheoverlay.Defaultsto0%. Bannerheight

Settheheightofyourbannerimagesusingthedrop-downmenu.

Small-Desktop:420px,mobile:280px

Medium(default)-Desktop:560px,mobile:340px

Large-Desktop:720px,mobile:390px

AdaptsectionheighttofirstimagesizeSetstheheightofthesectiontotheheightofthefirstimage.Onmobile,bothimagesadjusttotheheightofthefirstimage.Checkingthisboxoverwritestheimagebannerheightsetting. DesktopcontentpositionSetthepositionofthedesktopimagebanner.Choosebetweentop,middle,orbottom,andright,left,orcenter. ShowcontainerondesktopPlacesyourbannerimagetextinatextboxoverthebannerimageforcustomersshoppingfromadesktopcomputer. DesktopcontentalignmentSetthealignmentoftheimagebannertextfordesktopcomputers.Choosebetweenright,left,orcenter. ColorschemeThebackgroundcoloroftheimagebannersection.ChoosebetweenAccent1,Accent2,Background1,Background2,orInverse.Thecolorschemeselectedisvisibleonlywhenthe Showtextboxondesktopoptionisselected. MobilecontentalignmentSetthealignmentoftheimagebannertextformobiledevices.Choosebetweenright,left,orcenter. StackimagesonmobileIftwoimagesareaddedtothesection,thendisplaystheimagesinacolumninsteadofsidebyside. ShowcontaineronmobilePlacesyourbannerimagetextinatextboxoverthebannerimageforcustomersshoppingfromamobiledevice.

Headingblock

SettingDescription HeadingLargetextforthetitleofthetextbox. HeadingsizeChangesthesizeoftheheadingtext.Choosebetweenmedium(desktop:40px,mobile:30px)andlarge(desktop:52px,mobile:40px).

Textblock

SettingDescription DescriptionDisplaysparagraph-styletext. TextstyleChangesthestyleoftextintheimagebanner.ChoosebetweenBody,Subtitle,andUppercase.

Buttonblock

SettingDescription FirstbuttonlabelThetextthatdisplaysonthefirstbutton. FirstbuttonlinkTheURLthatyouwantthefirstbuttontolinkto. UseoutlinebuttonstyleAdjuststhebuttonstylingtobeanoutlineofabuttoninsteadofhavingasolidbackground. SecondbuttonlabelThetextthatdisplaysonthesecondbutton. SecondbuttonlinkTheURLthatyouwantthesecondbuttontolinkto. UseoutlinebuttonstyleAdjuststhebuttonstylingtobeanoutlineofabuttoninsteadofhavingasolidbackground.

Imagewithtext

Youcanaddasectionthatcontainsanimageandatextblockwithanoptionalbuttontolinkcustomerstoanewpage.Pairtextwithanimagetofocusonyourchosenproduct,collection,orblogpost.Adddetailsonavailability,style,orevenprovideareview.

Sectionsettings

SettingDescription ImageClick Selectimagetochooseanimageforthesection.Clickthe Changebuttontochangeorremovetheimage. EditalttextClicktosetimagealttextforsearchengineoptimizationandtodescribetheimageforcustomersusingscreenreaders. ImageheightChoosetheheightfortheimage:

Adapttoimage(default)

Small

Large

DesktopimagewidthThewidthfortheimage:

Small

Medium(default)

Large

DesktopimageplacementChoosewhethertheimageorthetextappearsfirst.Imagefirstisdefaultformobilelayouts:

Imagefirst(defaultformobile)

Imagesecond

DesktopcontentpositionTheverticalpositionofthe contentinthecontainer:

Top(default)

Middle

Bottom

DesktopcontentalignmentThealignmentofthe textinthecontainer:

Left(default)

Center

Right

ContentlayoutAllowstheimageandtextboxestooverlapwithoneanother.If Nooverlapisselected,thecontentwilladjusttoaccommodatethetextandimage.

Overlap

Nooverlap(default)

ColorschemeThebackgroundcoloroftheimagewithtext.ChoosebetweenAccent1,Accent2,Background1,Background2,orInverse. MobilelayoutChoosethealignmentofcontentformobiledevices:

Left(default)

Right

Center

SectionpaddingAddspacingtothetoporbottomoftheimagewithtextsection.Usetherangeslidertoaddbetween0pxand100pxofspaceaboveorbelowtheimagewithtextsection.

Headingblock

SettingDescription HeadingTitletextforthesection. HeadingsizeSizeofheadingtext:

Small

Medium(default)

Large

Textblock

SettingDescription ContentDisplaysparagraph-styletextinthetextsection. TextstyleStyleforthecontenttext:

Body(default)

Subtitle

Buttonblock

SettingDescription ButtonlabelThetextthatdisplaysonthebutton. ButtonlinkTheURLthatyouwantthebuttontolinkto.

Captionblock

SettingDescription TextAddataglineorcaptiontoyourimage.Textwillappearatthebottomofyourimagewithtextsection. TextstyleStyleofthecontenttext:

Uppercase(default)

Subtitle

TextsizeSizeofthecontenttext:

Small

Medium(default)

Large

Multicolumn

Youcanusethemulitcolumnsectiontodisplaycontentinacolumnlayout,andaddabuttonbelowthecolumnstotakethecustomertoanewpage.Pairtextwithanimagetofocusonyourchosenproduct,collection,orblogpost.Adddetailsonavailability,style,orprovideareview.

Sectionsettings

SettingDescription HeadingThetitleofthesection. Imagewidth

Thewidthofimagesaddedtothecolumns.

Fullwidthofcolumn-Thewidthoftheimageisthefullsizeofthecolumn.

Halfwidthofcolumn-Thewidthoftheimageishalfthesizeofthecolumn.

One-thirdwidthofcolumn-Thewidthoftheimageisathirdofthesizeofthecolumn.

Imageratio

Theimageratiofortheimage:

Adapttoimage-Usestheaspectratiooftheimage.Thispreventstheimagefrombeingcroppped.

Portrait-Cropstheimagetousea2:3ratio.

Square-Cropstheimagetousea1:1ratio.

Circle-Cropstheimagetodisplayinacircle

Columnalignment

Thealignmentoftheimagesandtextwithinthecolumns:

Left(default)-Alignstheimagesandtexttotheleft.

Center-Alignstheimagesandtextinthecenter.

SecondarybackgroundChoose Nonetohidethesecondarybackground,or Showascolumnbackgroundtochangethecolumncontainercolors. ButtonlabelThetextthatdisplaysonthebutton. ButtonlinkTheURLthatyouwantthebuttontolinkto. EnableswipeonmobileChangesthemobiledisplayfromacolumntoarow,wherecustomerscanswipesidewaystoseemorecolumnblocks. ColorschemeThebackgroundcolorofthemulticolumnsection.ChoosebetweenAccent1,Accent2,Background1,Background2,orInverse. SectionpaddingAddspacingtothetoporbottomofthemulticolumnsection.Usetherangeslidertoaddbetween0pxand100pxofspaceaboveorbelowthemulticolumnsection.

Columnblock

Youcanhaveamaximumof12columnsinonesection.Ifyouhaveone,two,orthreecolumnblocks,thentheydisplayinonerowondesktop.Ifyouhavefourormorecolumnblocks,thentheydisplayinalayoutoftwocolumns.Onmobile,thecolumnblocksdislpayinasinglecolumn,unlessEnableswipeonmobileisenabled.

SettingDescription ImageTheimagethatyouwanttodisplay. HeadingThetitleofthecolumn. DescriptionTheparagraphtextinthecolumn. Linklabel[optional]Thetextofalinkaddedbelowthecolumnblock.Leaveblankifyoudonthavealinkadded. LinkURLforthelink.Leaveemptyfornolink.

Page

Youcanchoosetodisplaythecontentofacustompageinasection.Thisbringstheentirecontentofthepageintothesection,butdoesntbringanyLiquidcodefromanytemplate.

Sectionsettings

SettingDescription PageThepagefromyouronlinestorethatyouwanttodisplay. ColorschemeThebackgroundcolorofthecollectionblocksection.ChoosebetweenAccent1,Accent2,Background1,Background2,orInverse. SectionpaddingAddspacingtothetoporbottomofthepagesection.Usetherangeslidertoaddbetween0pxand100pxofspaceaboveorbelowthepagesection.

Richtext

Youcanaddarichtextsectionwithaheader,paragraphcontent,andabuttontolinkcustomerstoanewpage.

Sectionsettings

SettingDescription ColorschemeThebackgroundoftherichtextsection.ChoosebetweenAccent1,Accent2,Background1,Background2,orInverse. MakesectionfullwidthSectionsarefullwidthbydefault. SectionpaddingAddspacingtothetoporbottomoftherichtextsection.Usetherangeslidertoaddbetween0pxand100pxofspaceaboveorbelowtherichtextsection.

Headingblock

SettingDescription HeadingThetitleofthesection. Headingsize

Thesizeoftheheadingtext:

Small-Desktop:24px,mobile:20px

Medium-Desktop:40px,mobile:30px

Large-Desktop:52px,mobile:40px

Textblock

TheTextblockisagoodwaytoshareinformationaboutyourbrandwithyourcustomers.Youcandescribethebenefitsofyourproducts,makeannouncements,welcomecustomerstoyourstore,ortalkaboutyourbrandvalues.

SettingDescription DescriptionParagraph-styletextforthemaincontentofthesection.

Buttonblock

SettingDescription ButtonlabelThetextthatdisplaysonthebutton. ButtonlinkTheURLthatyouwantthebuttontolinkto. UseoutlinebuttonstyleAdjuststhebuttonstylingtobeanoutlineofabuttoninsteadofhavingasolidbackground.

Slideshow

Youcanaddaslideshowsectiontodisplayacarouselofupto5imagesonapageinyourstore.

Sectionsettings

SettingDescription LayoutChoosebetween Fullwidth(default)or Grid.Fullwidthdisplaystheslideshowthefullwidthofthesection,whereasGriddisplaystheslideshowwithpaddingoneitherside. Slideheight

Theheightoftheslideshow:

Adapttofirstimage(default)-allimageswillbethesameheightasthefirstimageinthecarousel.

Small

Medium

Large

Paginationstyle

Thestyleoftheslideshownavigationthatappearsbelowtheimages.

Dots

Counter(default)

Numbers

Auto-rotateslides

Checkthisboxtoautomaticallyrotatethroughtheimagesintheslideshow.Ifthisboxisnotchecked,thentheslideshowdisplaysastaticimageuntilthecustomermanuallyadvancestheslideshow.

ChangeslidestimerUsethebartosettheauto-rotatetimeoftheslideshow.Minimum:3seconds,maximum:9seconds. MobilelayoutChecktheboxtoshowcontentbelowimagesonmobile. AccessibilityAddadescriptionforyourslideshowforvisuallyimpairedcustomers.

Imageslidesettings

SettingDescription ImageStaticimageforyourslideshow.Click SelectImagetoviewyourmedialibrary,orclickthe Changebuttontochangeorremovetheimage. Editalttext

Describetheslideshowforcustomersusingscreenreaders.

Heading

Optionalheadingtextfortheimage.Textisaddedtoeachimageindividually.

Headingsize

Choosebetweenasmall,medium(default),orlargeheading.

SubheadingOptionalsubheadingtextfortheimage.Textisaddedtoeachimageindividually. ButtonlabelEntertextforabutton,orleaveblanktohidethebuttonentirely. ButtonlinkTheURLthatyouwantthebuttontolinkto. UseoutlinebuttonstyleClickthecheckboxtotogglebetweenasolidoroutlinedbutton. DesktopcontentpositionThepositionofthecontentboxovertheimage.Choosebetweentop,middle,orbottom,andleft,center,orright.Middlecenteristhedefaultsetting. ShowcontainerondesktopChecktheboxtoshowthecontentbox. DesktopcontentalignmentAlignsthetextinthecontainer.Choosebetweenleft,center(default),orright. ImageoverlayopacityUsetheslidertoadjusttheopacityoftheimageoverlay. ColorschemeChangethebackgroundcolorofthecontentbox.ChoosebetweenAccent1,Accent2,Background1(default),Background2,orInverse.Thissettingrequiresthecontainertobedisplayedinordertoaffecttheslideshowimage. MobilelayoutChoosehowthecontentwillappearonamobiledevice.Choosebetweenleft,center(default),orright.

Video

YoucanaddavideosectiontoembedavideofromYouTubeorVimeoonapageinyourstore.

Sectionsettings

SettingDescription HeadingThetitleofthesection. CoverimageTheimagethatdisplaysbeforeacustomerplaysthevideo. URLTheYouTubeorVimeolinktothevideo.Thevideomustbepubliclyavailable. VideoalttextThealttextforthevideo. MakesectionfullwidthRemovesthedefaultpaddingandmakesthesectionthefullwidthofthepage. ColorschemeThebackgroundcolorofthecollectionblocksection.ChoosebetweenAccent1,Accent2,Background1,Background2,orInverse. SectionpaddingAddspacingtothetoporbottomofthevideo.Usetherangeslidertoaddbetween0pxand100pxofspaceaboveorbelowthevideosection.

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