How to Display Related Products Popup Above Cart Drawer - Pipeline Theme?

[ahmedgo]

Hi Shopify Community,

I am working with the Pipeline theme and have an automatic Cart Drawer that appears to the right when a user clicks on "Add to Cart". I would like to add a popup or window that displays related products when the Cart Drawer opens, without interfering with the Cart Drawer itself.

The Issue:

• I want to show a related products popup (or modal window) that appears above the cart drawer, without hiding behind it.

• The popup should be triggered when the user adds a product to the cart, showing the related products in a visually appealing way.

What I Want to Achieve:

• The related products popup should appear on top of the Cart Drawer, without pushing the drawer aside or affecting the cart experience.

• I need to find a way to control the stacking order (z-index) of the popup and ensure it doesn’t get hidden under the Cart Drawer overlay.

I am using the Pipeline theme and am looking for a solution specific to this theme. Has anyone worked on this functionality or can share insights on how to properly implement this? Any help with identifying the right classes or methods to achieve this will be greatly appreciated!

Thanks in advance!

[Shadab_dev]

Share the store url where you implemented the popup.