설명서Commerce컨텐츠 및 디자인

편집기에 위젯 삽입

Last update: Sat Jul 13 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

작성 대상:

  • 초급
  • 중간
  • 관리자
  • 사용자

위젯 도구를 사용하여 모든 Commerce 콘텐츠 페이지 또는 노드, 제품, 범주에 대한 링크를 포함하여 다양한 콘텐츠 요소를 페이지에 추가할 수 있습니다. 링크는 페이지에 블록 형식으로 배치하거나 콘텐츠에 직접 통합할 수 있습니다. 위젯 도구를 사용하여 다음 유형의 콘텐츠에 대한 링크를 만들 수 있습니다.

기본적으로 링크는 테마의 스타일 시트에서 해당 스타일을 상속합니다.

IMPORTANT
많은 지시문, 특히 최근에 본 항목 / 비교 제품 유형과 같은 위젯을 삽입하면 페이지가 캐시되지 않을 때 첫 번째 로드에 부정적인 영향을 줄 수 있습니다. 이러한 이유로 주의해서 사용하십시오. 일반적으로 문제가 만들어지지 않습니다. 하지만 이 잠재적 문제는 개발 팀과 논의해야 합니다.

  1. 편집 모드로 페이지, 블록 또는 동적 블록을 엽니다.

  2. Content ​섹션으로 이동하여 편집기를 지원하는 요소를 클릭합니다.

  3. 위젯을 표시할 위치에 커서를 놓고 위젯 삽입 아이콘을 클릭합니다.

    편집기 도구 모음 - 위젯 삽입 {width="700" modal="regular"}

    Page Builder가 활성화되어 있지 않고 코드를 사용하여 작업하려면 Show / Hide Editor ​을(를) 클릭합니다. 위젯을 표시할 텍스트에 삽입 포인터를 놓습니다. Insert Widget ​을(를) 클릭합니다.

  4. Widget Type 선택.

    이러한 옵션에 대한 자세한 내용은 위젯 유형을 참조하세요. 다음 단계에서는 제품에 대한 링크를 삽입하는 예를 사용합니다.

  5. 제품 이름을 사용하려면 Anchor Custom Text 필드를 비워 둡니다.

  6. SEO 모범 사례를 위한 Anchor Custom Title ​을(를) 입력하십시오.

    이 제목은 페이지에 표시되지 않습니다.

  7. Template ​을(를) 다음 중 하나로 설정합니다.

    • 링크를 텍스트에 통합하려면 Product Link Inline Template을(를) 선택합니다.

    • 링크를 별도의 줄에 배치하려면 Product Link Block Template을(를) 선택합니다.

  8. Select Product ​을(를) 클릭하고 다음을 수행합니다.

    • 트리에서 원하는 범주로 이동합니다.

    • 목록에서 연결된 제품을 선택합니다.

  9. Insert Widget ​을(를) 클릭하여 페이지에 링크를 배치합니다.

    HTML 코드를 사용하여 작업하는 경우 링크에 대한 마크업 태그가 중괄호로 묶인 페이지 맨 위에 나타납니다. 필요한 경우 잘라내기 및 붙여넣기 ​를 사용하여 링크를 표시할 코드에 마크업 태그를 배치합니다.

  10. 콘텐츠 편집이 완료되면 Save ​을(를) 클릭합니다.

recommendation-more-help
2b0136b4-ef75-405f-9734-60d741f198de