Add to cart button not showing Shopify

A grayed out button tells a shopper the item is not available. A missing button tells them nothing, so they assume the item cannot be bought from this store and leave. In most Shopify themes, the button belongs to a buy buttons block inside the product template. The block can be removed in the theme editor, a product can be assigned to an alternate template that has no block, or an app can take over the purchase area and show its own control instead. The shopper sees only the photo, the title and the price, which looks like a finished page with nothing to do next.

• In the theme editor, open the product template and check that a buy buttons block sits in the product section.
• In the admin, open the product and check which template it is assigned to, since an alternate template can lack the block.
• Open the product page source and search for the cart form, which submits to a cart add address.
• Check whether an app has replaced the purchase area, and whether that app is still switched on.

The shopper lands on the product, sees the photos, reads the title and the price, and looks for the next thing to do. On a phone they scroll past the photos to find the purchase area. If that area holds only the price, the shopper hunts for a size picker or a quantity box, finds neither, and concludes the item cannot be bought online. Some stop at the price. Others leave the page and search for the same item somewhere else, which is the loss you cannot see from the admin.

All three leave the same empty space, so the page does not show which one applies. A removed block is the simplest case: the product template has no buy buttons block, and the theme editor shows nothing in that spot. An alternate template is a different layout a product can be assigned to, and it may not include the block at all. An app can take over the purchase area with its own control, and if that app is switched off or its code fails, nothing replaces the button.

Check the admin first, since it is the quickest. Open the product and see which template it uses. Then open that template in the theme editor and look for the block. Finally, open the page source and search for the cart form. If the form is there but the button is hidden, the cause is styling or an app, not a removed block.

A simulated visitor opens the product from its link, looks for a way to add the item to the cart, and tries the control it finds. The run records a screenshot of the product page, the controls it could find, and any script error or failed request on that page. A missing button shows as a screenshot with the photos and price and no purchase control. That tells you what a shopper sees, which is the part you cannot see from inside the admin.

The run cannot open the theme editor or read your template, so it cannot say which of the three causes you have. Use the screenshot to confirm the button is missing for a shopper, then use the admin and the page source to find the cause. Keep the same product and the same task each time, and run the visitor again after each fix.

Theme updates, template edits and app installs can move or remove the purchase area without any change to the product itself. A new product assigned to an older template can also start without a button. Run the same visitor after each of those changes, on a product from each template you use, so one template is not the only one you check.