Korean
English
English 
Korean 
Kérastase Genesis Ampoule Portipient 10X6ml
Kérastase Genesis Ampoules Anti chute cure fortifiante 10X6ml
This is a hair treatment ampoule for weakened hair.
How to use:
Use every morning or before bed.
When you remove the top of the ampoule, the silicone applicator is revealed.
Apply 1 ampoule to each area on dry or towel-dried scalp and press the bottom of the ampoule at the same time.
Massage gently with your hands.
All ingredients: Aqua / water / eau – Alcohol denat – Diaminopyrimidine oxide – Ammonium polyacryloyldimethyl taurate – Aminomethyl propanol – Citric acid – Peg-40 hydrogenated castor oil – Piroctone olamine – Caffeine – Arginine – Limonene – Niacinamide – Pyridoxine hcl – Rhamnose – Linalool – Safflower glucoside – Benzyl salicylate – Coumarin – Glycerin – Citral – Benzyl alcohol – Xylitylglucoside – Citronellol – Benzyl benzoate – Anhydroxylitol –
+ In accordance with the management standards of the Food and Drug Administration, expressions of medicinal efficacy or terms and efficacy that may lead to excessive advertising were refrained.
If you have any questions about the product, please refer to the official website or contact us via TalkTalk.
**설명:**
* **전체 컨테이너:** `
` 태그로 감싸고 `text-align: center;` 스타일을 적용하여 내부 요소들을 가운데 정렬합니다.
* **이미지:** 중복 이미지를 방지하기 위해 첫 번째 이미지만 사용했습니다. `display: block; margin: 20px auto;` 스타일을 적용하여 이미지를 가운데 정렬하고 위아래 여백을 줍니다.
* **텍스트 컨테이너:** 각 텍스트를 담는 `
* **이미지:** 중복 이미지를 방지하기 위해 첫 번째 이미지만 사용했습니다. `display: block; margin: 20px auto;` 스타일을 적용하여 이미지를 가운데 정렬하고 위아래 여백을 줍니다.
* **텍스트 컨테이너:** 각 텍스트를 담는 `
` 태그에 `margin-bottom: 30px;` 스타일을 적용하여 텍스트 영역 사이의 간격을 줍니다.
* **한글/영어 구분:** 각 텍스트를 담는 `
* **한글/영어 구분:** 각 텍스트를 담는 `
` 태그 내부에 한글 텍스트는 `.text-ko` 클래스를, 영어 텍스트는 `.text-en` 클래스를 적용했습니다.
* **영어 숨김:** `.text-en` 클래스에 `display: none;` 스타일을 적용하여 초기 상태에서 영어 텍스트를 숨깁니다.
* **스타일:** `text-align: center;` 스타일을 모든 텍스트 요소에 적용하여 텍스트를 가운데 정렬했습니다. 제목에 해당하는 텍스트에는 `font-weight: bold; font-size: 1.2em;` 스타일을 추가하여 강조했습니다.
* **이미지 alt 속성:** `alt` 속성에 이미지에 대한 설명을 추가했습니다.
* **불필요한 IMAGE 태그 제거:** TEXT 데이터만 HTML로 변환했습니다.
* **영어 숨김:** `.text-en` 클래스에 `display: none;` 스타일을 적용하여 초기 상태에서 영어 텍스트를 숨깁니다.
* **스타일:** `text-align: center;` 스타일을 모든 텍스트 요소에 적용하여 텍스트를 가운데 정렬했습니다. 제목에 해당하는 텍스트에는 `font-weight: bold; font-size: 1.2em;` 스타일을 추가하여 강조했습니다.
* **이미지 alt 속성:** `alt` 속성에 이미지에 대한 설명을 추가했습니다.
* **불필요한 IMAGE 태그 제거:** TEXT 데이터만 HTML로 변환했습니다.
**사용 방법:**
위 HTML 코드를 워드프레스 상품 상세 페이지 HTML DIV 영역에 삽입합니다. (예: 워드프레스 편집기의 “텍스트” 모드). jQuery 또는 Javascript를 사용하여 언어 전환 기능을 구현하여 `.text-ko`와 `.text-en`의 `display` 속성을 변경하면 됩니다.
**예시 (jQuery를 사용한 언어 전환):**
javascript
// 한국어 버튼 클릭 시
$(‘#korean-button’).click(function() {
$(‘.text-en’).hide();
$(‘.text-ko’).show();
});
// 영어 버튼 클릭 시
$(‘#english-button’).click(function() {
$(‘.text-ko’).hide();
$(‘.text-en’).show();
});
이 예시에서는 `#korean-button`과 `#english-button`이라는 ID를 가진 버튼을 클릭했을 때 각각 한국어와 영어 텍스트를 보이거나 숨기는 jQuery 코드를 보여줍니다. 실제 워드프레스 테마에 맞게 버튼 ID 및 jQuery 코드를 조정해야 합니다.
