Try Vienna’s famous snack, Manner Wafers!
Manner Mozart – 300g
Do you know Mozart chocolate among Austria’s famous chocolates?
This is a collaboration product between Marner and Mozart chocolate :)
Both are really delicious if you eat them individually.
If the two products are combined, there is no need for words!!
Wafer filled with almond hazelnuts (57%) completely dipped in dark chocolate (30%)
The wafers are special thanks to the original taste of Victor Schmidt Mozart balls. The word mignon is of French origin and means sweet and cute. Like… Manner Mignon waffles! Mozart Mignons are created according to the principle:
Storage
Store at room temperature and in a dry place.
Manufacturer
Josef Manner & Comp. AG
Wilhelminenstrasse 6
1170, Vienna, Austria
Origin
Austria
Material
Nutrition Facts ø100g Energy Value 2187kJ/524kcal
Sugar
Flour
Fat 30g
Vegetable fat:
Among them, 21g of saturated fatty acids
– Coconut fat
55g carbohydrates
– Palm oil
39g of sugar
Cocoa mass
Protein 6.1g
Cocoa Butter
Salt 0.10g
Glucose Syrup
Skim milk powder
Low-fat cocoa powder
**설명:**
* **`
` 컨테이너:** 전체 내용을 중앙 정렬하는 `text-align: center` 스타일을 가진 최상위 `
`로 감쌌습니다.
* **한글/영어 텍스트 쌍:** 각 텍스트 쌍은 `margin-bottom: 30px` 스타일을 가진 `
* **한글/영어 텍스트 쌍:** 각 텍스트 쌍은 `margin-bottom: 30px` 스타일을 가진 `
`로 묶었습니다. 이를 통해 각 텍스트 블록 사이에 간격이 생깁니다.
* **`.text-ko` 및 `.text-en` 클래스:** 한글 텍스트는 `.text-ko` 클래스를, 영어 텍스트는 `.text-en` 클래스를 가집니다. `.text-en` 클래스에는 `display: none;` 스타일이 적용되어 초기에는 숨겨집니다.
* **이미지 처리:** `
` 태그를 사용하여 이미지를 표시하고, `display: block; margin: 20px auto;` 스타일을 적용하여 이미지 중앙 정렬 및 위아래 간격을 추가했습니다.
* **볼드체 강조:** 제목이나 중요한 정보에는 `font-weight: bold` 스타일을 적용했습니다. 필요에 따라 `font-size: 1.2em`을 사용하여 크기를 키웠습니다.
* **중복 이미지 제거:** 요청하신 대로 이미지는 중복 없이 한 번만 표시됩니다.
* **스타일 일관성:** 모든 스타일은 inline 스타일로 적용되었습니다.
* **영역 구분:** 문맥에 따라 텍스트 블록을 그룹화하여 가독성을 높였습니다.
* **`.text-ko` 및 `.text-en` 클래스:** 한글 텍스트는 `.text-ko` 클래스를, 영어 텍스트는 `.text-en` 클래스를 가집니다. `.text-en` 클래스에는 `display: none;` 스타일이 적용되어 초기에는 숨겨집니다.
* **이미지 처리:** `
* **볼드체 강조:** 제목이나 중요한 정보에는 `font-weight: bold` 스타일을 적용했습니다. 필요에 따라 `font-size: 1.2em`을 사용하여 크기를 키웠습니다.
* **중복 이미지 제거:** 요청하신 대로 이미지는 중복 없이 한 번만 표시됩니다.
* **스타일 일관성:** 모든 스타일은 inline 스타일로 적용되었습니다.
* **영역 구분:** 문맥에 따라 텍스트 블록을 그룹화하여 가독성을 높였습니다.
**사용 방법:**
1. 위 HTML 코드를 워드프레스 상품 상세 페이지의 HTML 편집기에 복사합니다.
2. (선택 사항) 필요에 따라 CSS를 사용하여 스타일을 더욱 세밀하게 조정합니다. 예를 들어, `.text-en`의 `display: none;`을 JavaScript를 사용하여 특정 조건(예: 언어 설정)에서 `display: block;`으로 변경하여 영어 텍스트를 표시할 수 있습니다.
이 코드를 사용하면 요청하신 대로 한글/영어 텍스트가 번갈아 나타나고, 영어 텍스트는 기본적으로 숨겨진 상태로 표시됩니다. 그리고 이미지는 중복 없이 한번만 표시됩니다.