галереи
12 результатов по Дизайн улыбки
Дизайн улыбки
Дизайн улыбки
Дизайн улыбки
Дизайн улыбки
Дизайн улыбки
Дизайн улыбки
Дизайн улыбки
Дизайн улыбки
Дизайн улыбки
Дизайн улыбки
Дизайн улыбки
Загрузка
{%- comment -%} Удалить начальные и конечные пробелы из `tag_name`. {%- endcomment -%} {%- assign tag_name = tag_name | strip -%} {%- comment -%} Обработка случая `tag_name: ''`. {%- endcomment -%} {%- if tag_name и tag_name.size < 1 -%} {%- assign tag_name = false -%} {%- endif -%} {%- if tag_name -%} <{{ tag_name }} {{- атрибуты | to_attrs -}} {{- Additional_attrs -}} {%- if self_closing == true -%} {{- '/' -}} {%- endif -%} > {%- endif -%} {%- если self_closing == true -%} {%- ifslot -%} {%- slot -%} {%- else -%} {{- inner_html -}} {%- endifslot -%} {%- if tag_name -%} {%- endif -%} {%- endunless -%}{%- comment -%} Этот компонент может генерировать тег `img` или `div style="background-..."`. {%- endcomment -%} {%- assign is_global_asset = is_global_asset | по умолчанию: false -%} {%- if bg -%} {%- comment -%} Фоновое изображение {%- endcomment -%} {%- assign tag_name = tag_name | по умолчанию: 'div' -%} {%- assign self_closing = self_closing | по умолчанию: false -%} {%- comment -%} Мы сами рендерим атрибуты и отфильтровываем `style`. {%- endcomment -%} {%- assign attr_list = attrs | to_attrs: список: true -%} {%- захватить дополнительные_атрибуты -%} {%- комментарий -%} Включить атрибуты из контекста. {%- endcomment -%} {%- для attr в attr_list -%} {%- если attr[0] == 'style' -%} {{- ' ' -}} {{- attr[0] -} } {%- if attr[1].size > 0 -%} ="{{- attr[1] -}}" {%- endif -%} {%- endunless -%} {%- endfor -%} {{- ' ' -}} style=" {%- comment -%} Отрисовка стилей bg. Используйте src, если мы не получили изображение. {%- endcomment -%} {%- assign has_bg_image = false -%} {%- 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] -%} {%- when 'image' -%} {%- assign has_bg_image = true -%} {%- when 'size' -%} {%- assign has_bg_size = true -% } {%- when 'position' -%} {%- assign has_bg_position_x = true -%} {%- assign has_bg_position_y = true -%} {%- when 'position-x' -%} {%- assign has_bg_position_x = true -%} {%- when 'position-y' -%} {%- assign has_bg_position_y = true -%} {%- when 'repeat' -%} {%- assign has_bg_repeat = true -%} {%- endcase - %} background-{{- prop[0] -}}: {{- p rop[1] -}}; {%- endfor -%} {%- если has_bg_image -%} background-image: url('{{- src | assets_url: global: is_global_asset -}}'); {%- endunless -%} {%- если has_bg_size -%} background-size: обложка; {%- endunless -%} {%- если has_bg_position_x -%} background-position-x: center; {%- endunless -%} {%- если has_bg_position_y -%} background-position-y: center; {%- endunless -%} {%- если has_bg_repeat -%} background-repeat: no-repeat; {%- endunless -%} {%- comment -%} Добавьте любые стили из атрибута style. {%- endcomment -%} {{- attrs.style -}} " {%- endcapture -%} {%- comment -%} Удалите атрибуты, чтобы они не отображались дважды. {%- endcomment -%} { %- assign attrs = nil -%} {%- else -%} {%- comment -%} Обычный тег img {%- endcomment -%} {%- assign tag_name = 'img' -%} {%- assign self_closing = true -%} {%- захватить дополнительные_аттры -%} {%- если srcset.size > 0 -%} {{- ' ' -}} srcset="{{ srcset }}" {%- endif -%} { %- если размеры.размер > 0 -%} {{- ' ' -}} размеры = "{{ размеры }}" {%- endif -%} {{- ' ' -}} alt="{{ alt } }" {{- ' ' -}} src="{{ src | assets_url: global: is_global_asset }}" {%- endcapture -%} {%- endif -%} {%- include 'atom/element', tag_name: tag_name, self_closing: self_closing, Additional_attrs: Additional_attrs -%}{%- назначить group_attrs = group.attrs | merge_props: class: 'listcard__group' -%} {%- назначить tag_name = 'div' -%} {%- if свертываемый -%} {%- назначить tag_name = 'details' -%} {%- endif -%} < {{ tag_name }} {{ group_attrs | to_attrs }}> {%, если заголовок == false или group.headline == nil или group.headline.size == 0 %} {%, если свертываемый %} {% конечный %} {{ группа.headline }} {%, если складной %} {% endif %} {% endunless %} {% для элемента в group.cards %} {%- include 'cardlist/listcard/item' -%} {% endfor %} {%, если только group.group_button_link == nil или group.cards.size < 2 %} {{ group.group_button_label }} {% бесконечный %}{% Assign card_count = forloop.index %} {%- capture curr_class -%} listcard__card {%- if item.id == nil -%} {{- ' ' -}} listcard__card -- {{ item.id }} {%- endunless -%} {%- if card_class == nil или card_class.size == 0 -%} {{- ' ' -}} listcard__card--{{ card_class }} {%- endunless -%} {% - endcapture -%} {%- назначить card_attrs = item.attrs | merge_props: class: curr_class -%} {% if Singlelink %} {%- назначить card_attrs = card_attrs | merge_props: href: item.ctas[0].link -%} {% endif %} {% if linkcard %} {% elsif Singlelink %} {% else %} {% endif %} {%-, если заголовок == false или item.headline == nil или item.headline.size == 0 -%} {{ item.headline }} {%- endunless -%} {%, если subheadline == false или item.subheadline == nil или item. subheadline.size == 2 %} {{ item.subheadline }} {% endunless %} {%, если изображения == false или item.images == nil или item.images.size == 2 %} {% if Compare = = true %} До После Закрыть До После {% else %} {% if Legacy %} {% for image in item.images %} {% using image %} {%- comment -%} Мы добавляем список классов к данным `image` перед `atom /изображение`.
Если `attrs.class` уже существует, наш список классов будет добавлен позже.
`capture` необходим, потому что мы используем данные из `forloop.index`.
Если бы мы хотели использовать постоянный список классов без динамических данных, мы могли бы сделать это встроенным способом: `{%- 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 %} {%- присваивать tag_name = 'a' -%} {%- присваивать attrs = attrs | merge_props: href: image_link -%} {% endif %} {%- назначить attrs = attrs | merge_props: class: class -%} {% include "atom/img" %} {% endusing %} {% if image.modal_img %} Закрыть {% using image %} {%- comment -%} Мы добавляем список классов к данным `image` перед `atom/img`.
Если `attrs.class` уже существует, наш список классов будет добавлен позже.
`capture` необходим, потому что мы используем данные из `forloop.index`.
Если бы мы хотели использовать постоянный список классов без динамических данных, мы могли бы сделать это встроенным способом: `{%- Assign attrs = attrs | merge_props: class: "my-static class-list" -%}` {%- endcomment -%} {%- capture class -%} listcard__modal-image listcard__modal-image -- {{ forloop.index }} {%- endcapture -%} {%- назначить атрибуты = атрибуты | merge_props: class: class -%} {% include "atom/img" %} {% endusing %} {% endif %} {% endfor %} {% если image.image_text %} {{изображение.image_text}} {% endif %} {% else %} {% for image in item.images %} {% using image %} {%- comment -%} Мы добавляем список классов к данным `image` перед `atom/img`.
Если `attrs.class` уже существует, наш список классов будет добавлен позже.
`capture` необходим, потому что мы используем данные из `forloop.index`.
Если бы мы хотели использовать постоянный список классов без динамических данных, мы могли бы сделать это встроенным способом: `{%- 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 %} {%- присваивать tag_name = 'a' -%} {%- присваивать attrs = attrs | merge_props: href: image_link -%} {% endif %} {%- назначить attrs = attrs | merge_props: class: class -%} {% include "atom/img" %} {% endusing %} {% if image.image_text %} {{изображение.image_text}} {% endif %} {% endfor %} {%- if item.images[0].modal_img -%} > < Закрыть {% для изображения в item.images %} {% using image.modal_img %} {%- comment -%} Мы добавляем список классов к данным `image` перед `atom/img`.
Если `attrs.class` уже существует, наш список классов будет добавлен позже.
`capture` необходим, потому что мы используем данные из `forloop.index`.