Farbe
{ updateFilterBar(); })"
data-option-id="6186"
data-option-label="weiß"
data-attribute-code="color_filter_value_brand"
aria-label="
weiß, Farbe filter "
title="weiß"
class="swatch-option-link-layered cursor-pointer border border-gray-200 shadow-sm relative select-none rounded-full "
:class="{
'ring-2 ring-primary-300 bg-primary-300 hover:bg-primary/90' : is_selected['6186'],
'ring-0 ring-transparent' : is_selected['6186'] && getSwatchType('1') === 'text',
'not-text hover:ring-2 hover:ring-offset-1 hover:ring-primary-300 transition-colors h-7 w-7' : getSwatchType('1') !== 'text',
'is-text text-center grow p-2 rounded-none hover:bg-primary-200 transition-colors' : getSwatchType('1') === 'text',
}"
:style="getSwatchBackgroundStyle(
'1',
'#ffffff',
''
)"
>
{ updateFilterBar(); })"
data-option-id="6189"
data-option-label="dunkelgrau"
data-attribute-code="color_filter_value_brand"
aria-label="
dunkelgrau, Farbe filter "
title="dunkelgrau"
class="swatch-option-link-layered cursor-pointer border border-gray-200 shadow-sm relative select-none rounded-full "
:class="{
'ring-2 ring-primary-300 bg-primary-300 hover:bg-primary/90' : is_selected['6189'],
'ring-0 ring-transparent' : is_selected['6189'] && getSwatchType('1') === 'text',
'not-text hover:ring-2 hover:ring-offset-1 hover:ring-primary-300 transition-colors h-7 w-7' : getSwatchType('1') !== 'text',
'is-text text-center grow p-2 rounded-none hover:bg-primary-200 transition-colors' : getSwatchType('1') === 'text',
}"
:style="getSwatchBackgroundStyle(
'1',
'#433e44',
''
)"
>
{ updateFilterBar(); })"
data-option-id="6192"
data-option-label="navy"
data-attribute-code="color_filter_value_brand"
aria-label="
navy, Farbe filter "
title="navy"
class="swatch-option-link-layered cursor-pointer border border-gray-200 shadow-sm relative select-none rounded-full "
:class="{
'ring-2 ring-primary-300 bg-primary-300 hover:bg-primary/90' : is_selected['6192'],
'ring-0 ring-transparent' : is_selected['6192'] && getSwatchType('1') === 'text',
'not-text hover:ring-2 hover:ring-offset-1 hover:ring-primary-300 transition-colors h-7 w-7' : getSwatchType('1') !== 'text',
'is-text text-center grow p-2 rounded-none hover:bg-primary-200 transition-colors' : getSwatchType('1') === 'text',
}"
:style="getSwatchBackgroundStyle(
'1',
'#2b385b',
''
)"
>
{ updateFilterBar(); })"
data-option-id="6195"
data-option-label="weinrot"
data-attribute-code="color_filter_value_brand"
aria-label="
weinrot, Farbe filter "
title="weinrot"
class="swatch-option-link-layered cursor-pointer border border-gray-200 shadow-sm relative select-none rounded-full "
:class="{
'ring-2 ring-primary-300 bg-primary-300 hover:bg-primary/90' : is_selected['6195'],
'ring-0 ring-transparent' : is_selected['6195'] && getSwatchType('1') === 'text',
'not-text hover:ring-2 hover:ring-offset-1 hover:ring-primary-300 transition-colors h-7 w-7' : getSwatchType('1') !== 'text',
'is-text text-center grow p-2 rounded-none hover:bg-primary-200 transition-colors' : getSwatchType('1') === 'text',
}"
:style="getSwatchBackgroundStyle(
'1',
'#822329',
''
)"
>
Zurücksetzen
Speichern