БЭМ как избежать конфликтов классов?

Question

[Maloy123]

БЭМ вроде должен решать эту проблему, но я что-то похоже недопонимаю.
Допустим есть список товаров

<div class="products">
    <div class="product">
        <div class="product__title">Заголовок продукта</div>
        <div class="product__description">Описание продукта</div>
        <div class="product__btns product-btns">
            <button class="product-btns__btn-buy">Купить</button>
        </div>
    </div>
</div>

И есть отдельный товар

<div class="product">
    <div class="product__title">Заголовок продукта</div>
    <div class="product__description">Описание продукта</div>
    <div class="product__btns product-btns">
        <button class="product-btns__btn-buy">Купить</button>
    </div>
</div>

Блоки product должны кардинально различаться друг от друга, при том что они имеют одинаковую структуру. Как быть в такой ситуации?

Comments

[Lynn «Кофеман»]

Это должны быть разные блоки. У вас же сейчас оба раза описан блок product.

[Сергей delphinpro]

product, goods, merchandise...

[Сергей delphinpro]

в списке - products-item

Answer 1

[Олег]

Блоки product должны кардинально различаться друг от друга, при том что они имеют одинаковую структуру. Как быть в такой ситуации?

Просто это два разных блока, если между ними ничего общего кроме структуры. В списке будет массив блоков .product-card, на странице товара блок .product, наименования конечно можно любые сделать, по своему вкусу.

Comments

[Maloy123]

А если на сайте должно быть, например, 5-7 блоков выводящих продукт, которые совершенно разные, но при этом все они выводят продукт, что же для каждого придумывать свое наименование? По сути они же все блоки продукта.

[alex]

Maloy123: если различия между блоками существенные можно ввести новый блок, если нет - можно изменять внешний вид модификаторами используя каскад, каскад внутри блоков не запрещен

[Олег]

Maloy123: Да, каждому свое название, обычно дизайнеры не делают 7 совершенно разных оформлений для блока товара, это скорее исключение.

[solascriptura]

Alex:

каскад внутри блоков не запрещен

Дайте пожалуйста ссылку на документацию про это.. очень интересный момент.

Answer 2

[Константин Давыдов]

1) Дать блоку другое название.
2) Добавить модификатор и переопределить стили.