섹션및블록

이페이지는2022年11月22日에쇄되었습니다。최신버전은https://help.shopify.com/ko/manual/online-store/themes/theme-structure/sections-and-blocks에서확하십시오。

테마는섹션을사용하여적합한레이아웃을생성합니다。대부분의섹션은머리글,텍스트,단일이미지,이미지콜라주또는링크와같은특정기능을제공하는블록으로구성됩니다。템플릿에서섹션과블록을사용하면스토어콘텐츠를정렬하는방식에더많은유연성을제공하므로코드를편집하지않고도온라인스토어의룩앤필을제어할수있습니다。각템플릿은최대25개의섹션을포함할수있습니다。

각섹션에는추가할수있는다양한특정블록이있습니다。섹션마다최대50개의블록을추가할수있습니다。사용가능한섹션과블록은테마에따라다를수있습니다。사용가능한옵션에대한자세한내용은테마문서를참조하십시오。

일부섹션에는추가할수있는블록수제한또는특정유형의블록수제한이있습니다。예를 들어텍스트포함이미지섹션에는테마디자이너가테마에지정한블록만@ @시할수있습니다。무료Shopify테마黎明에다음블록중하나만추가할수있습니다。

  • 제목
  • 단락
  • 버튼

이미지를포함하도록설정을편집하여섹션을추가로사용자지정하고고객이온라인스토어를방문할때정렬,크기,배경색상및먼저로드할항목을선택할수있습니다。

스토어레이아웃에추가하는섹션에필한설정이나옵션이포함되지않는경우테마코드를편집하거나테마개발자에게지원을문의할수있습니다。

섹션및블록으로테마템플릿사용자지정

테마편집기를열면스토어의홈페이지는기본적으로로드됩니다。드롭다운메뉴를사용하여다른템플릿을선택하거나템플릿드롭다운의검색표시줄을사용하여특정페이지유형을검색할수있습니다。템플릿을선택하면테마편집기로로드되며,변경한모든변경사항은적용할때편집기에서미리볼수있습니다。

섹션 추가

온라스토어의모든페이지에새섹션을추가합니다。

단계:

  1. Shopify관리자에서온라스토어>테마로이동합니다。
  2. 편집하려는테마를찾은다음사용자지정을클릭합니다。
  1. Shopify앱에서스토어를탭합니다。
  2. 판매 채널섹션에서온라스토어를탭합니다。
  3. 테마 관리를탭합니다。
  4. 편집하려는테마를찾은다음사용자지정을탭합니다。
  5. 편집을탭합니다。
  1. Shopify앱에서스토어를탭합니다。
  2. 판매 채널섹션에서온라스토어를탭합니다。
  3. 테마 관리를탭합니다。
  4. 편집하려는테마를찾은다음사용자지정을탭합니다。
  5. 편집을탭합니다。
  1. 드롭다운메뉴에서템플릿을선택합니다。
  2. +섹션추가를클릭하고목록에서새섹션을선택하거나검색창에서특정용어를검색합니다。
  3. 섹션내블록을편집하려면새섹션을클릭합니다。
  4. 선택사항:섹션옆에있는⋮⋮아이콘을클릭하고끌어서페이지의섹션을재배치합니다。
  5. 저장을클릭합니다。

섹션 편집

  1. Shopify관리자에서온라스토어>테마로이동합니다。
  2. 편집하려는테마를찾은다음사용자지정을클릭합니다。
  1. Shopify앱에서스토어를탭합니다。
  2. 판매 채널섹션에서온라스토어를탭합니다。
  3. 테마 관리를탭합니다。
  4. 편집하려는테마를찾은다음사용자지정을탭합니다。
  5. 편집을탭합니다。
  1. Shopify앱에서스토어를탭합니다。
  2. 판매 채널섹션에서온라스토어를탭합니다。
  3. 테마 관리를탭합니다。
  4. 편집하려는테마를찾은다음사용자지정을탭합니다。
  5. 편집을탭합니다。
  1. 드롭다운메뉴에서편집할섹션이포함된템플릿을선택합니다。
  2. 섹션을클릭하여콘텐츠를미리보기창에로드하고사용가능한옵션에액세스합니다。
  3. 선택사항:개별블록을클릭하여섹션내블록을편집합니다。
  4. 저장을클릭합니다。

섹션또는블록제거

  1. Shopify관리자에서온라스토어>테마로이동합니다。
  2. 편집하려는테마를찾은다음사용자지정을클릭합니다。
  1. Shopify앱에서스토어를탭합니다。
  2. 판매 채널섹션에서온라스토어를탭합니다。
  3. 테마 관리를탭합니다。
  4. 편집하려는테마를찾은다음사용자지정을탭합니다。
  5. 편집을탭합니다。
  1. Shopify앱에서스토어를탭합니다。
  2. 판매 채널섹션에서온라스토어를탭합니다。
  3. 테마 관리를탭합니다。
  4. 편집하려는테마를찾은다음사용자지정을탭합니다。
  5. 편집을탭합니다。
  1. 드롭다운메뉴에서편집할섹션이포함된템플릿을선택합니다。
  2. 섹션을클릭하여콘텐츠를미리보기창에로드하고사용가능한옵션에액세스합니다。
  3. 눈아이콘을클릭하여섹션또는블록을숨기거나숨김해제합니다。
  4. 제거를클릭하여블록또는섹션을삭제합니다。

