Bilder der sekundären Rhinoplastik für die Patienten von Dr. Manish Shah
Laden
{%- comment -%} Entfernen Sie führende und nachfolgende Leerzeichen aus „tag_name“. {%- endcomment -%} {%- assign tag_name = tag_name | strip -%} {%- comment -%} Behandeln Sie den Fall „tag_name: ''“. {%- endcomment -%} {%- if tag_name and tag_name.size < 1 -%} {%- assign tag_name = false -%} {%- endif -%} {%- if tag_name -%} <{{ tag_name }} {{- attrs | zu_attrs -}} {{- zusätzliche_attrs -}} {%- wenn selbstschließend == true -%} {{- ' /' -}} {%- endif -%} > {%- endif -%} {%- es sei denn, selbstschließend == true -%} {%- ifslot -%} {%- slot -%} {%- sonst -%} {{- inner_html -}} {%- endifslot -%} {%- wenn tag_name -%} {%- endif -%} {%- endunless -%}{%- comment -%} Diese Komponente kann ein „img“-Tag oder ein „div style="background-..."“ generieren.
{%- endcomment -%} {%- assign is_global_asset = is_global_asset | default: false -%} {%- if bg -%} {%- comment -%} Hintergrundbild {%- endcomment -%} {%- assign tag_name = tag_name | default: 'div' -%} {%- assign self_closing = self_closing | default: false -%} {%- comment -%} Wir rendern die Attribute selbst und filtern „style“ heraus. {%- endcomment -%} {%- assign attr_list = attrs | to_attrs: list: true -%} {%- capture additional_attrs -%} {%- comment -%} Attribute aus dem Kontext einschließen. {%- endcomment -%} {%- für attr in attr_list -%} {%- es sei denn, attr[0] == 'style' -%} {{- ' ' -}} {{- attr[0] -}} {%- wenn attr[1].size > 0 -%} ="{{- attr[1] -}}" {%- endif -%} {%- endunless -%} {%- endfor -%} {{- ' ' -}} style=" {%- comment -%} Rendert Hintergrundstile. Verwenden Sie src, wenn wir kein Bild erhalten haben. {%- endcomment -%} {%- Zuweisung von „has_bg_image“ = „false“ -%} {%- Zuweisung von „has_bg_size“ = „false“ -%} {%- Zuweisung von „has_bg_position_x“ = „false“ -%} {%- Zuweisung von „has_bg_position_y“ = „false“ -%} {%- Zuweisung von „has_bg_repeat“ = „false“ -%} {%- für Eigenschaft in „bg“ -%} {%- case Eigenschaft[0] -%} {%- wenn „Bild“ -%} {%- Zuweisung von „has_bg_image“ = „true“ -%} {%- wenn „Größe“ -%} {%- Zuweisung von „has_bg_size“ = „true“ -%} {%- wenn „Position“ -%} {%- Zuweisung von „has_bg_position_x“ = „true“ -%} {%- Zuweisung von „has_bg_position_y“ = „true“ -%} {%- wenn „Position-x“ -%} {%- Zuweisung von „has_bg_position_x“ = „true“ -%} -%} {%- Weisen Sie has_bg_position_y = true zu -%} {%- wenn „wiederholen“ -%} {%- Weisen Sie has_bg_repeat = true zu -%} {%- endcase -%} Hintergrund-{{- prop[0] -}}: {{- prop[1] -}}; {%- endfor -%} {%- es sei denn, has_bg_image -%} Hintergrundbild: URL(„{{- src | asset_url: global: is_global_asset -}}“); {%- endunless -%} {%- es sei denn, has_bg_size -%} Hintergrundgröße: Cover; {%- endunless -%} {%- es sei denn, has_bg_position_x -%} Hintergrundposition-x: Mitte; {%- endunless -%} {%- es sei denn, has_bg_position_y -%} Hintergrundposition-y: Mitte; {%- endunless -%} {%- unless has_bg_repeat -%} background-repeat: no-repeat; {%- endunless -%} {%- comment -%} Fügen Sie beliebige Stile aus dem Stilattribut hinzu. {%- endcomment -%} {{- attrs.style -}} " {%- endcapture -%} {%- comment -%} Entfernen Sie Attrs, damit wir sie nicht zweimal rendern. {%- zuweisen group_attrs = group.attrs | merge_props: Klasse: „listcard__group“ -%} {%- zuweisen tag_name = „div“ -%} {%- wenn zusammenklappbar -%} {%- zuweisen tag_name = „details“ -%} {%- endif -%} <{{ tag_name }} {{ group_attrs | to_attrs }}> {%, es sei denn, Überschrift == false oder group.headline == nil oder group.headline.size == 0 %} {% wenn zusammenklappbar %} {% endif %} {{ gruppe.headline }} {% wenn zusammenklappbar %} {% endif %} {% endunless %} {% für Element in Gruppe.Karten %} {%- include 'Kartenliste/Listenkarte/Element' -%} {% endfor %} {%, es sei denn, group.group_button_link == nil oder group.cards.size < 2 %} {{ Gruppe.Gruppenschaltflächenbezeichnung }} {% endunless %}{% 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`.
Wenn `attrs.class` bereits existiert, wird unsere Klassenliste danach hinzugefügt.
„capture“ wird benötigt, da wir Daten aus „forloop.index“ verwenden.
Wenn wir eine konstante Klassenliste ohne dynamische Daten verwenden wollten, könnten wir dies inline wie folgt tun: `{%- assign 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 %} {%- assign tag_name = 'a' -%} {%- assign attrs = attrs | merge_props: href: image_link -%} {% endif %} {%- assign attrs = attrs | merge_props: Klasse: Klasse -%} {% include "atom/img" %} {% endusing %} {% if image.modal_img %} Schließen {% using image %} {%- comment -%} Wir fügen den „image“-Daten vor „atom/img“ eine Klassenliste hinzu.
Wenn `attrs.class` bereits existiert, wird unsere Klassenliste danach hinzugefügt.
„capture“ wird benötigt, da wir Daten aus „forloop.index“ verwenden.
Wenn wir eine konstante Klassenliste ohne dynamische Daten verwenden wollten, könnten wir dies inline wie folgt tun: `{%- 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 %} {% endif %} {% endfor %} {% if Bild.Bildtext %} {{bild.bild_text}} {% endif %} {% sonst %} {% for image in item.images %} {% using image %} {%- comment -%} Wir fügen den „image“-Daten vor „atom/img“ eine Klassenliste hinzu.
Wenn `attrs.class` bereits existiert, wird unsere Klassenliste danach hinzugefügt.
„capture“ wird benötigt, da wir Daten aus „forloop.index“ verwenden.
Wenn wir eine konstante Klassenliste ohne dynamische Daten verwenden wollten, könnten wir dies inline wie folgt tun: `{%- assign 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 %} {%- assign tag_name = 'a' -%} {%- assign attrs = attrs | merge_props: href: image_link -%} {% endif %} {%- assign attrs = attrs | merge_props: Klasse: Klasse -%} {% include "atom/img" %} {% endusing %} {% if image.image_text %} {{bild.bild_text}} {% endif %} {% endfor %} {%- if item.images[0].modal_img -%} > < Schließen {% for image in item.images %} {% using image.modal_img %} {%- comment -%} Wir fügen den „image“-Daten vor „atom/img“ eine Klassenliste hinzu.
Wenn `attrs.class` bereits existiert, wird unsere Klassenliste danach hinzugefügt.
„capture“ wird benötigt, da wir Daten aus „forloop.index“ verwenden.
* Einzelergebnisse sind nicht garantiert und können von Person zu Person variieren. Bilder können Modelle enthalten.