Korean
English
English 
Korean 
This is the most basic original capsule of Nescafe Dolce Gusto.
Dolce Gusto is so diverse and good!!
It’s fun to choose to suit your taste^^
Because the capsule size is large, it has the advantage of being released in a variety of flavors.
So, even if it is not espresso coffee, there are many products with various flavors.
Nescafe Dolce Gusto Café Latte Coffee Capsules 16
Nescafé Dolce Gusto – Cafe au Lait
– A balanced combination of strong coffee and premium milk in one capsule.
– Best served in a mug (180ml).
– Combines the intensity of pure Robusta coffee with the subtle creaminess of milk.
+ Dolce Gusto capsules are large, so please purchase a maximum of 18 at a time!!
If you purchase more than that, additional costs will apply as it is considered oversized cargo.
Please be sure to purchase no more than 18 Dolce Gusto capsules.
+ Our shop sells a variety of Dolce Gusto capsules.
Save on shipping costs by combining shipping with various products!
**설명:**
* **`
` 컨테이너:** 전체 내용을 감싸고 `text-align: center;`를 적용하여 모든 내용을 가운데 정렬합니다.
* **`.text-ko` 및 `.text-en` 클래스:** 한글 텍스트에는 `.text-ko` 클래스를, 영어 텍스트에는 `.text-en` 클래스를 적용합니다. `.text-en` 클래스는 초기 상태에서 `display: none;`으로 설정하여 숨겨둡니다.
* **이미지:** `![]()
` 태그를 사용하여 이미지를 삽입하고, `display: block;` 및 `margin: 20px auto;`를 사용하여 가운데 정렬합니다. 이미지는 제공된 URL을 사용하여 한 번만 표시됩니다.
* **텍스트:** 각 텍스트 내용을 적절한 클래스(`.text-ko` 또는 `.text-en`)로 감싸고, 필요한 스타일 (예: `font-weight: bold;`, `font-size: 1.2em;`, `color: red;`)을 적용합니다.
* **목록 스타일:** `-` 로 시작하는 문장들은 `text-align: left;` 스타일을 적용하여 왼쪽 정렬합니다. 그리고 `margin: 0 auto; width: 80%;`를 추가하여 가운데로 오게끔 합니다.
* **주의 강조:** `+`로 시작하는 문장들 중, 중요한 내용은 `color: red;` 스타일을 적용하여 강조합니다.
* **구분:** 각 항목 사이에 `margin-bottom: 30px;`를 적용하여 간격을 둡니다.
* **`.text-ko` 및 `.text-en` 클래스:** 한글 텍스트에는 `.text-ko` 클래스를, 영어 텍스트에는 `.text-en` 클래스를 적용합니다. `.text-en` 클래스는 초기 상태에서 `display: none;`으로 설정하여 숨겨둡니다.
* **이미지:** `
* **텍스트:** 각 텍스트 내용을 적절한 클래스(`.text-ko` 또는 `.text-en`)로 감싸고, 필요한 스타일 (예: `font-weight: bold;`, `font-size: 1.2em;`, `color: red;`)을 적용합니다.
* **목록 스타일:** `-` 로 시작하는 문장들은 `text-align: left;` 스타일을 적용하여 왼쪽 정렬합니다. 그리고 `margin: 0 auto; width: 80%;`를 추가하여 가운데로 오게끔 합니다.
* **주의 강조:** `+`로 시작하는 문장들 중, 중요한 내용은 `color: red;` 스타일을 적용하여 강조합니다.
* **구분:** 각 항목 사이에 `margin-bottom: 30px;`를 적용하여 간격을 둡니다.
**사용 방법:**
1. 위 HTML 코드를 워드프레스 테마의 적절한 위치에 붙여넣습니다. (예: 상품 상세 페이지 템플릿).
2. 필요에 따라 CSS를 사용하여 스타일을 더욱 세밀하게 조정할 수 있습니다.
3. JavaScript를 사용하여 언어 전환 기능을 구현하여 `.text-en` 클래스의 `display` 속성을 `block` 또는 `none`으로 변경할 수 있습니다. 예를 들어, 버튼을 클릭하면 모든 `.text-ko` 요소는 숨기고 `.text-en` 요소는 표시되도록 할 수 있습니다.
