How can I display out-of-stock complementary products on my product page?

I have a situation. In short:
I have a product “C” that requires products “A” and “B” to be used. I would like products “A” and “B” to appear in the product description. I used “Complementary products” (image), which was exactly what I needed, but the only problem is that it doesn’t display products that are out of stock. I need those products to appear all the time, regardless of their stock status. Do you know how I could resolve this, or if you’re aware of another method I could use to achieve this?

Hi @idealboardgames

it can be done using the custom code using js and liquid.

for this have to contact with a shopify developer.

Not really the solution I was looking for.