모바일에서 UI가 틀어집니다.

핵심 요약: 엘리멘터로 커스텀한 상품 상세 페이지의 모바일 UI가 틀어질 때, 위젯 레이아웃을 변경하는 방법을 안내합니다.

증상 확인 #

엘리멘터 빌더로 상품 상세 페이지를 커스텀한 경우, 모바일에서 이미지처럼 UI가 틀어져 상품명과 셀렉트 박스 등이 정상적으로 보이지 않을 경우 위젯 설정을 변경해야 합니다.

위젯 설정 변경 #

해당 증상은 Add to cart 위젯의 Layout 설정이 Stacked 또는 Auto로 설정되어 있을 때 발생하는 현상입니다.

관리자 메뉴 [템플릿 > Theme Builder]에서 이용중인 상품 상세 페이지용 템플릿의 편집 페이지로 이동합니다.

추가되어 있는 Add to cart 위젯 클릭 후 Layout 설정을 Inline으로 변경하고 저장합니다.

적용 확인 #

상품 상세 페이지를 새로고침하여 정상적으로 보여지는지 여부를 확인합니다.

 

자주 묻는 질문 #

이 문제는 언제 발생하나요?

엘리멘터 빌더로 상품 상세 페이지를 커스텀했을 때, Add to cart 위젯의 Layout이 Stacked 또는 Auto로 설정된 경우 발생합니다.

어떻게 해결하나요?

Theme Builder에서 Add to cart 위젯의 Layout 설정을 Inline으로 변경하면 해결됩니다.