معارض
118 نتائج اغشية الخزف
اغشية الخزف
اغشية الخزف
اغشية الخزف
اغشية الخزف
اغشية الخزف
اغشية الخزف
اغشية الخزف
اغشية الخزف
اغشية الخزف
اغشية الخزف
اغشية الخزف
اغشية الخزف
اغشية الخزف
اغشية الخزف
اغشية الخزف
اغشية الخزف
اغشية الخزف
اغشية الخزف
تحميل
{٪ - تعليق -٪} إزالة المسافة البيضاء البادئة والخلفية من "اسم_العلامة". {٪ - endcomment -٪} {٪ - تعيين tag_name = tag_name | شريط -٪} {٪ - تعليق -٪} تعامل مع الحالة `` tag_name: ''. {٪ - endcomment -٪} {٪ - if tag_name و tag_name.size <1 -٪} {٪ - تعيين tag_name = false -٪} {٪ - endif -٪} {٪ - if tag_name -٪} <{{tag_name }} {{- attrs | to_attrs -}} {{- extra_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' -٪} {٪ - تعيين self_closing = self_closing | الافتراضي: false -٪} {٪ - comment -٪} نحن نقدم Attrs لأنفسنا ونقوم بتصفية "النمط". {٪ - endcomment -٪} {٪ - تعيين attr_list = attrs | to_attrs: list: true -٪} {٪ - capture extra_attrs -٪} {٪ - comment -٪} قم بتضمين السمات من السياق. {٪ - 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 -٪} {٪ - تعيين has_bg_size = خطأ -٪} {٪ - تعيين has_bg_position_x = خطأ -٪} {٪ - تعيين has_bg_position_y = خطأ -٪} {٪ - تعيين has_bg_repeat = خطأ -٪} {٪ - للعنصر في bg -٪} {٪ - case prop [0] -٪} {٪ - when 'image' -٪} {٪ - assign has_bg_image = true -٪} {٪ - when 'size' -٪} {٪ - assign has_bg_size = true -٪ } {٪ - عند 'الموضع' -٪} {٪ - تعيين has_bg_position_x = صحيح -٪} {٪ - تعيين has_bg_position_y = صحيح -٪} {٪ - عندما 'position-x' -٪} {٪ - تعيين has_bg_position_x = صحيح -٪} {٪ - عندما 'position-y' -٪} {٪ - تعيين has_bg_position_y = صحيح -٪} {٪ - عند "تكرار" -٪} {٪ - تعيين has_bg_repeat = صحيح -٪} {٪ - endcase - ٪} الخلفية - {{- prop [0] -}}: {{- p rop [1] -}} ؛ {٪ - endfor -٪} {٪ - ما لم يكن has_bg_image -٪} صورة الخلفية: url ('{{- src | asset_url: global: is_global_asset -}}') ؛ {٪ - endunless -٪} {٪ - ما لم يكن has_bg_size -٪} background-size: cover ؛ {٪ - endunless -٪} {٪ - ما لم يكن has_bg_position_x -٪} background-position-x: center ؛ {٪ - endunless -٪} {٪ - ما لم يكن has_bg_position_y -٪} background-position-y: center ؛ {٪ - endunless -٪} {٪ - ما لم يكن has_bg_repeat -٪} تكرار الخلفية: لا تكرار ؛ {٪ - endunless -٪} {٪ - comment -٪} أضف أي أنماط من سمة النمط. {٪ - endcomment -٪} {{- attrs.style -}} "{٪ - endcapture -٪} {٪ - comment -٪} أزل السمات حتى لا نعرضها مرتين. {٪ - endcomment -٪} { ٪ - تعيين attrs = لا شيء -٪} {٪ - else -٪} {٪ - تعليق -٪} علامة img عادية {٪ - endcomment -٪} {٪ - تعيين tag_name = 'img' -٪} {٪ - تعيين self_closing = صحيح -٪} {٪ - التقاط extra_attrs -٪} {٪ - if srcset.size> 0 -٪} {{- '' -}} srcset = "{{srcset}}" {٪ - endif -٪} { ٪ - if sizes.size> 0 -٪} {{- '' -}} sizes = "{{sizes}}" {٪ - endif -٪} {{- '' -}} alt = "{{alt} } "{{- '' -}} src =" {{src | Asset_url: global: is_global_asset}} "{٪ - endcapture -٪} {٪ - endif -٪} {٪ - include 'atom / element'، tag_name: tag_name، self_closing: self_closing، extra_attrs: extra_attrs -٪}{٪ - تعيين group_attrs = group.attrs | merge_props: class: 'listcard__group' -٪} {٪ - تعيين اسم العلامة = 'div' -٪} {٪ - إذا كان قابلاً للطي -٪} {٪ - تعيين اسم العلامة = 'التفاصيل' -٪} {٪ - endif -٪} < {{tag_name}} {{group_attrs | to_attrs}}> {٪ ما لم يكن العنوان == false أو group.headline == nil أو group.headline.size == 0٪} {٪ if collapsible٪} {٪ إنهاء إذا ٪} {{group.headline}} {٪ إذا كان قابل للطي٪} {٪ endif٪} {٪ endunless٪} {٪ للعنصر في group.cards٪} {٪ - include "cardlist / listcard / item" -٪} {٪ endfor٪} {٪ ما لم group.group_button_link == لا شيء أو group.cards.size <2٪} {{group.group_button_label}} {٪ endunless٪}{% تعيين بطاقة_العدد = forloop.index %} {%- التقاط curr_class -%} listcard__card {%- إلا إذا item.id == nil -%} {{- ' ' -}} listcard__card--{{ item.id }} {%- endunless -%} {%- إلا إذا Card_class == nil أو Card_class.size == 0 -%} {{- ' ' -}} listcard__card--{{ Card_class }} {%- endunless -%} {% - endcapture -%} {%- signcard_attrs = item.attrs | merge_props: الفئة: curr_class -%} {% إذا كان الرابط الفردي %} {%- تعيين بطاقة_attrs = بطاقة_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 %} {% إذا قارنت = = صحيح %} قبل وبعد إغلاق قبل بعد {% else %} {% if Legacy %} {% for image in item.images %} {% use image %} {%- comment -%} نحن نضيف قائمة فئات إلى بيانات "الصورة" قبل "atom" /img`.
إذا كان "attrs.class" موجودًا بالفعل ، فستتم إضافة قائمة الفئات الخاصة بنا بعد ذلك.
يلزم "الالتقاط" لأننا نستخدم بيانات من "forloop.index".
إذا أردنا استخدام قائمة فئات ثابتة بدون بيانات ديناميكية، فيمكننا القيام بذلك بشكل مضمّن مثل: `{%- sign 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 %} {%- sign attrs = attrs | merge_props: class: class -%} {% include "atom/img" %} {% endusing %} {% if image.modal_img %} أغلق {% use image %} {%- comment -%} نحن نضيف قائمة فئات إلى بيانات `image` قبل `atom/img`.
إذا كان "attrs.class" موجودًا بالفعل ، فستتم إضافة قائمة الفئات الخاصة بنا بعد ذلك.
يلزم "الالتقاط" لأننا نستخدم بيانات من "forloop.index".
إذا أردنا استخدام قائمة فئة ثابتة بدون بيانات ديناميكية ، فيمكننا فعل ذلك بشكل مضمّن مثل: `{٪ - تعيين attrs = attrs | merge_props: class: "my-static class-list" -٪} `{٪ - endcomment -٪} {٪ - capture class -٪} listcard__modal-image listcard__modal-image - {{forloop.index}} {٪ - endcapture -٪} {٪ - تعيين الحضور = attrs | merge_props: class: class -٪} {٪ include "atom / img"٪} {٪ endusing٪} {٪ endif٪} {٪ endfor٪} {٪ if image.image_text٪} {{image.image_text}} {٪ endif٪} {٪ else٪} {٪ للصورة في item.images٪} {٪ using image٪} {٪ - comment -٪} نحن نضيف قائمة فئة إلى بيانات "الصورة" قبل "atom / img".
إذا كان "attrs.class" موجودًا بالفعل ، فستتم إضافة قائمة الفئات الخاصة بنا بعد ذلك.
يلزم "الالتقاط" لأننا نستخدم بيانات من "forloop.index".
إذا أردنا استخدام قائمة فئات ثابتة بدون بيانات ديناميكية، فيمكننا القيام بذلك بشكل مضمّن مثل: `{%- sign 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 %} {%- sign attrs = attrs | merge_props: class: class -%} {% include "atom/img" %} {% endusing %} {% if image.image_text %} {{image.image_text}} {% endif %} {% endfor %} {%- إذا item.images[0].modal_img -%} > < إغلاق {% for image in item.images %} {% use image.modal_img %} {%- comment -%} نحن نضيف قائمة فئات إلى بيانات `image` قبل `atom/img`.
إذا كان "attrs.class" موجودًا بالفعل ، فستتم إضافة قائمة الفئات الخاصة بنا بعد ذلك.
يلزم "الالتقاط" لأننا نستخدم بيانات من "forloop.index".