Bilder von chirurgischen Nasenkorrekturen für Patienten von Dr. Matthew Kaufman
Laden
{%- comment -%} Entfernt führende und abschließende Leerzeichen aus „tag_name“. {%- endcomment -%} {%- zuweisen tag_name = tag_name | strip -%} {%- comment -%} Behandelt den Fall `tag_name: ''`. {%- endcomment -%} {%- if tag_name and tag_name.size < 1 -%} {%- assign tag_name = false -%} {%- endif -%} {%- if tag_name -%} <{{ tag_name }} {{- Attribute | to_attrs -}} {{- Additional_attrs -}} {%- if self_closing == true -%} {{- ' /' -}} {%- endif -%} > {%- endif -%} {%- es sei denn self_closing == true -%} {%- ifslot -%} {%- slot -%} {%- else -%} {{- inner_html -}} {%- endifslot -%} {%- if 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 | Standard: false -%} {%- if bg -%} {%- comment -%} Hintergrundbild {%- endcomment -%} {%- assign tag_name = tag_name | Standard: 'div' -%} {%- zuweisen self_closing = self_closing | default: false -%} {%- comment -%} Wir rendern selbst Attribute und filtern `style` heraus. {%- Endcomment -%} {%- Assign attr_list = attrs | to_attrs: list: true -%} {%- capture Additional_attrs -%} {%- comment -%} Attribute aus dem Kontext einschließen. {%- endcomment -%} {%- for attr in attr_list -%} {%- es sei denn attr[0] == 'style' -%} {{- ' ' -}} {{- attr[0] -} } {%- if attr[1].size > 0 -%} ="{{- attr[1] -}}" {%- endif -%} {%- endunless -%} {%- endfor -%} {{- ' ' -}} style=" {%- comment -%} Rendern von bg-Stilen. Verwenden Sie src, wenn wir kein Bild erhalten haben. {%- endcomment -%} {%- assign has_bg_image = false -%} {%- has_bg_size = false -% zuweisen} {%- has_bg_position_x = false -% zuweisen} {%- has_bg_position_y = false -% zuweisen} {%- has_bg_repeat = false -% zuweisen} {%- for prop in bg -%} {%- case prop[0] -%} {%- when 'image' -%} {%- has_bg_image = true -% zuweisen} {%- when 'size' -%} {%- has_bg_size = true zuweisen -% } {%- when 'position' -%} {%- has_bg_position_x = true zuweisen -%} {%- has_bg_position_y = true zuweisen -%} {%- when 'position-x' -%} {%- has_bg_position_x = true zuweisen -%} {%- wenn 'position-y' -%} {%- has_bg_position_y = true zuweisen -%} {%- wenn 'repeat' -%} {%- has_bg_repeat = true zuweisen -%} {%- endcase - %} Hintergrund-{{- prop[0] -}}: {{- p rop[1] -}}; {%- endfor -%} {%- es sei denn, has_bg_image -%} background-image: url('{{- src | asset_url: global: is_global_asset -}}'); {%- endunless -%} {%- es sei denn, has_bg_size -%} background-size: cover; {%- endunless -%} {%- es sei denn, has_bg_position_x -%} background-position-x: center; {%- endunless -%} {%- es sei denn, has_bg_position_y -%} background-position-y: center; {%- endunless -%} {%- es sei denn, has_bg_repeat -%} background-repeat: no-repeat; {%- endunless -%} {%- comment -%} Fügt beliebige Stile aus dem Stilattribut hinzu. {%- endcomment -%} {{- attrs.style -}} " {%- endcapture -%} {%- comment -%} Entfernen Sie Attribute, damit wir sie nicht zweimal rendern. {%- endcomment -%} { %- zuweisen attrs = nil -%} {%- sonst -%} {%- kommentar -%} Normales img-Tag {%- endcomment -%} {%- zuweisen tag_name = 'img' -%} {%- zuweisen self_closing = true -%} {%- capture Additional_attrs -%} {%- if srcset.size > 0 -%} {{- ' ' -}} srcset="{{ srcset }}" {%- endif -%} { %- if size.size > 0 -%} {{- ' ' -}} size="{{ size }}" {%- endif -%} {{- ' ' -}} alt="{{ alt } }" {{- ' ' -}} src="{{ src | asset_url: global: is_global_asset }}" {%- endcapture -%} {%- endif -%} {%- include 'atom/element', tag_name: tag_name, self_closing: self_closing, Additional_attrs: Additional_attrs -%}{%- zuweisen group_attrs = group.attrs | merge_props: class: 'listcard__group' -%} {%- Assign Tag_Name = 'Div' -%} {%- If Collapsible -%} {%- Assign Tag_Name = 'Details' -%} {%- Endif -%} < {{ tag_name }} {{ group_attrs | to_attrs }}> {% es sei denn, Überschrift == false oder group.headline == nil oder group.headline.size == 0 %} {% falls zusammenklappbar %} {% endif %} {{ group.headline }} {% falls zusammenklappbar %} {% endif %} {% endunless %} {% for item in group.cards %} {%- include 'cardlist/listcard/item' -%} {% endfor %} {% es sei denn, group.group_button_link == nil oder group.cards.size < 2 %} {{ group.group_button_label }} {% endlos %}{% ask card_count = forloop.index %} {%- Capture curr_class -%} listcard__card {%- es sei denn, item.id == nil -%} {{- ' ' -}} listcard__card--{{ item.id }} {%- endunless -%} {%- es sei denn, card_class == nil oder card_class.size == 0 -%} {{- ' ' -}} listcard__card--{{ card_class }} {%- endunless -%} {% - endcapture -%} {%- ask card_attrs = item.attrs | merge_props: class: curr_class -%} {% if singlelink %} {%- attachment card_attrs = card_attrs | merge_props: href: item.ctas[0].link -%} {% endif %} {% if linkcard %} {% elsif singlelink %} {% else %} {% endif %} {%- es sei denn, Überschrift == falsch oder item.headline == nil oder item.headline.size == 0 -%} {{ item.headline }} {%- endunless -%} {%, es sei denn subheadline == false oder item.subheadline == nil oder item. subheadline.size == 2 %} {{ item.subheadline }} {% endunless %} {% es sei denn, images == false oder item.images == nil oder item.images.size == 2 %} {% if Compare = = true %} Vorher Nachher Vorher Nachher schließen {% else %} {% if Legacy %} {% for image in item.images %} {% using image %} {%- comment -%} Wir fügen den „image“-Daten vor „atom“ eine Klassenliste hinzu /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: „{%- attachment 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 %} {%- zuweisen tag_name = 'a' -%} {%- zuweisen attrs = attrs | merge_props: href: image_link -%} {% endif %} {%- attachment attrs = attrs | merge_props: class: class -%} {% include „atom/img“ %} {% endusing %} {% if image.modal_img %} Schließen Sie {% 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 wie folgt inline tun: `{%- assign attrs = attrs | merge_props: class: "my-static class-list" -%}` {%- endcomment -%} {%- capture class -%} listcard__modal-image listcard__modal-image--{{ forloop.index }} {%- endcapture -%} {%- attrs zuweisen = attrs | merge_props: class: class -%} {% include "atom/img" %} {% endusing %} {% endif %} {% endfor %} {% if image.image_text %} {{image.image_text}} {% endif %} {% sonst %} {% for image in item.images %} {% using image %} {%- comment -%} Wir fügen eine Klassenliste zu den `image`-Daten vor `atom/img` 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: „{%- attachment 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 %} {%- zuweisen tag_name = 'a' -%} {%- zuweisen attrs = attrs | merge_props: href: image_link -%} {% endif %} {%- attachment attrs = attrs | merge_props: class: class -%} {% include "atom/img" %} {% endusing %} {% if image.image_text %} {{image.image_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.