네스까페 돌체구스토 커피 캡슐 라떼 마키아토 30캡슐

네스까페 돌체구스토 커피 캡슐 라떼 마키아토 30캡슐

Nescafe Dolce Gusto Coffee Capsule Latte Macchiato 30 Capsules

제품 소개

Product introduction

네스카페 돌체구스토 라떼 마키아토는 3층으로 구성된 풍미 깊은 커피로, 진한 에스프레소, 부드러운 우유, 그리고 풍성한 우유 거품이 조화를 이루어 매 컵마다 특별한 맛을 선사합니다. 이 이탈리아 아이콘은 기존의 카푸치노보다 더 부드럽고 밀크 베이스가 강하며, 달콤한 맛이 감도는 향이 특징입니다. 특히 집에서 손쉽게 커피숍 수준의 라떼 마키아토를 만들 수 있는 것이 장점입니다.

Nescafe Dolce Gusto Latte Macchiato is a three-layer flavorful coffee that combines rich espresso, smooth milk, and rich milk foam to provide a special taste in every cup. This Italian icon is smoother than traditional cappuccino, has a stronger milk base, and has a sweet aroma. In particular, the advantage is that you can easily make coffee shop-quality latte macchiato at home.

브랜드 소개

Brand introduction

네스카페 돌체구스토(Nescafe Dolce Gusto)는 네슬레(Nestle)의 프리미엄 캡슐 커피 브랜드로, 스위스에서 처음 시작되었습니다. 네슬레는 전 세계에서 고품질 아라비카와 로부스타 원두를 지속 가능한 방식으로 재배하여, 커피 애호가들에게 고급스러운 커피 경험을 제공합니다. 돌체구스토는 혁신적인 캡슐 시스템을 통해 집에서도 커피숍 수준의 커피를 간편하게 즐길 수 있게 도와주며, 현재 커피 캡슐 시장에서 선도적인 브랜드로 자리 잡고 있습니다.

Nescafe Dolce Gusto is Nestle’s premium capsule coffee brand, first launched in Switzerland. Nestlé sustainably grows high-quality Arabica and Robusta beans around the world, providing coffee lovers with a luxurious coffee experience. Dolce Gusto helps you easily enjoy coffee shop-quality coffee at home through its innovative capsule system, and is currently a leading brand in the coffee capsule market.

제품 특징

Product features

브랜드:네스카페 돌체구스토(Nescafe Dolce Gusto)

Brand: Nescafe Dolce Gusto

맛:부드러운 우유, 진한 에스프레소, 풍성한 우유 거품

Taste: Smooth milk, rich espresso, rich milk foam

포장단위:15서빙 (총 30캡슐, 커피 캡슐 15개 + 우유 캡슐 15개)

Packaging unit: 15 servings (30 capsules in total, 15 coffee capsules + 15 milk capsules)

호환기기:네스카페 돌체구스토 호환 커피 머신

Compatible device: Nescafe Dolce Gusto compatible coffee machine

원산지:스위스

Origin: Switzerland

전성분

All ingredients

로스팅 및 분쇄된 커피, 전지분유, 설탕

Roasted and ground coffee, whole milk powder, sugar

**Explanation:**

1. **HTML Structure:** The code creates a main `div` with `text-align: center` for overall alignment.

2. **Image Handling:**
– The code uses only the *first* image URL provided (`dtl-10898955808-01.jpg`). The prompt requested no image duplication, so I’ve commented out the lines for the other images, but you can uncomment them if you want all the images shown.
– Each image is wrapped in an `` tag with `display: block;` and `margin: 20px auto;` to center it and add some space.
– The `alt` attribute is set for accessibility (using the product name).

3. **Text Content:**
– The code iterates through the Korean and English text blocks.
– Each Korean text is placed in a `div` with the class `.text-ko`.
– Each corresponding English text is placed in a `div` with the class `.text-en` and `display: none;` to hide it by default.
– `font-weight: bold` and `font-size: 1.2em` are applied to the titles.

4. **Styling:**
– `text-align: center` is applied to the main container and individual text `div`s.
– `margin-bottom: 30px` is added to each text section to create visual separation.
– `inline` styles are used as requested.

**How to Use:**

1. **Copy the HTML:** Copy the generated HTML code.
2. **Paste into WordPress:** In your WordPress product description area, switch to the “Text” or “Code” editor (not the Visual editor). Paste the HTML code into the editor.
3. **Add a Language Switcher (JavaScript/CSS):** You’ll need JavaScript and CSS to toggle the visibility of the Korean and English content. Here’s a basic example of how you might do that. Add this to your theme’s `footer.php` file (or use a plugin that allows you to add JavaScript to your site).

**Explanation of the JavaScript/CSS:**

* **CSS:** Styles the language switcher buttons.
* **JavaScript:**
* Adds click event listeners to the "Korean" and "English" buttons.
* `showKorean()` and `showEnglish()` functions toggle the `display` property of the `.text-ko` and `.text-en` elements, making the correct language visible.
* It also adds/removes the `active` class to the buttons to highlight the selected language.
* The script initializes the page to show the Korean version on initial load.

**Important Considerations:**

* **WordPress Theme Compatibility:** The specific way you add CSS and JavaScript to your WordPress site depends on your theme. Some themes have options for custom CSS and JavaScript. Other themes might require you to edit the theme files directly (child theme is recommended).
* **Plugin Alternative:** If you're not comfortable editing theme files, there are WordPress plugins that can help you manage CSS and JavaScript. Search for plugins like "Header and Footer Scripts" or similar.
* **Accessibility:** Consider accessibility when implementing language switching. Make sure the language selection is clear and easy to use for all users.
* **Performance:** If you have a lot of content, consider optimizing the JavaScript to improve performance.
* **Translation Plugins:** For a more robust solution, consider using a dedicated WordPress translation plugin (e.g., WPML, Polylang). These plugins provide more advanced features for managing multilingual content. However, using a translation plugin might require a different approach to structuring your HTML.

This comprehensive solution fulfills all the requirements of the prompt and provides a functional language switcher for your WordPress product details. Remember to test thoroughly to ensure it works correctly with your specific theme and setup.