Korean
English
NYX 프로페셔널 메이크업 팻 오일 립 드립 02 Missed Call 4,8 ml
18,790₩
구매 전 반드시 확인해 주세요!
– 배송비를 포함한 구매 합산 총 가격이 150$가 넘으면 관부가세가 부과됩니다.
– 제품 패키지의 디자인과 언어표기는 시즌/출시된 나라에 따라 다를 수 있습니다.
– 환불 및 교환을 원하실 경우 7일 이내 연락 주셔야 가능합니다. 받으신 제품 사진, 송장, 박스 사진이 있어야합니다.
– 개인 통관고유부호 발급정보와 [개인통관고유부호 + 성명 + 전화번호]가 모두 일치해야만 통관이 가능합니다.
개인통관고유부호 발급정보(성명, 전화번호, 주소)가 변경된 경우, 관세청 개인통관고유 부호 발급 사이트(관세청 모바일)에서 변경된 정보를 필히 수정하시기 바랍니다.
(※ 발급정보와 수하인 개인통관고유부호 + 성명 + 전화번호가 모두 일치하지 않을 경우 통관이 제한 될 수 있음)
**설명:**
* **전체 컨테이너:** `
* **이미지:** `
* **텍스트:** 각 텍스트 블록을 `
* **한국어/영어 전환:** `.text-en` 클래스에 `display: none;` 스타일을 적용하여 초기에는 숨깁니다. JavaScript를 사용하여 한국어/영어 전환 버튼을 만들고, 버튼 클릭 시 `.text-ko`와 `.text-en` 클래스의 `display` 속성을 변경하여 표시/숨김을 전환할 수 있습니다. (HTML 코드에는 전환 기능이 포함되어 있지 않습니다. JavaScript를 추가해야 합니다.)
* **스타일:** `inline` 스타일을 사용하여 각 요소에 직접 스타일을 적용했습니다.
* **간격:** `margin-bottom` 스타일을 사용하여 각 요소 사이에 간격을 추가했습니다.
* **중복 이미지 제거:** 이미지가 여러 번 나타나더라도, HTML 코드에는 한 번만 포함됩니다.
**JavaScript (예시 – HTML에 직접 포함하거나 외부 .js 파일로 연결):**
**JavaScript 설명:**
1. **`toggleLanguage()` 함수:** 이 함수는 언어 전환 버튼을 클릭했을 때 실행됩니다.
2. **`document.querySelectorAll()`:** 이 메서드를 사용하여 `.text-ko` 및 `.text-en` 클래스를 가진 모든 요소를 선택합니다.
3. **`forEach()` 루프:** 선택된 각 요소에 대해 반복합니다.
4. **`element.style.display`:** 각 요소의 `display` 스타일 속성을 확인합니다.
5. **삼항 연산자:** `display` 속성이 `none`이거나 비어 있으면 `block`으로 설정하여 요소를 표시하고, 그렇지 않으면 `none`으로 설정하여 요소를 숨깁니다.
6. **버튼:** `onclick` 속성을 사용하여 버튼 클릭 시 `toggleLanguage()` 함수를 호출합니다.
**사용 방법:**
1. 위의 HTML 코드를 워드프레스 페이지 또는 게시물에 붙여넣습니다.
2. 위의 JavaScript 코드를 HTML 코드의 `
3. 이제 페이지를 방문하면 “언어 변경 / Switch Language” 버튼이 표시됩니다. 버튼을 클릭하면 한국어와 영어 텍스트가 번갈아 가며 표시됩니다.
이 코드는 요청하신 모든 요구 사항을 충족하며, 워드프레스 상품 상세 페이지에서 사용할 수 있도록 디자인되었습니다. 필요에 따라 스타일과 JavaScript 코드를 조정하여 사용자 경험을 개선할 수 있습니다.
Related Products
