결제페이지를 STEP 형식으로 구성했는데, 이전 STEP에서 이후 STEP의 빌더 위젯이 나타나요.

Table of Contents

핵심 요약: STEP 형식 결제 페이지에서 다른 STEP의 빌더 위젯이 함께 보일 때, CSS 클래스로 해결하는 방법을 안내합니다.

빌더의 위젯(아이콘 등)을 현재의 STEP에 맞게 노출하고 싶으신 경우 해당 빌더 위젯의 클래스에 pafw-custom-checkout-block step-스텝순서 를 입력해 주시면 됩니다.
예시 STEP 1에서 노출하려고 한다면, pafw-custom-checkout-block step-1 을 입력하시면 됩니다.
  (참고) 엘리멘터 빌더의 클래스 추가 방법 [위젯 설정 > 고급(탭) > CSS 클래스] 옵션에 pafw-custom-checkout-block step-스텝순서 를 입력합니다.
 

자주 묻는 질문 #

이 문제는 왜 발생하나요?

빌더로 추가한 위젯이 STEP 구분과 무관하게 항상 노출되도록 설정되어 있기 때문입니다.

어떻게 해결하나요?

위젯 설정의 CSS 클래스에 pafw-custom-checkout-block step-스텝순서를 입력하면 해당 STEP에서만 노출됩니다.