{%-टिप्पणी -%} `tag_name` से आगे और पीछे के खाली स्थान को हटा दें। {%- एंडकमेंट -%} {%- असाइन करें tag_name = tag_name | स्ट्रिप -%} {% - टिप्पणी -%} `tag_name: ''` केस को हैंडल करें। {%- एंडकमेंट -%} {%- अगर टैग_नाम और टैग_नाम.साइज <1 -%} {%- असाइन करें टैग_नाम = गलत -%} {%- एंडिफ -%} {%- अगर टैग_नाम -%} <{{ टैग_नाम }} {{- attrs | to_attrs -}} {{-अतिरिक्त_attrs -}} {%- if self_closing == true -%} {{- ' /' -}} {%- endif -%} > {%- endif -%} {%- जब तक self_closing == सच -%} {%- ifslot -%} {%- स्लॉट -%} {%- और -%} {{- inner_html -}} {%- endifslot -%} {%- if tag_name -%} {%- एंडिफ -%} {%- एंडुनलेस -%}{%-टिप्पणी -%} यह घटक एक `img` टैग या एक `div style="background-..."` उत्पन्न कर सकता है। {%- एंडकमेंट -%} {%- असाइन करें is_global_asset = is_global_asset | डिफ़ॉल्ट: झूठा -%} {% - अगर बीजी -%} {% - टिप्पणी -%} पृष्ठभूमि छवि {% - अंत टिप्पणी -%} {% - टैग_नाम असाइन करें = टैग_नाम | डिफ़ॉल्ट: 'div' -%} {%- असाइन करें self_closing = self_closing | डिफ़ॉल्ट: झूठा -%} {% - टिप्पणी -%} हम खुद को आकर्षित करते हैं और `शैली` को फ़िल्टर करते हैं। {%- एंडकमेंट -%} {%- असाइन attr_list = attrs | to_attrs: सूची: सच -%} {%- अतिरिक्त_अटर कैप्चर करें -%} {%- टिप्पणी -%} संदर्भ से विशेषताएँ शामिल करें। {%- endcomment -%} {%- attr_list में attr के लिए -%} {%- जब तक attr[0] == 'style' -%} {{- ' '-}} {{- attr[0] -} } {%- अगर attr[1].size > 0 -%} ="{{- attr[1] -}}" {%- endif -%} {%- endunless -%} {%- endfor -%} {{- '' -}} शैली =" {% - टिप्पणी -%} बीजी शैलियों को प्रस्तुत करें। अगर हमें छवि नहीं मिली तो स्रोत का उपयोग करें। {% - अंत टिप्पणी -%} {% - has_bg_image = false -% असाइन करें। {% - असाइन करें_bg_size = झूठा -%} {% - असाइन करें_bg_position_x = झूठा -%} {% - असाइन करें_bg_स्थिति_y = झूठा -%} {% - असाइन करें_bg_repeat = गलत -%} {% - बीजी में प्रोप के लिए -%} {%- केस प्रोप [0] -%} {%- जब 'इमेज' -%} {%- असाइन करें has_bg_image = true -%} {%- जब 'साइज़' -%} {%- असाइन करें has_bg_size = true -% } {%- जब 'स्थिति' -%} {%- आवंटित has_bg_position_x = सत्य -%} {%- आवंटित has_bg_position_y = सत्य -%} {%- जब 'स्थिति-x' -%} {% - असाइन करें_bg_स्थिति_x = सत्य -%} {%- जब 'स्थिति-वाई' -%} {%- असाइन करें_bg_position_y = सत्य -%} {%- जब 'दोहराना' -%} {%- असाइन करें_bg_repeat = सत्य -%} {%- एंडकेस - %} पृष्ठभूमि-{{- प्रोप [0] -}}: {{- पी रोप [1] -}}; {%- endfor -%} {%- जब तक has_bg_image -%} बैकग्राउंड-इमेज: url('{{- src | asset_url: global: is_global_asset -}}'); {%- endunless -%} {%- जब तक has_bg_size -%} बैकग्राउंड-साइज़: कवर; {%- endunless -%} {%- जब तक has_bg_position_x -%} पृष्ठभूमि-स्थिति-x: केंद्र; {%- अंतहीन -%} {%- जब तक_bg_position_y -%} पृष्ठभूमि-स्थिति-वाई: केंद्र; {%- endunless -%} {%- जब तक has_bg_repeat -%} बैकग्राउंड-रिपीट: नो-रिपीट; {%- अंतहीन -%} {%- टिप्पणी -%} शैली विशेषता से कोई भी शैली जोड़ें। {%- endcomment -%} {{- attrs.style -}} " {%- endcapture -%} {%- comment -%} attrs निकालें ताकि हम उन्हें दो बार प्रस्तुत न करें। {%- endcomment -%} { % - असाइन करें attrs = शून्य -%} {% - अन्य -%} {% - टिप्पणी -%} सामान्य आईएमजी टैग {% - एंडकॉममेंट -%} {% - असाइन टैग_नाम = 'आईएमजी' -%} {% - स्वयं_क्लोजिंग असाइन करें = सच -%} {% - अतिरिक्त_एटर्स पर कब्जा -%} {% - अगर srcset.size> 0 -%} {{- '' -}} srcset = "{{srcset}}" {% - एंडिफ -%} { %- if size.size > 0 -%} {{- ' ' -}} size="{{ size }}" {%- endif -%} {{- ' ' -}} alt="{{ alt} }" {{- '' -}} src="{{src | एसेट_यूआरएल: ग्लोबल: is_global_asset }}" {%- एंडकैप्चर -%} {%- एंडिफ -%} {%- 'परमाणु/तत्व' शामिल करें, टैग_नाम: टैग_नाम, सेल्फ़_क्लोज़िंग: सेल्फ़_क्लोज़िंग, अतिरिक्त_आटर: अतिरिक्त_एटर्स -%}{%- असाइन group_attrs = group.attrs | मर्ज_प्रॉप्स: क्लास: 'लिस्टकार्ड__ग्रुप' -%} {%- असाइन टैग_नाम = 'डिव' -%} {%- अगर सिमटने योग्य है -%} {%- असाइन करें टैग_नाम = 'विवरण' -%} {%- एंडिफ -%} < {{tag_name}} {{group_attrs | to_attrs }}> {% जब तक शीर्षक == गलत या समूह शीर्षक == शून्य या समूह शीर्षक। आकार == 0%} {% यदि बंधनेवाला%} {% अगर अंत %} {{समूह.शीर्षक}} {% अगर बंधनेवाला%} {% एंडिफ%} {% एंडुनलेस%} {% group.cards में आइटम के लिए%} {%- 'कार्डलिस्ट/लिस्टकार्ड/आइटम' शामिल करें -%} {% endfor %} {% जब तक कि group.group_button_link == nil या group.cards.size <2 %} {{group.group_button_label}} {% अंतहीन%}{% असाइन कार्ड_काउंट = forloop.index %} {%- कैप्चर curr_class -%} listcard__card {%- जब तक आइटम.आईडी == शून्य -%} {{- ' ' -}} listcard__card--{{ आइटम.आईडी }} {%) - एंडकैप्चर -%} {%-असाइन कार्ड_attrs = आइटम.attrs | मर्ज_प्रॉप्स: वर्ग: curr_class -%} {% यदि सिंगललिंक %} {%- कार्ड_attrs = कार्ड_attrs असाइन करें | मर्ज_प्रॉप्स: href: आइटम.ctas[0].लिंक -%} {% एंडिफ़ %} {% यदि लिंककार्ड %} {% elsif सिंगललिंक %} {% अन्य %} {% एंडिफ़ %} {%- जब तक हेडलाइन == ग़लत नहीं या आइटम.हेडलाइन == शून्य या आइटम.हेडलाइन.आकार == 0 -%} {{आइटम.हेडलाइन }} {%- अंतहीन -%} {% जब तक कि उपशीर्षक == गलत या आइटम.उपशीर्षक == शून्य या आइटम नहीं। सबहेडलाइन.साइज == 0 %} {{आइटम.सबहेडलाइन }} {% अंतहीन %} {% जब तक कि छवियां == गलत या आइटम.इमेज == शून्य या आइटम.इमेज.साइज == 2 %} {% यदि तुलना करें = = सत्य %} पहले बाद में बाद से पहले बंद करें {% अन्य %} {% यदि विरासत %} {आइटम.इमेज में छवि के लिए% %} {छवि का उपयोग करने वाला% %} {%- टिप्पणी -%} हम `परमाणु` से पहले `छवि` डेटा में एक वर्ग सूची जोड़ रहे हैं /img`.
अगर `attrs.class` पहले से मौजूद है, तो हमारी क्लास सूची बाद में जोड़ी जाएगी।
`कैप्चर` की आवश्यकता है क्योंकि हम `forloop.index` से डेटा का उपयोग कर रहे हैं।
यदि हम गतिशील डेटा के बिना एक स्थिर वर्ग सूची का उपयोग करना चाहते हैं, तो हम इसे इनलाइन कर सकते हैं जैसे: `{%- assign attrs = attrs | मर्ज_प्रॉप्स: क्लास: "माई-स्टैटिक क्लास-लिस्ट" -%}` {%- एंडकमेंट -%} {%- कैप्चर क्लास -%} {% अगर इमेज_लिंक -%} लिस्टकार्ड__कार्ड-इमेज-लिंक करने योग्य लिस्टकार्ड__कार्ड-इमेज-लिंक करने योग्य-- {{forloop.index }} {%- else -%} listcard__card-image listcard__card-image--{{ forloop.index }} {%-endif %} {%-endcapture %} {% if image_link %} {%- टैग_नाम = 'a' -%} असाइन करें {%- attrs असाइन करें = attrs | मर्ज_प्रॉप्स: href: इमेज_लिंक -%} {% एंडिफ़ %} {%- attrs असाइन करें = attrs | मर्ज_प्रॉप्स: क्लास: क्लास -%} {% शामिल है "एटम/आईएमजी" %} {% एंड्यूजिंग %} {% अगर इमेज.मॉडल_आईएमजी %} बंद करें {% छवि का उपयोग करके %} {%- टिप्पणी -%} हम `atom/img` से पहले `image` डेटा में एक वर्ग सूची जोड़ रहे हैं।
अगर `attrs.class` पहले से मौजूद है, तो हमारी क्लास सूची बाद में जोड़ी जाएगी।
`कैप्चर` की आवश्यकता है क्योंकि हम `forloop.index` से डेटा का उपयोग कर रहे हैं।
यदि हम डायनेमिक डेटा के बिना एक स्थिर वर्ग सूची का उपयोग करना चाहते हैं, तो हम इसे इनलाइन कर सकते हैं जैसे: `{% - attrs = attrs असाइन करें | मर्ज_प्रॉप्स: क्लास: "माय-स्टैटिक क्लास-लिस्ट" -%}` {%- एंडकमेंट -%} {%- कैप्चर क्लास -%} लिस्टकार्ड__मॉडल-इमेज लिस्टकार्ड__मोडल-इमेज--{{ forloop.index}} {%- एंडकैप्चर -%} {% - असाइन करें attrs = attrs | मर्ज_प्रॉप्स: क्लास: क्लास -%} {% में "परमाणु/आईएमजी"%} {% एंड्यूजिंग%} शामिल है {% endif%} {% endfor %} {% अगर image.image_text %} {{image.image_text}} {% एंडिफ%} {% और%} {item.images% में छवि के लिए%} {% छवि% का उपयोग करके} {%- टिप्पणी -%} हम `atom/img` से पहले `छवि` डेटा में एक वर्ग सूची जोड़ रहे हैं।
अगर `attrs.class` पहले से मौजूद है, तो हमारी क्लास सूची बाद में जोड़ी जाएगी।
`कैप्चर` की आवश्यकता है क्योंकि हम `forloop.index` से डेटा का उपयोग कर रहे हैं।
यदि हम गतिशील डेटा के बिना एक स्थिर वर्ग सूची का उपयोग करना चाहते हैं, तो हम इसे इनलाइन कर सकते हैं जैसे: `{%- assign attrs = attrs | मर्ज_प्रॉप्स: क्लास: "माई-स्टैटिक क्लास-लिस्ट" -%}` {%- एंडकमेंट -%} {%- कैप्चर क्लास -%} {% अगर इमेज_लिंक -%} लिस्टकार्ड__कार्ड-इमेज-लिंक करने योग्य लिस्टकार्ड__कार्ड-इमेज-लिंक करने योग्य-- {{forloop.index }} {%- else -%} listcard__card-image listcard__card-image--{{ forloop.index }} {%-endif %} {%-endcapture %} {% if image_link %} {%- टैग_नाम = 'a' -%} असाइन करें {%- attrs असाइन करें = attrs | मर्ज_प्रॉप्स: href: इमेज_लिंक -%} {% एंडिफ़ %} {%- attrs असाइन करें = attrs | मर्ज_प्रॉप्स: क्लास: क्लास -%} {% शामिल है "एटम/आईएमजी" %} {% एंड्यूजिंग %} {% अगर इमेज.इमेज_टेक्स्ट %} {{image.image_text}} {% एंडिफ़ %} {% एंडफ़ोर %} {%- यदि आइटम.इमेज[0].modal_img -%} > < बंद करें {आइटम.इमेज में छवि के लिए%%} {image.modal_img का उपयोग करके%%} {%- टिप्पणी -%} हम `atom/img` से पहले `छवि` डेटा में एक वर्ग सूची जोड़ रहे हैं।
अगर `attrs.class` पहले से मौजूद है, तो हमारी क्लास सूची बाद में जोड़ी जाएगी।
`कैप्चर` की आवश्यकता है क्योंकि हम `forloop.index` से डेटा का उपयोग कर रहे हैं।
* व्यक्तिगत परिणामों की गारंटी नहीं है और यह व्यक्ति से दूसरे व्यक्ति में भिन्न हो सकते हैं। चित्र में मॉडल हो सकते हैं।