일부섹션에는고정블록유형및제한이있습니다。특정섹션이나블록에제한이있는경우인터페이스에는사용가능한X개블록중X개를사용했음이표시됩니다。최대블록수를사용했다면기존블록을삭제하기전까지는블록을더추가할수없습니다。

블록으로작업

블록은페이지템플릿내섹션을구성하는사용자지정가능한모듈입니다。블록을사용하여텍스트，이미지，링크，버튼등을추가할수있습니다

Shopify테마에는사용자지정할수있는섹션과블록이있습니다。일부섹션에는고정블록유형이있어서테마디자이너가해당섹션에서사용가능한블록만선택할수있습니다。다른섹션에서는블록을선택할수있지만섹션에추가할수있는총블록수는제한됩니다。섹션이사용가능한최대블록수에도달하면한계에도달했다는메시지가@ @시되고+블록추가옵션은기존블록이제거될때까지회색으로@ @시됩니다。

블록 추가

  1. Shopify관리자에서온라스토어>테마로이동합니다。
  2. 편집하려는테마를찾은다음사용자지정을클릭합니다。
  1. Shopify앱에서스토어를탭합니다。
  2. 판매 채널섹션에서온라스토어를탭합니다。
  3. 테마 관리를탭합니다。
  4. 편집하려는테마를찾은다음사용자지정을탭합니다。
  5. 편집을탭합니다。
  1. Shopify앱에서스토어를탭합니다。
  2. 판매 채널섹션에서온라스토어를탭합니다。
  3. 테마 관리를탭합니다。
  4. 편집하려는테마를찾은다음사용자지정을탭합니다。
  5. 편집을탭합니다。
  1. 드롭다운메뉴에서편집할섹션이포함된템플릿을선택합니다。
  2. 섹션을클릭하여콘텐츠를미리보기창에로드하고사용가능한옵션에액세스합니다。
  3. +블록추가를클릭하고새블록을선택하거나검색창을클릭하여검색어를입력합니다。
  4. 저장을클릭합니다。

메타필드및다이나믹소스사용

메타 필드를사용하면온라스토어에동적정보를시할수있습니다。메타필드를지원하는테마가있는경우테마편집기에서메타필드를섹션이나블록에연결할수있습니다。

예를들어,양초판매자가사용가능한각유형의양초에대한연소시간을표시하려는경우,판매자는연소시간의제품메타필드를설정한후제품템플릿에연소시간에대한블록을추가한다음,제품메타필드에연결할수있습니다。연소시간을나열하는페이지에컬렉션메타필드를설정하고나면판매자가컬렉션템플릿에블록을추가하여컬렉션메타필드에연결할수있습니다。

다이나믹소스를사용할수있는섹션이나블록을추가하여온라인스토어에동적정보를표시할수있습니다。다이나믹소스는제품템플릿의섹션또는블록에서사용할수있습니다。제품이아닌템플릿에서는제품을표시하는섹션이나블록에서다이나믹소스를사용할수있습니다。템플릿에서연결하기전에메타필드를추가해야합니다。테마에서메타필드및다이나믹소스사용에대한자세한내용은다이나믹소스를참조하십시오。

설정프로세스를완료한후다음단계를수행하여다이나믹소스를템플릿에삽입합니다。

  1. Shopify관리자에서온라스토어>테마로이동합니다。
  2. 편집하려는테마를찾은다음사용자지정을클릭합니다。
  1. Shopify앱에서스토어를탭합니다。
  2. 판매 채널섹션에서온라스토어를탭합니다。
  3. 테마 관리를탭합니다。
  4. 편집하려는테마를찾은다음사용자지정을탭합니다。
  5. 편집을탭합니다。
  1. Shopify앱에서스토어를탭합니다。
  2. 판매 채널섹션에서온라스토어를탭합니다。
  3. 테마 관리를탭합니다。
  4. 편집하려는테마를찾은다음사용자지정을탭합니다。
  5. 편집을탭합니다。
  1. 드롭다운메뉴에서편집할섹션이포함된템플릿을선택합니다。
  2. 기존섹션을클릭하여콘텐츠를미리보기창에로드하고사용가능한옵션에액세스하거나+섹션추가를클릭합니다。
  3. +블록추가를클릭한다음，다이나믹소스를연결합니다。
  • 다이나믹소스연결아이콘이표시되는경우아이콘을클릭하면단일메타필드를선택할수있습니다。
    连接动态源
  • 다이나믹소스연결아이콘에+가표시된경우아이콘을클릭하면한번에하나씩추가해메타필드20개를까지선택할수있습니다。
    插入动态源图标
  1. 저장을클릭합니다。

Shopify와함께사업을시작할준비가되셨습니까?

무료 체험