Bitrix, SKU: New items, Promotions, Coming soon and SKU how to do it right?

Question

1C-Bitrix

It is necessary to make similar blocks on the page. Goods are stored in SKU
New items , as I understand it, are done as follows:
catalog.section component
sorting by date descending
filter for goods that are not in stock
If you take ordinary goods, then there are no questions. When working with SKU prices, balances are stored in SKU and catalog.section does not give me up-to-date information. Does not allow filtering by balances. How to proceed in such a case?
Promotions
Not really sure how to do it right. If you put the property on the main product, then it’s not clear. For example, the bicycle was already a forward, but we have a red forward in the news. How to be here?
If I set a property for SKU, then I don’t understand how to filter such products again and display them. If catalog.section specifies trade offers, then I don't have categories in them.
Coming soon
A common question between questions 1 and 2. There is a filter and a property. Who to bet? Main product or SKU?

Answer 1

Support response
Good afternoon!
In a standard store, everything is done through filtering by properties (properties of the main product). Here is an example of a filter implementation:
dev.1c-bitrix.ru/community/webdev/user/166748/blog...
Quote
A bicycle, for example, there was already a forward, but we have a red forward in the news. How to be here?
Trade offers are inseparable from the product upon withdrawal. Label all items "promotion".
You can also implement your own output/filtering logic. Above, I wrote how it was done in a standard store.
Trade offers are inseparable from the product upon withdrawal. Label all items "promotion".
There are no other standard options for solving this problem.
Displaying a product with only one offer (red) will not work.
Sincerely,
technical support officer

Answer 2

Just a little advice - it's better to unify so that the store has only goods with SKUs, even if there is only one product offer in the "container", this will greatly simplify the code that went through it.

Answer 3

transitionwith display doesn't work
use to hide:

visibility: hidden;
opacity: 0;

to show

visibility: visible;
opacity: 1;