배너 블록

Banner 블록은 장바구니 내부에 표시되는 메시지 스트립으로, 프로모션, 배송 안내, 또는 무료 배송 알림, 세일 공지, “장바구니 예약” 안내 같은 긴급성 메시지에 유용해요. 실시간 카운트다운 타이머를 포함할 수 있어요.

• 카운트다운은 세 가지 조건이 모두 충족될 때만 작동해요: 타이머가 활성화되어 있고, 텍스트에 {{timer}} 토큰이 포함되어 있으며, 지속 시간이 0보다 커야 해요. 그렇지 않으면 배너는 정적 텍스트로 표시돼요.
• 타이머는 MM:SS 형식으로 카운트다운되며 구매자의 탭에 기억돼요(세션 동안 스토어 내 페이지 이동에도 유지됨). 따라서 페이지마다 다시 시작되지 않아요.
• 타이머가 00:00에 도달하면 배너 전체가 사라져서, 구매자가 0이 된 시계를 보는 일이 없어요.
• 에디터 미리보기에서는 타이머가 반복되고 배너가 숨겨지지 않으므로 계속 스타일을 다듬을 수 있어요.

• 영역: 모든 위치(상단, 본문, 하단).
• 최대 개수: 장바구니 상태별 3개 — 채워진 장바구니와 빈 장바구니에 각각 별도의 허용량이 있어요.
• 상태: 채워진 장바구니와 빈 장바구니 모두.
• 새 장바구니에는 기본적으로 추가돼요. 잠겨 있지 않으므로 제거하거나 숨길 수 있어요.

function CustomTemplate(props) {
  // The built-in banner removes itself at 00:00; a custom template must do the same.
  if (props.shouldUseTimer && props.isTimerExpiredAndShouldHide) return null;

  return (
    <div className="cart-external-banner" style={{ padding: '10px', textAlign: 'center' }}>
      <span dangerouslySetInnerHTML={{ __html: props.text }} />
    </div>
  );
}