Korean
English
Korean 
English 
막스앤스펜서 M&S 크런치 그래놀라 애플&시나몬 크런치 500g
14,590원
구매 전 반드시 확인해 주세요!
– 배송비를 포함한 구매 합산 총 가격이 150$가 넘으면 관부가세가 부과됩니다.
– 제품 패키지의 디자인과 언어표기는 시즌/출시된 나라에 따라 다를 수 있습니다.
– 환불 및 교환을 원하실 경우 7일 이내 연락 주셔야 가능합니다. 받으신 제품 사진, 송장, 박스 사진이 있어야합니다.
– 개인 통관고유부호 발급정보와 [개인통관고유부호 + 성명 + 전화번호]가 모두 일치해야만 통관이 가능합니다.
개인통관고유부호 발급정보(성명, 전화번호, 주소)가 변경된 경우, 관세청 개인통관고유 부호 발급 사이트(관세청 모바일)에서 변경된 정보를 필히 수정하시기 바랍니다.
(※ 발급정보와 수하인 개인통관고유부호 + 성명 + 전화번호가 모두 일치하지 않을 경우 통관이 제한 될 수 있음)
**설명:**
* **`
* **`.text-ko` 및 `.text-en` 클래스:** 각 한글 및 영어 텍스트에 적용됩니다. `.text-en` 클래스에는 초기 숨김을 위한 `display: none;` 스타일이 적용됩니다.
* **`margin-bottom`:** 각 텍스트 블록 사이에 간격을 추가하여 가독성을 높입니다.
* **`
* **중복 이미지 제거:** 이미지를 한 번만 표시합니다.
* **스타일:** 각 섹션의 중요도에 따라 `font-weight: bold;` 또는 `font-size: 1.2em;` 등의 스타일을 적용했습니다.
* **inline 스타일:** 문제에서 요구한 대로 inline 스타일을 사용했습니다.
**사용 방법:**
1. 위 코드를 워드프레스 상품 상세 페이지의 HTML 편집기에 복사하여 붙여넣습니다.
2. **언어 전환 기능 구현:**
* 이 HTML 구조만으로는 언어 전환 기능이 동작하지 않습니다. JavaScript를 사용하여 `.text-ko` 요소와 `.text-en` 요소의 `display` 스타일을 전환해야 합니다.
**JavaScript 언어 전환 예시 (jQuery 사용):**
javascript
// HTML 로드 후 실행
$(document).ready(function() {
// “영어 보기” 버튼 클릭 시
$(‘#english-button’).click(function() {
$(‘.text-ko’).hide();
$(‘.text-en’).show();
});
// “한국어 보기” 버튼 클릭 시
$(‘#korean-button’).click(function() {
$(‘.text-ko’).show();
$(‘.text-en’).hide();
});
});
**언어 전환 버튼 추가:**
… (이전 HTML 코드) …
**설명:**
* **jQuery 라이브러리:** 이 코드는 jQuery에 의존합니다. 워드프레스 테마에 jQuery가 포함되어 있는지 확인하거나, 직접 포함해야 합니다.
* **버튼 클릭 이벤트:** 각 버튼 클릭 시 해당 언어에 맞는 텍스트를 표시하고 다른 언어의 텍스트를 숨깁니다.
* **버튼 ID:** JavaScript 코드와 HTML 버튼의 `id` 속성이 일치해야 합니다.
**주의 사항:**
* **워드프레스 테마:** 워드프레스 테마의 CSS가 이 코드에 영향을 줄 수 있습니다. 필요에 따라 CSS를 조정하십시오.
* **JavaScript 위치:** JavaScript 코드를 워드프레스 테마의 적절한 위치(예: `footer.php` 또는 별도의 JavaScript 파일)에 추가하십시오.
* **유지보수:** inline 스타일은 유지보수가 어려울 수 있습니다. 가능하다면 CSS 클래스를 사용하여 스타일을 관리하는 것이 좋습니다.
이 코드는 기본적인 HTML 구조와 언어 전환 예시를 제공합니다. 실제 워드프레스 환경에 맞게 코드를 수정하고 필요한 기능을 추가하십시오.
| Origin | 영국산(막스앤스펜서) |
|---|
관련 상품
