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 not-text hover:ring-2 hover:ring-offset-1 hover:ring-primary-300 transition-colors h-7 w-7" :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',
''
)" style="background-color:#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 not-text hover:ring-2 hover:ring-offset-1 hover:ring-primary-300 transition-colors h-7 w-7" :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',
''
)" style="background-color:#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 not-text hover:ring-2 hover:ring-offset-1 hover:ring-primary-300 transition-colors h-7 w-7" :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',
''
)" style="background-color:#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 not-text hover:ring-2 hover:ring-offset-1 hover:ring-primary-300 transition-colors h-7 w-7" :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',
''
)" style="background-color:#822329">
Zurücksetzen
Speichern