В магазине продается одежда, которая может быть в нескольких размерах и цветах. Первым в карточке стоит размер.
Так вот вопрос был такой. Почему перечеркнут цвет, а не размер, если данного размера и цвета нет в наличии.
![](https://telegra.ph/file/6c8dcec528ed68ef37e69.png)
Что бы ответить на этот вопрос давайте разберемся как происходит выбор размера и цвета в магазине и какие варианты отображения возможны.
В данном примере вариантов всего два. Первым отображается Размер или первым отображается Цвет.
Рассмотрим первый вариант.
Первое что надо понимать это то, что в товаре, у которого 2 размера и 2 цвета 4 варианта.
1. размер S – Черный
2. размер S – Белый
3. размер М – Черный
4. размер М – Белый
И у каждого из этих вариантов есть свой остаток.
![](https://telegra.ph/file/0dda7f0b26860822fe729.png)
Но в каточке мы видим в один момент отображение одного размера и двух цветов. Грубо говоря, мы видим два варианта товара.
![](https://telegra.ph/file/b5eb26c84ffca0bf50a99.png)
Если нужно увидеть еще два, то нужно выбрать другой размер.
![](https://telegra.ph/file/1bce5f6821e1225a9d503.png)
Поэтому если у нас остаток одного из вариантов равен 0 и первым выводится Размер, то скрываться или перечеркиваться будет Цвет.
![](https://telegra.ph/file/657065f0d192ecf2cf73f.png)
Теперь рассмотрим второй вариант. Первым выводится Цвет.
Карточка товара теперь будет выглядеть так.
![](https://telegra.ph/file/e61a44aa3fabb8f7fdcbe.png)
Если одного из вариантов не будет в наличии, будет скрываться или перечеркиваться Размер. Т.к. сейчас Цвет идет первым.
![](https://telegra.ph/file/ebae66fa965f031c8f32e.png)
Возвращаясь к вопросу заказчика. В магазине было отображение по первому варианту, а он ожидал, что будет отображаться по второму. Поэтому и возник вопрос.
Поменял отображение и все встало на свои места.
![](https://telegra.ph/file/d3fd83ee9f5cbe5880a5c.png)
Как поменять отображение Цвет - Размер.
Переходим в Настройки, Свойства вариантов и перетаскиваем то свойство, которое нужно, что бы отображалось первым выше второго.
![](https://telegra.ph/file/58dc62fa3a12d07225a15.png)
![](https://telegra.ph/file/5793cafb1e6062b3e8843.png)