Korean
English
LANCER 랜서 더 메쏘드 폴리쉬 폴리시 지성피부용 120ml 헐리우드 각질제거
129,000₩
구매 전 반드시 확인해 주세요!
– 배송비를 포함한 구매 합산 총 가격이 150$가 넘으면 관부가세가 부과됩니다.
– 제품 패키지의 디자인과 언어표기는 시즌/출시된 나라에 따라 다를 수 있습니다.
– 환불 및 교환을 원하실 경우 7일 이내 연락 주셔야 가능합니다. 받으신 제품 사진, 송장, 박스 사진이 있어야합니다.
– 개인 통관고유부호 발급정보와 [개인통관고유부호 + 성명 + 전화번호]가 모두 일치해야만 통관이 가능합니다.
개인통관고유부호 발급정보(성명, 전화번호, 주소)가 변경된 경우, 관세청 개인통관고유 부호 발급 사이트(관세청 모바일)에서 변경된 정보를 필히 수정하시기 바랍니다.
(※ 발급정보와 수하인 개인통관고유부호 + 성명 + 전화번호가 모두 일치하지 않을 경우 통관이 제한 될 수 있음)
**주요 변경 사항:**
* **이미지 중복 제거:** 첫 번째 이미지 URL만 사용했습니다.
* **클래스 적용:** `.text-ko`와 `.text-en` 클래스를 각 언어에 맞게 적용했습니다.
* **`display: none;` 적용:** `.text-en` 클래스에 `display: none;`을 적용하여 영문 텍스트를 숨겼습니다.
* **inline 스타일 적용:** 요청하신 대로 inline 스타일을 사용했습니다. 각 div에 `text-align: center;`를 추가하여 텍스트를 가운데 정렬했습니다.
* **태그 제거 및 HTML 변환:** 입력 데이터의 “[TEXT]” 와 “[IMAGE]” 태그를 제거하고 HTML 구조에 맞게 변환했습니다.
* **영역 구분 및 스타일 구분:** 각 텍스트 내용에 따라 div로 감싸고, 필요에 따라 `font-weight: bold;`, `font-size: 1.2em;` 등의 스타일을 적용하여 시각적으로 구분되도록 했습니다.
* **alt 텍스트:** `img` 태그에 적절한 `alt` 텍스트를 추가했습니다.
**사용 방법:**
1. 위 코드를 복사하여 워드프레스 상품 상세 페이지에 붙여넣습니다.
2. (선택 사항) JavaScript를 사용하여 언어 전환 기능을 구현합니다. `.text-ko`를 숨기고 `.text-en`을 보이게 하거나, 그 반대로 하는 방식으로 구현할 수 있습니다.
**JavaScript 예시 (jQuery 사용):**
javascript
function toggleLanguage() {
$(‘.text-ko’).toggle();
$(‘.text-en’).toggle();
}
// 버튼 클릭 시 언어 전환
$(‘#language-toggle-button’).click(function() {
toggleLanguage();
});
위 JavaScript 코드를 사용하려면 워드프레스에 jQuery가 로드되어 있어야 합니다. 또한, HTML에 언어 전환 버튼을 추가해야 합니다.
**추가 고려 사항:**
* **CSS 클래스:** inline 스타일 대신 CSS 클래스를 사용하는 것이 유지보수 측면에서 더 좋습니다. 하지만 요청에 따라 inline 스타일을 사용했습니다.
* **반응형 디자인:** 이 코드는 반응형 디자인을 고려하지 않았습니다. 화면 크기에 따라 스타일을 조정하려면 CSS 미디어 쿼리를 사용해야 합니다.
* **워드프레스 테마:** 워드프레스 테마의 스타일이 이 코드에 영향을 줄 수 있습니다. 필요에 따라 스타일을 조정해야 합니다.
* **SEO:** 검색 엔진 최적화(SEO)를 위해 이미지에 적절한 `alt` 텍스트를 사용하는 것이 중요합니다.
* **JavaScript 로드 위치:** JavaScript 코드는 `
