Table of Contents
핵심 요약: 옵션 목록이 정상적으로 보이지 않을 때, Admin Bar 설정과 CSS 우선순위를 확인하는 방법을 안내합니다.
하단 두 가지 내용을 확인 부탁드립니다.
-
설정 이슈 #
워드프레스 5.6 이상 버전에서 관리자로 로그인 시 Admin Bar 가 있는 경우 상품 옵션이 올바르게 선택되지 않을 수 있습니다.
( 예로, 상품 옵션을 드래그 해서 선택하는 부분 )
옵션이 정상적으로 선택되지 않을 때 관리자 메뉴[엠샵 DIY 상품 > 고급 설정 > Admin Bar Style 변경] 옵션을 활성화 하신 후 확인해보시기 바랍니다. -
테마 또는 타플러그인으로 인한 CSS 이슈 #
이용하고 계신 테마 또는 다른 플러그인의 CSS로 인해 옵션 목록이 보여지지 않을 수 있습니다.
하단 CSS를 추가 후 확인 부탁드립니다.
(단, 해당 CSS는 옵션 목록의 z-index(우선순위) 값을 변경하는 코드로, z-index 값이 아닌 다른 CSS 이슈라면 직접 확인 후 변경해 주셔야 합니다.).woocommerce-js .select2-container .select2-dropdown, .woocommerce-js .select2-container .select2-search__field, .woocommerce-page .select2-container .select2-dropdown, .woocommerce-page .select2-container .select2-search__field { z-index: 999 !important; }
자주 묻는 질문 #
관리자 로그인 상태에서만 문제가 발생하나요?
네, 워드프레스 5.6 이상에서 Admin Bar가 있을 때 옵션 선택이 제대로 되지 않을 수 있습니다.
다른 원인도 있나요?
네, 테마나 다른 플러그인의 CSS로 인해 옵션 목록이 가려질 수 있어 z-index 조정 코드가 필요할 수 있습니다.