Removing Shopify Payment Button Space when size is out of stock

Topic summary

Goal: Remove the empty space on the product page (Pipeline theme) when a selected size is out of stock, so the “Notify me when available” element moves up above the product description.

Solution: Edit the theme code. In Edit Code, open theme.liquid and paste a provided snippet directly below the tag. A screenshot was shared to show placement; the snippet itself is the key change.

Outcome: The change successfully removed the extra space for out-of-stock variants. The requester confirmed it works.

Status: Resolved; no further actions noted.

Notes: A code snippet and screenshots were central to implementing the fix.

Summarized with AI on January 2. AI used: gpt-5.

Hello!

I am trying to hide the space here when the product size is unavailable :

I would like this size to be removed, so that “notify me when available” is right over the product description.

When the product is in stock, it is okay since since this space is for the shopify-payment-button, as seen here :

I’m using pipeline theme on shopify. Here is my website url

Thank you!

Hey @Alex1996 ,

Go to your theme’s “Edit Code” Option, then in the search bar type “theme.liquid”
Below the tag “” tag paste the following. Screenshot attached for reference.


Screenshot is for reference only, the correct code to paste is the one shown above.

1 Like

Thanks a lot, it worked!