معارض
118 نتائج اغشية الخزف
اغشية الخزف
اغشية الخزف
اغشية الخزف
اغشية الخزف
اغشية الخزف
اغشية الخزف
اغشية الخزف
اغشية الخزف
اغشية الخزف
اغشية الخزف
اغشية الخزف
اغشية الخزف
اغشية الخزف
اغشية الخزف
اغشية الخزف
اغشية الخزف
اغشية الخزف
اغشية الخزف
اغشية الخزف
تحميل
{%- comment -%} قم بإزالة المسافات البادئة واللاحقة من `tag_name`. {%- endcomment -%} {%- assign tag_name = tag_name | strip -%} {%- comment -%} قم بمعالجة حالة `tag_name: ''`. {%- endcomment -%} {%- if tag_name and tag_name.size < 1 -%} {%- assign tag_name = false -%} {%- endif -%} {%- if tag_name -%} <{{ tag_name }} {{- attrs | إلى_الكلمات -}} {{- الكلمات الإضافية -}} {%- إذا كان الإغلاق الذاتي == صحيح -%} {{- ' /' -}} {%- endif -%} > {%- endif -%} {%- ما لم يكن الإغلاق الذاتي == صحيح -%} {%- ifslot -%} {%- slot -%} {%- else -%} {{- inner_html -}} {%- endifslot -%} {%- إذا كان اسم العلامة -%} {%- نهاية -%} {%- نهاية لا نهاية -%}{%- comment -%} يمكن لهذا المكون إنشاء علامة `img` أو `div style="background-..."`.
{%- endcomment -%} {%- assign is_global_asset = is_global_asset | default: false -%} {%- if bg -%} {%- comment -%} صورة الخلفية {%- endcomment -%} {%- assign tag_name = tag_name | default: 'div' -%} {%- assign self_closing = self_closing | default: false -%} {%- comment -%} نقوم بعرض السمات بأنفسنا ونقوم بتصفية `style`. {%- endcomment -%} {%- assign attr_list = attrs | to_attrs: list: true -%} {%- capture additional_attrs -%} {%- comment -%} تضمين السمات من السياق. {%- endcomment -%} {%- for attr in attr_list -%} {%- except attr[0] == 'style' -%} {{- ' ' -}} {{- attr[0] -}} {%- if attr[1].size > 0 -%} ="{{- attr[1] -}}" {%- endif -%} {%- endunless -%} {%- endfor -%} {{- ' ' -}} style=" {%- comment -%} عرض أنماط الخلفية. استخدم 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 -%} {%- عندما يكون 'position-y' -%} {%- تعيين has_bg_position_y = true -%} {%- عندما يكون 'repeat' -%} {%- تعيين has_bg_repeat = true -%} {%- endcase -%} خلفية-{{- prop[0] -}}: {{- prop[1] -}}؛ {%- endfor -%} {%- ما لم يكن has_bg_image -%} صورة الخلفية: url('{{- src | asset_url: global: is_global_asset -}}'); {%- endunless -%} {%- ما لم يكن has_bg_size -%} حجم الخلفية: الغلاف؛ {%- endunless -%} {%- ما لم يكن has_bg_position_x -%} موضع الخلفية-x: المركز؛ {%- endunless -%} {%- except has_bg_position_y -%} background-position-y: center; {%- endunless -%} {%- except has_bg_repeat -%} background-repeat: no-repeat; {%- endunless -%} {%- comment -%} أضف أي أنماط من سمة النمط. {%- endcomment -%} {{- attrs.style -}} " {%- endcapture -%} {%- comment -%} قم بإزالة السمات حتى لا نقوم بعرضها مرتين. {%- assign 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 }}> {% ما لم يكن headline == false أو group.headline == nil أو group.headline.size == 0 %} {% if collapsible %} {% نهاية %} {{عنوان المجموعة}} {% إذا كان قابلاً للطي %} {% endif %} {% endunless %} {% للعنصر في المجموعة.البطاقات %} {%- تضمين 'قائمة البطاقات/قائمة البطاقات/العنصر' -%} {% endfor %} {% ما لم يكن group.group_button_link == nil أو group.cards.size < 2 %} {{ مجموعة.تسمية زر المجموعة }} {% لا نهاية لها %}{% 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`.
إذا كان "attrs.class" موجودًا بالفعل ، فستتم إضافة قائمة الفئات الخاصة بنا بعد ذلك.
يلزم "الالتقاط" لأننا نستخدم بيانات من "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 %} {%- assign tag_name = 'a' -%} {%- assign attrs = attrs | merge_props: href: image_link -%} {% endif %} {%- assign attrs = attrs | merge_props: class: class -%} {% include "atom/img" %} {% endusing %} {% if image.modal_img %} نقوم بإضافة قائمة فئة إلى بيانات ` image` قبل `atom/img`.
إذا كان "attrs.class" موجودًا بالفعل ، فستتم إضافة قائمة الفئات الخاصة بنا بعد ذلك.
يلزم "الالتقاط" لأننا نستخدم بيانات من "forloop.index".
إذا أردنا استخدام قائمة فئة ثابتة بدون بيانات ديناميكية، فيمكننا القيام بذلك بشكل مضمن مثل: `{%- 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 %} {% نهاية %} {% نهاية ل %} {% إذا كانت الصورة.نص الصورة %} {{صورة.صورة_نص}} {% نهاية %} {% وإلا %} {% للصورة في item.images %} {% باستخدام الصورة %} {%- comment -%} نضيف قائمة فئة إلى بيانات `image` قبل `atom/img`.
إذا كان "attrs.class" موجودًا بالفعل ، فستتم إضافة قائمة الفئات الخاصة بنا بعد ذلك.
يلزم "الالتقاط" لأننا نستخدم بيانات من "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 %} {%- assign tag_name = 'a' -%} {%- assign attrs = attrs | merge_props: href: image_link -%} {% endif %} {%- assign attrs = attrs | merge_props: class: class -%} {% include "atom/img" %} {% endusing %} {% if image.image_text %} {{صورة.صورة_نص}} {% endif %} {% endfor %} {%- إذا كان العنصر.images[0].modal_img -%} > < إغلاق {% للصورة في item.images %} {% باستخدام image.modal_img %} {%- comment -%} نضيف قائمة فئة إلى بيانات `image` قبل `atom/img`.
إذا كان "attrs.class" موجودًا بالفعل ، فستتم إضافة قائمة الفئات الخاصة بنا بعد ذلك.
يلزم "الالتقاط" لأننا نستخدم بيانات من "forloop.index".