Yakında fotoğrafları ekleyeceğiz! Lütfen daha sonra tekrar kontrol edin.
Anasayfaya Dön
yükleme
{%- comment -%} "tag_name"nin başındaki ve sonundaki boşlukları kaldırın. {%- endcomment -%} {%- tag_name ata = tag_name | strip -%} {%- comment -%} `tag_name: ''` durumunu ele al. {%- endcomment -%} {%- if tag_name ve tag_name.size < 1 -%} {%- assign tag_name = false -%} {%- endif -%} {%- if tag_name -%} <{{ tag_name }} {{- özellikler | to_attrs -}} {{- ek_attrs -}} {%- if self_closing == true -%} {{- ' /' -}} {%- endif -%} > {%- endif -%} {%- sürece self_closing == true -%} {%- ifslot -%} {%- slot -%} {%- else -%} {{- inner_html -}} {%- endifslot -%} {%- if tag_name -%} {%- endif -%} {%- endunless -%}{%- comment -%} Bu bileşen bir "img" etiketi veya bir "div style="background-..."" oluşturabilir. {%- endcomment -%} {%- is_global_asset ata = is_global_asset | varsayılan: false -%} {%- if bg -%} {%- yorum -%} Arka plan resmi {%- endcomment -%} {%- tag_name ata = tag_name | varsayılan: 'div' -%} {%- self_closing ata = self_closing | default: false -%} {%- comment -%} Attr'leri kendimiz oluşturuyoruz ve 'stil'i filtreliyoruz. {%- endcomment -%} {%- attr_list ata = attrs | to_attrs: list: true -%} {%- ek_attrs yakala -%} {%- yorum -%} Bağlamdaki öznitelikleri dahil et. {%- endcomment -%} {%- attr_list'te -%} {%- hariç attr[0] == 'style' -%} {{- ' ' -}} {{- attr[0] -} } {%- if attr[1].size > 0 -%} ="{{- attr[1] -}}" {%- endif -%} {%- endunless -%} {%- endfor -%} {{- ' ' -}} style=" {%- comment -%} Bg stilleri oluştur. Bir resim alamazsak src kullanın. {%- endcomment -%} {%- has_bg_image = false -%} ata {%- assign has_bg_size = false -%} {%- assign has_bg_position_x = false -%} {%- assign has_bg_position_y = false -%} {%- assign has_bg_repeat = false -%} {%- for prop in bg -%} {%- case prop[0] -%} {%- 'image' -%} {%- assign has_bg_image = true -%} {%- 'size' -%} {%- assign has_bg_size = true -% } {%- 'pozisyon' -%} {%- has_bg_position_x = true -%} {%- assign has_bg_position_y = true -%} {%- 'position-x' -%} {%- assign has_bg_position_x = true -%} {%- 'position-y' -%} {%- assign has_bg_position_y = true -%} {%- 'repeat' -%} {%- assign has_bg_repeat = true -%} {%- endcase - %} arka plan-{{- prop[0] -}}: {{- p rop[1] -}}; {%- endfor -%} {%- has_bg_image -%} arka plan resmi: url('{{- src | entity_url: global: is_global_asset -}}'); {%- endunless -%} {%- has_bg_size -%} arka plan boyutu: kapak; {%- endunless -%} {%- has_bg_position_x -%} olmadığı sürece background-position-x: center; {%- endunless -%} {%- has_bg_position_y -%} olmadıkça arka plan-pozisyon-y: merkez; {%- endunless -%} {%- has_bg_repeat -%} olmadığı sürece arka plan tekrarı: tekrarsız; {%- endunless -%} {%- yorum -%} Stil özelliğinden herhangi bir stil ekleyin. {%- endcomment -%} {{- attrs.style -}} " {%- endcapture -%} {%- comment -%} Attr'leri kaldırın, böylece onları iki kez oluşturmayız. {%- endcomment -%} { %- öznitelikleri ata = nil -%} {%- başka -%} {%- yorum -%} Normal img etiketi {%- endcomment -%} {%- tag_name ata = 'img' -%} {%- self_closing ata = true -%} {%- ek_attrs -%} {%- if srcset.size > 0 -%} {{- ' ' -}} srcset="{{ srcset }}" {%- endif -%} { %- if size.size > 0 -%} {{- ' -}} size="{{ size }}" {%- endif -%} {{- ' ' -}} alt="{{ alt } }" {{- ' ' -}} kaynak = "{{ kaynak | entity_url: global: is_global_asset }}" {%- endcapture -%} {%- endif -%} {%- 'atom/element' içerir, etiket_adı: etiket_adı, kendi kendine kapanma: kendi kendine kapanma, ek_attrs: ek_attrs -%}{%- group_attrs ata = group.attrs | merge_props: class: 'listcard__group' -%} {%- assign tag_name = 'div' -%} {%- if collapsible -%} {%- assign tag_name = 'details' -%} {%- endif -%} < {{ tag_name }} {{ group_attrs | to_attrs }}> { başlık olmadığı sürece == false veya group.headline == nil veya group.headline.size == 0 %} {% daraltılabilir ise %} {% endif %} {{ grup.başlık }} {% daraltılabilir ise %} {% endif %} {% endunless %} {% for item in group.cards %} {%- 'cardlist/listcard/item' içerir -%} {% endfor %} {group.group_button_link == nil veya group.cards.size < %2 olmadığı sürece %} {{ group.group_button_label }} {% sonsuz %}{% questcard_count = forloop.index %} {%- yakalama curr_class -%} listcard__card {%- sürece item.id == nil -%} {{- ' ' -}} listcard__card--{{ item.id }} {%- endunless -%} {%- sürece kart_sınıfı == sıfır veya kart_sınıfı.size == 0 -%} {{- ' ' -}} listcard__card--{{ kart_sınıfı }} {%- endunless -%} {% - endcapture -%} {%- atama kartı_attrs = item.attrs | merge_props: class: curr_class -%} {% if singlelink %} {%- atamacard_attrs =card_attrs | merge_props: href: item.ctas[0].link -%} {% endif %} {% if linkcard %} {% elsif singlelink %} {% else %} {% endif %} {%- başlık == false olmadıkça veya item.headline == sıfır veya item.headline.size == 0 -%} {{ item.headline }} {%- endunless -%} {% subheadline == false veya item.subheadline == sıfır veya öğe olmadığı sürece. subheadline.size == 2 %} {{ item.subheadline }} {% endunless %} {% sürece resimler == false veya item.images == sıfır veya item.images.size == 2 %} {% if Compare = = doğru %} Önce Sonra Önce Sonra Kapat {% else %} {% if Legacy %} {% for image in item.images %} {% with image %} {%- comment -%} `atom'dan önce `image` verilerine bir sınıf listesi ekliyoruz /img'.
Eğer `attrs.class` zaten mevcutsa, sınıf listemiz daha sonra eklenecektir.
"yakalama" gerekli çünkü "forloop.index"ten gelen verileri kullanıyoruz.
Dinamik veriler olmadan sabit bir sınıf listesi kullanmak istiyorsak bunu satır içi olarak şöyle yapabiliriz: `{%- quest attrs = attrs | merge_props: class: "statik sınıf listem" -%}` {%- endcomment -%} {%- yakalama sınıfı -%} {% 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 %} {%- tag_name atama = 'a' -%} {%- atama öznitelikleri = öznitelikler | merge_props: href: image_link -%} {% endif %} {%- atama öznitelikleri = öznitelikler | merge_props: class: class -%} {% include "atom/img" %} {% endusing %} {% if image.modal_img %} Kapat {% with image %} {%- comment -%} 'atom/img'den önceki 'image' verisine bir sınıf listesi ekliyoruz.
Eğer `attrs.class` zaten mevcutsa, sınıf listemiz daha sonra eklenecektir.
"yakalama" gerekli çünkü "forloop.index"ten gelen verileri kullanıyoruz.
Dinamik veri içermeyen sabit bir sınıf listesi kullanmak istiyorsak, bunu satır içi şu şekilde yapabiliriz: `{%- atama attrs = attrs | merge_props: class: "my-static class-list" -%}` {%- endcomment -%} {%- yakalama sınıfı -%} listcard__modal-image listcard__modal-image--{{ forloop.index }} {%- endcapture -%} {%- öznitelikleri ata = öznitelikleri | merge_props: sınıf: sınıf -%} {% "atom/img" içerir %} {% endusing %} {% endif %} {% endfor %} {% if image.image_text %} {{image.image_text}} {% endif %} {% başka %} {% for image in item.images %} {% kullanarak resim} {%- yorum -%} "atom/img"den önce "image" verilerine bir sınıf listesi ekliyoruz.
Eğer `attrs.class` zaten mevcutsa, sınıf listemiz daha sonra eklenecektir.
"yakalama" gerekli çünkü "forloop.index"ten gelen verileri kullanıyoruz.
Dinamik veriler olmadan sabit bir sınıf listesi kullanmak istiyorsak bunu satır içi olarak şöyle yapabiliriz: `{%- quest attrs = attrs | merge_props: class: "statik sınıf listem" -%}` {%- endcomment -%} {%- yakalama sınıfı -%} {% 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 %} {%- tag_name atama = 'a' -%} {%- atama öznitelikleri = öznitelikler | merge_props: href: image_link -%} {% endif %} {%- atama öznitelikleri = öznitelikler | merge_props: class: class -%} {% include "atom/img" %} {% endusing %} {% if image.image_text %} {{image.image_text}} {% endif %} {% endfor %} {%- if item.images[0].modal_img -%} > < Kapat {% for image in item.images %} {% with image.modal_img %} {%- comment -%} `atom/img`den önce `image` verilerine bir sınıf listesi ekliyoruz.
Eğer `attrs.class` zaten mevcutsa, sınıf listemiz daha sonra eklenecektir.
"yakalama" gerekli çünkü "forloop.index"ten gelen verileri kullanıyoruz.
*Bireysel sonuçlar garanti edilmez ve kişiden kişiye değişebilir. Resimler modeller içerebilir.