Korres Body Lotion Jasmin-Cosmetic-200ml

**설명:**

* **전체 구조:** `div` 컨테이너로 감싸고 `text-align: center;`를 적용하여 모든 내용을 가운데 정렬합니다.
* **이미지 처리:** `img` 태그를 사용하여 이미지를 삽입하고, `display: block; margin: 20px auto;`를 적용하여 가운데 정렬합니다. 이미지는 한 번만 표시됩니다.
* **한글/영어 텍스트:**
* `.text-ko` 클래스는 한글 텍스트에 적용됩니다.
* `.text-en` 클래스는 영어 텍스트에 적용되며, 초기 상태에서 `display: none;`으로 숨겨집니다.
* **텍스트 스타일:** 텍스트를 감싸는 `div`에 `margin-bottom: 20px;`를 적용하여 간격을 줍니다. 필요에 따라 `font-weight: bold;`나 `font-size: 1.2em;` 등의 스타일을 추가합니다.
* **유지보수 용이성:** 각각의 텍스트 블록을 `div`로 감싸서 관리하기 쉽게 했습니다.

**사용 방법:**

1. 위 코드를 워드프레스 테마의 appropriate한 위치에 삽입합니다. (예: 상품 상세 페이지 템플릿)
2. jQuery 등을 사용하여 `.text-ko`와 `.text-en` 클래스를 토글하는 기능을 추가하여 한글/영어를 전환할 수 있도록 구현합니다. (예: 버튼 클릭 시 `.text-ko`를 숨기고 `.text-en`을 표시하는 방식)
3. CSS를 사용하여 필요한 추가 스타일을 적용합니다.

**jQuery 예시 (토글 기능 구현):**

javascript
jQuery(document).ready(function($) {
$(‘#language-toggle’).click(function() {
$(‘.text-ko’).toggle();
$(‘.text-en’).toggle();
});
});

위 코드는 `#language-toggle` 버튼을 클릭하면 `.text-ko`와 `.text-en` 클래스를 가진 요소들의 `display` 속성을 번갈아 변경하여 한글/영어를 토글합니다. 실제 워드프레스 환경에서는 적절한 이벤트 핸들러를 사용하여 토글 기능을 구현해야 합니다. 또한, 워드프레스의 `wp_enqueue_scripts` 함수를 사용하여 jQuery를 포함해야 합니다.

**주의 사항:**

* Inline 스타일은 유지보수가 어렵고 CSS 규칙보다 우선 순위가 높으므로, 가능한 한 CSS 파일에 스타일을 정의하고 클래스를 사용하는 것이 좋습니다.
* 워드프레스 테마와 충돌이 발생하지 않도록 CSS 선택자를 신중하게 선택하십시오.

이 답변이 도움이 되었기를 바랍니다!