BOTOX®
Chiều cao
không được tiết lộ
Trọng lượng máy
không được tiết lộ
BOTOX®
Chiều cao
không được tiết lộ
Trọng lượng máy
không được tiết lộ
Dysport®
Chiều cao
không được tiết lộ
Trọng lượng máy
không được tiết lộ
Restylane®
Dân tộc
không được tiết lộ
Chiều cao
không được tiết lộ
Trọng lượng máy
không được tiết lộ
Restylane®
Dân tộc
không được tiết lộ
Chiều cao
không được tiết lộ
Trọng lượng máy
không được tiết lộ
Restylane®
Dân tộc
không được tiết lộ
Chiều cao
không được tiết lộ
Trọng lượng máy
không được tiết lộ
Restylane®
Dân tộc
không được tiết lộ
Chiều cao
không được tiết lộ
Trọng lượng máy
không được tiết lộ
Restylane®
Chiều cao
không được tiết lộ
Trọng lượng máy
không được tiết lộ
Restylane®
Dân tộc
không được tiết lộ
Chiều cao
không được tiết lộ
Trọng lượng máy
không được tiết lộ
Restylane®
Chiều cao
không được tiết lộ
Trọng lượng máy
không được tiết lộ
Restylane®
Chiều cao
không được tiết lộ
Trọng lượng máy
không được tiết lộ
Restylane®
Chiều cao
không được tiết lộ
Trọng lượng máy
không được tiết lộ
Restylane®
Chiều cao
không được tiết lộ
Trọng lượng máy
không được tiết lộ
RADIESSE®
Dân tộc
không được tiết lộ
Chiều cao
không được tiết lộ
Trọng lượng máy
không được tiết lộ
RADIESSE®
Chiều cao
không được tiết lộ
Trọng lượng máy
không được tiết lộ
RADIESSE®
Dân tộc
không được tiết lộ
Chiều cao
không được tiết lộ
Trọng lượng máy
không được tiết lộ
Tải
{%- comment -%} Xóa khoảng trắng ở đầu và cuối `tag_name`. {%- endcomment -%} {%- gán tag_name = tag_name | strip -%} {%- comment -%} Xử lý trường hợp `tag_name: ''`. {%- endcomment -%} {%- if tag_name and tag_name.size < 1 -%} {%- gán tag_name = false -%} {%- endif -%} {%- if tag_name -%} <{{ tag_name }} {{- attrs | to_attrs -}} {{- additional_attrs -}} {%- if self_closing == true -%} {{- ' /' -}} {%- endif -%} > {%- endif -%} {%- except self_closing == true -%} {%- ifslot -%} {%- slot -%} {%- else -%} {{- inner_html -}} {%- endifslot -%} {%- if tag_name -%} {%- kết thúc nếu -%} {%- không kết thúc -%}{%- comment -%} Thành phần này có thể tạo thẻ `img` hoặc `div style="background-..."`.
{%- endcomment -%} {%- gán is_global_asset = is_global_asset | mặc định: false -%} {%- if bg -%} {%- comment -%} Ảnh nền {%- endcomment -%} {%- gán tag_name = tag_name | mặc định: 'div' -%} {%- gán self_closing = self_closing | mặc định: false -%} {%- comment -%} Chúng tôi tự hiển thị các thuộc tính và lọc ra `style`. {%- endcomment -%} {%- gán attr_list = attrs | to_attrs: list: true -%} {%- thu thập các additional_attrs -%} {%- comment -%} Bao gồm các thuộc tính từ ngữ cảnh. {%- endcomment -%} {%- for attr in attr_list -%} {%- except attr[0] == 'style' -%} {{- ' ' -}} {{- attr[0] -}} {%- if attr[1].size > 0 -%} ="{{- attr[1] -}}" {%- endif -%} {%- endunless -%} {%- endfor -%} {{- ' ' -}} style=" {%- comment -%} Kết xuất các kiểu nền. Sử dụng src nếu chúng ta không nhận được hình ảnh. {%- endcomment -%} {%- gán has_bg_image = false -%} {%- gán has_bg_size = false -%} {%- gán has_bg_position_x = false -%} {%- gán has_bg_position_y = false -%} {%- gán has_bg_repeat = false -%} {%- đối với prop trong bg -%} {%- trường hợp prop[0] -%} {%- khi 'hình ảnh' -%} {%- gán has_bg_image = true -%} {%- khi 'kích thước' -%} {%- gán has_bg_size = true -%} {%- khi 'vị trí' -%} {%- gán has_bg_position_x = true -%} {%- gán has_bg_position_y = true -%} {%- khi 'vị trí-x' -%} {%- gán has_bg_position_x = true -%} {%- khi 'vị trí-y' -%} {%- gán has_bg_position_y = true -%} {%- khi 'lặp lại' -%} {%- gán has_bg_repeat = true -%} {%- kết thúc chữ hoa -%} nền-{{- prop[0] -}}: {{- prop[1] -}}; {%- kết thúc -%} {%- trừ khi has_bg_image -%} ảnh nền: url('{{- src | asset_url: toàn cục: is_global_asset -}}'); {%- không kết thúc -%} {%- trừ khi has_bg_size -%} kích thước nền: bìa; {%- không kết thúc -%} {%- trừ khi has_bg_position_x -%} vị trí nền-x: trung tâm; {%- không kết thúc -%} {%- trừ khi has_bg_position_y -%} vị trí nền-y: trung tâm; {%- endunless -%} {%- except has_bg_repeat -%} background-repeat: no-repeat; {%- endunless -%} {%- comment -%} Thêm bất kỳ kiểu nào từ thuộc tính style. {%- endcomment -%} {{- attrs.style -}} " {%- endcapture -%} {%- comment -%} Xóa attrs để chúng ta không hiển thị chúng hai lần. {%- endcomment -%} {%- assign attrs = nil -%} {%- else -%} {%- comment -%} Thẻ img thông thường {%- endcomment -%} {%- assign tag_name = 'img' -%} {%- assign self_closing = true -%} {%- capture additional_attrs -%} {%- if srcset.size > 0 -%} {{- ' ' -}} srcset="{{ srcset }}" {%- endif -%} {%- if sizes.size > 0 -%} {{- ' ' -}} sizes="{{ sizes }}" {%- endif -%} {{- ' ' -}} alt="{{ alt }}" {{- ' ' -}} src="{{ src | asset_url: global: is_global_asset }}" {%- endcapture -%} {%- endif -%} {%- include 'nguyên tử/phần tử', tên thẻ: tên thẻ, đóng tự động: đóng tự động, thuộc tính bổ sung: thuộc tính bổ sung -%}{%- gán group_attrs = group.attrs | merge_props: class: 'listcard__group' -%} {%- gán tag_name = 'div' -%} {%- nếu có thể thu gọn -%} {%- gán tag_name = 'chi tiết' -%} {%- kết thúc -%} <{{ tag_name }} {{ group_attrs | to_attrs }}> {% trừ khi tiêu đề == false hoặc group.headline == nil hoặc group.headline.size == 0 %} {% nếu có thể thu gọn %} {% kết thúc nếu %} {{ nhóm.tiêu đề }} {% nếu có thể thu gọn %} {% kết thúc nếu %} {% không kết thúc %} {% cho mục trong nhóm.thẻ %} {%- bao gồm 'cardlist/listcard/item' -%} {% kết thúc cho %} {% trừ khi group.group_button_link == nil hoặc group.cards.size < 2 %} {{Nhóm.Nhãn_Nút_Nhóm }} {% vô hạn %}{% assign card_count = forloop.index %}
{%- capture curr_class -%}
listcard__card
{%- unless item.id == nil -%}
{{- ' ' -}} listcard__card--{{ item.id }}
{%- endunless -%}
{%- unless card_class == nil or card_class.size == 0 -%}
{{- ' ' -}} listcard__card--{{ card_class }}
{%- endunless -%}
{%- endcapture -%}
{%- assign card_attrs = item.attrs | merge_props: class: curr_class -%}
{% if singlelink %}
{%- assign card_attrs = card_attrs | merge_props: href: item.ctas[0].link -%}
{% endif %}
{% if linkcard %}<a {{ card_attrs | to_attrs }}>{% elsif singlelink %}<a {{ card_attrs | to_attrs }}>{% else %}<div {{ card_attrs | to_attrs }}>{% endif %}
{%- unless headline == false or item.headline == nil or item.headline.size == 0 -%}
<h2 class="listcard__card-headline">{{ item.headline }}</h2>
{%- endunless -%}
{% unless subheadline == false or item.subheadline == nil or item.subheadline.size == 0 %}
<h3 class="listcard__card-subheadline">{{ item.subheadline }}</h3>
{% endunless %}
{% unless images == false or item.images == nil or item.images.size == 0 %}
{% if compare == true %}
<div class="listcard__card-images">
<div class="listcard__comparison comparison comparison--popup">
<figure style="background-image: url('{{ item.compare_img_1 | asset_url }}')">
<a class="listcard__card-image-link listcard__card-image-link--before" href="#view-{{ item.id }}">Before</a>
<div
class="divisor"
style="
background-image: url('{{ item.compare_img_2 | asset_url }}');
clip-path: inset(0 0 0 50%);
">
<a class="listcard__card-image-link listcard__card-image-link--after" href="#view-{{ item.id }}">After</a>
</div>
</figure>
<input type="range" min="0" max="100" value="50" class="slider">
</div>
<div id="view-{{ item.id }}" class="modal-window comparison">
<a href="#" class="modal-close">Close</a>
<div class="modal-window__wrapper">
<figure style="background-image: url('{{ item.compare_img_1 | asset_url }}')">
<span class="listcard__card-image-link listcard__card-image-link--before">Before</span>
<div
class="divisor"
style="
background-image: url('{{ item.compare_img_2 | asset_url }}');
clip-path: inset(0 0 0 50%);
">
<span class="listcard__card-image-link listcard__card-image-link--after">After</span>
</div>
</figure>
<input type="range" min="0" max="100" value="50" class="slider">
</div>
</div>
</div>
{% else %}
{% if legacy %}
<div class="listcard__card-images">
{% for image in item.images %}
{% using image %}
{%- comment -%}
We're adding a class list to the `image` data before `atom/img`.
Nếu `attrs.class` đã tồn tại, danh sách lớp của chúng ta sẽ được thêm vào sau.
`capture` là cần thiết vì chúng tôi đang sử dụng dữ liệu từ` forloop.index`.
Nếu chúng ta muốn sử dụng danh sách lớp hằng số mà không có dữ liệu động, chúng ta có thể thực hiện nội tuyến như sau: `{%- gán attrs = attrs | merge_props: class: "my-static class-list" -%}` {%- endcomment -%} {%- capture class -%} {% if image_link -%} listcard__card-image-linkable listcard__card-image-linkable--{{ forloop.index }} {%- else -%} listcard__card-image listcard__card-image--{{ forloop.index }} {%- endif %} {%- endcapture %} {% if image_link %} {%- gán tag_name = 'a' -%} {%- gán attrs = attrs | merge_props: href: image_link -%} {% endif %} {%- gán attrs = attrs | merge_props: lớp: lớp -%} {% bao gồm "atom/img" %} {% endusing %} {% nếu image.modal_img %} Đóng {% sử dụng hình ảnh %} {%- bình luận -%} Chúng tôi đang thêm danh sách lớp vào dữ liệu `hình ảnh` trước `atom/img`.
Nếu `attrs.class` đã tồn tại, danh sách lớp của chúng ta sẽ được thêm vào sau.
`capture` là cần thiết vì chúng tôi đang sử dụng dữ liệu từ` forloop.index`.
Nếu chúng ta muốn sử dụng danh sách lớp hằng số mà không có dữ liệu động, chúng ta có thể thực hiện trực tuyến như sau: `{%- gán attrs = attrs | merge_props: class: "my-static class-list" -%}` {%- endcomment -%} {%- capture class -%} listcard__modal-image listcard__modal-image--{{ forloop.index }} {%- endcapture -%} {%- gán attrs = attrs | merge_props: class: class -%} {% include "atom/img" %} {% endusing %} {% kết thúc nếu %} {% kết thúc cho %} {% nếu image.image_text %} {{hình ảnh.hình ảnh_văn_bản}} {% kết thúc nếu %} {% khác %} {% for image in item.images %} {% using image %} {%- comment -%} Chúng tôi đang thêm danh sách lớp vào dữ liệu `image` trước `atom/img`.
Nếu `attrs.class` đã tồn tại, danh sách lớp của chúng ta sẽ được thêm vào sau.
`capture` là cần thiết vì chúng tôi đang sử dụng dữ liệu từ` forloop.index`.
Nếu chúng ta muốn sử dụng danh sách lớp hằng số mà không có dữ liệu động, chúng ta có thể thực hiện nội tuyến như sau: `{%- gán attrs = attrs | merge_props: class: "my-static class-list" -%}` {%- endcomment -%} {%- capture class -%} {% if image_link -%} listcard__card-image-linkable listcard__card-image-linkable--{{ forloop.index }} {%- else -%} listcard__card-image listcard__card-image--{{ forloop.index }} {%- endif %} {%- endcapture %} {% if image_link %} {%- gán tag_name = 'a' -%} {%- gán attrs = attrs | merge_props: href: image_link -%} {% endif %} {%- gán attrs = attrs | merge_props: lớp: lớp -%} {% bao gồm "atom/img" %} {% endusing %} {% nếu image.image_text %} {{hình ảnh.hình ảnh_văn_bản}} {% endif %} {% endfor %} {%- nếu item.images[0].modal_img -%} > < Đóng {% for image in item.images %} {% using image.modal_img %} {%- comment -%} Chúng tôi đang thêm danh sách lớp vào dữ liệu `image` trước `atom/img`.
Nếu `attrs.class` đã tồn tại, danh sách lớp của chúng ta sẽ được thêm vào sau.
`capture` là cần thiết vì chúng tôi đang sử dụng dữ liệu từ` forloop.index`.
Nếu muốn sử dụng danh sách lớp cố định mà không có dữ liệu động, ta có thể thực hiện trực tiếp như sau: `{%- assign attrs = attrs | merge_props: class: "my-static class-list" -%}` {%- endcomment -%} {%- capture class -%} listcard__modal-image listcard__modal-image--{{ forloop.index }} {%- endcapture -%} {%- assign attrs = attrs | merge_props: class: class -%} {% include "atom/img" %} {% endusing %} {% endfor %} {%- endif -%} {% endif %} {% endif %} {% endunless %} {% unless text == false or item.text == nil or item.text.size == 0 %} {{item.text}} {% endunless %} {% unless details == false or item.details == nil or item.details.size == 0 %} {% để xem chi tiết trong item.details %} {{ detail.label }} {%- if detail.link -%} {{ detail.text }} {%- else -%} {{ detail.text }} {%- endif -%} {% endfor %} {% endunless %} {% unless ctas == false or item.ctas == nil or item.ctas.size == 0 or linkcard or singlelink%} {% for cta in item.ctas %} {{cta.label}} {% endfor %} {% endunless %} {% if singlelink %} {% for cta in item.ctas %} {{cta.label}} {% endfor %} {% endif %} {% if singlelink %} {% elsif linkcard %} {% else %} {% endif %}
* Kết quả cá nhân không được đảm bảo và có thể thay đổi từ người này sang người khác. Hình ảnh có thể chứa các mô hình.