Galeries
26 Résultats pour Facettes en porcelaine - Blanc
Facettes en porcelaine
Facettes en porcelaine
Facettes en porcelaine
Facettes en porcelaine
Facettes en porcelaine
Facettes en porcelaine
Facettes en porcelaine
Facettes en porcelaine
Facettes en porcelaine
Facettes en porcelaine
Facettes en porcelaine
Facettes en porcelaine
Facettes en porcelaine
Facettes en porcelaine
Facettes en porcelaine
Facettes en porcelaine
Facettes en porcelaine
Facettes en porcelaine
Facettes en porcelaine
chargement
{%- comment -%} Supprimez les espaces de début et de fin de `tag_name`. {%- endcomment -%} {%- assign tag_name = tag_name | strip -%} {%- comment -%} Gère le cas `tag_name: ''`. {%- endcomment -%} {%- if tag_name and tag_name.size < 1 -%} {%- assign tag_name = false -%} {%- endif -%} {%- if tag_name -%} <{{ tag_name }} {{- attrs | to_attrs -}} {{- additional_attrs -}} {%- if self_closing == true -%} {{- ' /' -}} {%- endif -%} > {%- endif -%} {%- sauf si self_closing == true -%} {%- ifslot -%} {%- slot -%} {%- else -%} {{- inner_html -}} {%- endifslot -%} {%- if tag_name -%} {%- endif -%} {%- endunless -%}{%- comment -%} Ce composant peut générer une balise `img` ou une `div style="background-..."`. {%- endcomment -%} {%- assign is_global_asset = is_global_asset | par défaut : false -%} {%- if bg -%} {%- comment -%} Image d'arrière-plan {%- endcomment -%} {%- assign tag_name = tag_name | par défaut : 'div' -%} {%- assign self_closing = self_closing | par défaut : false -%} {%- comment -%} Nous rendons les attributs nous-mêmes et filtrons `style`. {%- endcomment -%} {%- assign attr_list = attrs | to_attrs: list: true -%} {%- capture additional_attrs -%} {%- comment -%} Inclut les attributs du contexte. {%- endcomment -%} {%- for attr in attr_list -%} {%- until attr[0] == 'style' -%} {{- ' ' -}} {{- attr[0] -} } {%- if attr[1].size > 0 -%} ="{{- attr[1] -}}" {%- endif -%} {%- endunless -%} {%- endfor -%} {{- ' ' -}} style=" {%- comment -%} Styles de rendu bg. Utilisez src si nous n'avons pas obtenu d'image. {%- 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 -%} {%- sauf si has_bg_image -%} image d'arrière-plan : url('{{- src | asset_url : global : is_global_asset -}}') ; {%- endunless -%} {%- until has_bg_size -%} background-size : cover ; {%- endunless -%} {%- until has_bg_position_x -%} background-position-x : center ; {%- endunless -%} {%- until has_bg_position_y -%} background-position-y : center ; {%- endunless -%} {%- until has_bg_repeat -%} background-repeat : no-repeat ; {%- endunless -%} {%- comment -%} Ajoutez n'importe quel style à partir de l'attribut style. {%- endcomment -%} {{- attrs.style -}} " {%- endcapture -%} {%- comment -%} Supprimez les attributs pour ne pas les afficher deux fois. {%- endcomment -%} { %- assign attrs = nil -%} {%- else -%} {%- comment -%} Balise img normale {%- endcomment -%} {%- assign tag_name = 'img' -%} {%- assign self_closing = true -%} {%- capture additional_attrs -%} {%- if srcset.size > 0 -%} {{- ' ' -}} srcset="{{ srcset }}" {%- endif -%} { %- si tailles.taille > 0 -%} {{- ' ' -}} tailles="{{ tailles }}" {%- endif -%} {{- ' ' -}} alt="{{ alt } }" {{- ' ' -}} src="{{ src | asset_url : global : is_global_asset }}" {%- endcapture -%} {%- endif -%} {%- include 'atom/element', tag_name : tag_name, self_closing : self_closing, additional_attrs : additional_attrs -%}{%- assign group_attrs = group.attrs | merge_props : classe : 'listcard__group' -%} {%- assign tag_name = 'div' -%} {%- if collapsible -%} {%- assign tag_name = 'details' -%} {%- endif -%} < {{ tag_name }} {{ group_attrs | to_attrs }}> {% sauf titre == false ou group.headline == nil ou group.headline.size == 0 %} {% if collapsible %} {% fin si %} {{ groupe.headline }} {% si repliable %} {% endif %} {% endunless %} {% for item in group.cards %} {%- include 'cardlist/listcard/item' -%} {% endfor %} {% sauf si group.group_button_link == néant ou group.cards.size < 2 %} {{ group.group_button_label }} {% endunless %}{% assign card_count = forloop.index %} {%- capture curr_class -%} listcard__card {%- sauf item.id == nil -%} {{- ' ' -}} listcard__card--{{ item.id }} {%- endunless -%} {%- sauf si card_class == nil ou card_class.size == 0 -%} {{- ' ' -}} listcard__card--{{ card_class }} {%- endunless -%} {% - endcapture -%} {%- assign card_attrs = item.attrs | merge_props : classe : curr_class -%} {% if singlelink %} {%- assign card_attrs = card_attrs | merge_props : href : item.ctas[0].link -%} {% endif %} {% if linkcard %} {% elsif singlelink %} {% else %} {% endif %} {%- sauf si le titre == false ou item.headline == nil ou item.headline.size == 0 -%} {{ item.headline }} {%- endunless -%} {% sauf si subheadline == false ou item.subheadline == nil ou item. subheadline.size == 2 %} {{ item.subheadline }} {% endunless %} {% sauf si images == false ou item.images == nil ou item.images.size == 2 %} {% si comparer = = vrai %} Avant Après Fermer Avant Après {% else %} {% if Legacy %} {% for image in item.images %} {% using image %} {%- comment -%} Nous ajoutons une liste de classes aux données `image` avant `atom /img`.
Si `attrs.class` existe déjà, notre liste de classes sera ajoutée après.
`capture` est nécessaire car nous utilisons les données de `forloop.index`.
Si nous voulions utiliser une liste de classes constante sans données dynamiques, nous pourrions le faire en ligne comme : `{%- assign attrs = attrs | merge_props : classe : "ma liste de classes statique" -%}` {%- endcomment -%} {%- classe de capture -%} {% 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 : classe : classe -%} {% include "atom/img" %} {% endusing %} {% if image.modal_img %} Fermez {% using image %} {%- comment -%} Nous ajoutons une liste de classes aux données `image` avant `atom/img`.
Si `attrs.class` existe déjà, notre liste de classes sera ajoutée après.
`capture` est nécessaire car nous utilisons les données de `forloop.index`.
Si nous voulions utiliser une liste de classes constante sans données dynamiques, nous pourrions le faire en ligne comme : `{%-assign attrs = attrs | merge_props : classe : "my-static class-list" -%}` {%- endcomment -%} {%- capture class -%} listcard__modal-image listcard__modal-image--{{ forloop.index }} {%- endcapture -%} {%- assign attrs = attrs | merge_props : classe : classe -%} {% inclut "atom/img" %} {% endusing %} {% endif %} {% endfor %} {% si image.image_text %} {{image.image_text}} {% endif %} {% else %} {% for image in item.images %} {% using image %} {%- comment -%} Nous ajoutons une liste de classes aux données `image` avant `atom/img`.
Si `attrs.class` existe déjà, notre liste de classes sera ajoutée après.
`capture` est nécessaire car nous utilisons les données de `forloop.index`.
Si nous voulions utiliser une liste de classes constante sans données dynamiques, nous pourrions le faire en ligne comme : `{%- assign attrs = attrs | merge_props : classe : "ma liste de classes statique" -%}` {%- endcomment -%} {%- classe de capture -%} {% 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 %} {{image.image_text}} {% endif %} {% endfor %} {%- if item.images[0].modal_img -%} > < Fermer {% for image in item.images %} {% using image.modal_img %} {%- comment -%} Nous ajoutons une liste de classes aux données `image` avant `atom/img`.
Si `attrs.class` existe déjà, notre liste de classes sera ajoutée après.
`capture` est nécessaire car nous utilisons les données de `forloop.index`.