/s 페이지에 소개 문구를 삽입할 수 있나요?

[ZeroDean]

구독 페이지에서만 작동하도록 설정했고, 다음 방법으로 대부분 올바르게 형식화되었습니다.

이 해결책을 위해 필요한 힌트를 제공해 주신 @pfaffman님과 @NateDhaliwal님께 진심으로 감사드립니다.

참고: 이것은 제 필요에 맞게 작동하지만, 매우 해킹(hacky)적인 방법입니다.

1. 관리자로 이동
2. 테마 및 컴포넌트로 이동
3. 컴포넌트 탭 선택
4. “설치” 선택
5. 옵션에서 “새로 만들기” 선택
6. 아래 CSS 붙여넣기
7. 필요에 따라 CSS 수정
8. 저장
9. 활성화 (이미 활성화되어 있지 않은 경우)하고, 해당 테마에 대해 활성화되어 있는지 확인 (“이 컴포넌트를 다음 테마에 포함”).

팁: CSS를 세밀하게 조정하는 데 도움이 필요하신가요? Gemini, Claude와 같은 AI 모델을 활용하세요. CSS를 입력하고 원하는 작업을 알려주면 됩니다.

/* PART 1: 헤더 (네이티브 H1 스타일) */
body:has(.product-list) .above-main-container-outlet.subscriptions-campaign::before {
  content: "This is the Headline"; 
  display: block;
  
  /* 'title-wrapper' 헤더와 일치하는 스타일링 */
  font-family: var(--heading-font-family);
  font-size: var(--font-up-5);
  font-weight: bold;
  line-height: var(--line-height-small);
  color: #DDDDDD;
  
  /* 이 헤더와 아래 텍스트 사이의 여백 */
  margin-bottom: 8px; 
}

/* PART 2: 본문 텍스트 (아래 여백 포함) */
body:has(.product-list) .above-main-container-outlet.subscriptions-campaign::after {
  content: "This is the plain text that goes below the header. \A You can still use backslash-A for new lines here.";
  display: block;
  
  /* 표준 본문 텍스트와 일치하는 스타일링 */
  font-family: var(--font-family);
  font-size: var(--font-0);
  line-height: var(--line-height-medium);
  color: #DDDDDD;
  white-space: pre-wrap;
  
  /* 텍스트 아래 빈 공간(캐리지 리턴) 생성 */
  margin-bottom: 40px; 
}