Korean
English
English 
Korean 
Nevertheless, due to the nature of the product, there is a high risk of damage during delivery. Broken chocolate is not eligible for refunds, exchanges or returns, so please make a careful purchase decision.
*Chocolate may melt due to the high temperatures in Korea during the summer. Melted chocolate is not subject to refunds or exchanges, so please purchase carefully.
**주요 변경 사항 및 설명:**
* **이미지 중복 제거:** 입력 데이터에 중복된 이미지는 한 번만 표시되도록 했습니다.
* **전체 가운데 정렬 유지:** `text-align: center;` 스타일을 전체 `div`에 적용하여 모든 요소가 가운데 정렬되도록 했습니다. 이미지도 `margin: 20px auto;`를 사용하여 가운데 정렬했습니다.
* **`.text-ko` 및 `.text-en` 클래스 적용:** 각각의 텍스트에 해당 클래스를 적용했습니다.
* **`.text-en` 초기 숨김 처리:** `.text-en` 클래스에 `display: none;`을 적용하여 영어 텍스트를 초기 상태에서 숨겼습니다.
* **영역 구분 및 스타일 세분화:**
* 제목(`초콜릿 관련 공지사항`, `Ritter Sport Choco Cubes Fruity Yogurt Mix` 등)은 `font-weight: bold;` 와 `font-size: 1.2em;`으로 강조했습니다.
* 공지사항 내용은 `text-align: left`와 `max-width: 600px`을 주어 가독성을 높였습니다.
* **`max-width` 추가:** 이미지와 공지사항 내용이 너무 넓게 퍼지는 것을 방지하기 위해 `max-width: 600px` 스타일을 추가했습니다.
**사용 방법:**
1. 위 HTML 코드를 워드프레스 에디터의 “텍스트” 또는 “코드” 모드에 복사하여 붙여넣습니다. (비주얼 에디터에서는 코드가 변경될 수 있습니다.)
2. 영어/한국어 전환 스크립트를 추가합니다. (아래 예시)
**추가적으로 고려할 사항:**
* **전환 스크립트:** 영어/한국어 전환 기능을 구현하려면 JavaScript가 필요합니다. jQuery를 사용하는 간단한 예시를 들면 다음과 같습니다.
이 코드는 “영어/한국어 전환”이라는 버튼을 생성하고, 클릭 시 `.text-ko`와 `.text-en` 클래스를 가진 요소들의 표시 상태를 전환합니다. 이 코드를 워드프레스 테마의 `footer.php` 파일이나 워드프레스에서 제공하는 코드 삽입 기능을 사용하여 추가할 수 있습니다.
* **CSS 스타일:** inline 스타일 대신 워드프레스 테마의 `style.css` 파일에 클래스 스타일을 정의하는 것이 유지보수에 더 좋습니다.
이 답변이 워드프레스 상품 상세 페이지를 구성하는 데 도움이 되기를 바랍니다.
