**설명:**
* **`
* **이미지 처리:** `
* **한글/영어 텍스트:** 각 텍스트 쌍은 `
* **클래스 및 스타일:** `.text-ko` 클래스는 한글 텍스트에 적용되고, `.text-en` 클래스는 영어 텍스트에 적용됩니다. `.text-en` 클래스에는 초기 숨김을 위한 `display: none;` 스타일이 적용됩니다.
* **영역 구분:** 각 텍스트 및 이미지 블록은 `margin-bottom: 30px;` 스타일이 적용된 `
* **중앙 정렬:** 모든 텍스트는 `text-align: center;` 스타일을 사용하여 가운데 정렬됩니다.
**사용 방법:**
이 HTML 코드를 워드프레스 상품 상세 페이지에 삽입하면 됩니다. 영어 텍스트를 표시하려면 JavaScript를 사용하여 `.text-en` 요소의 `display` 스타일을 `block` 또는 `inline-block`으로 변경하면 됩니다. 한글 텍스트를 숨기려면 `.text-ko` 요소의 `display` 스타일을 `none`으로 변경하면 됩니다.
예를 들어, 버튼 클릭 시 언어를 전환하는 JavaScript 코드는 다음과 같을 수 있습니다.
javascript
function toggleLanguage() {
const koElements = document.querySelectorAll(‘.text-ko’);
const enElements = document.querySelectorAll(‘.text-en’);
koElements.forEach(el => {
el.style.display = (el.style.display === ‘none’) ? ‘block’ : ‘none’;
});
enElements.forEach(el => {
el.style.display = (el.style.display === ‘none’) ? ‘block’ : ‘none’;
});
}
이 JavaScript 코드를 HTML에 추가하고, 버튼에 `onclick=”toggleLanguage()”` 속성을 추가하면 버튼 클릭 시 한글과 영어 텍스트가 번갈아 표시됩니다.