Hello i use booster theme to design my website but it did not bring add to cart on my website I need help with it please
Topic summary
A user is experiencing issues with the “Add to Cart” button not appearing on their Shopify store using the Booster theme.
Common troubleshooting steps suggested:
- Check theme customization settings under Online Store → Themes → Customize → Product pages to ensure the Add to Cart button toggle is enabled
- Verify products have active variants, are in stock, and published to the Online Store sales channel
- Review theme code in
sections/product-template.liquidfor the proper cart form code - Check for conflicts with Quick View features or third-party apps
Root cause identified:
After the user shared their store URL (aprilshea.shop), community members discovered:
- All products are currently out of stock
- The
main-product.liquidfile is missing from the theme
Recommended solution:
Restore the missing main-product.liquid file from the original theme files to resolve the display issue. The missing template file is preventing the product page and Add to Cart functionality from rendering properly.
Hi @Shemmy1,
Please send the website link, I will check it for you
Hey @Shemmy1,
Welcome to Shopify community.
Could you please share your store URL and password [if applicable] so that I can take a look and provide you solution code.
Looking forward to hearing back from you.
Thanks
Hi @Shemmy1 ,
Sometimes Booster hides Add to Cart if:
- You’re using Quick View only.
- You didn’t enable the button on product pages or collections.
Go to:
Online Store → Themes → Customize → Product pages
Look for a “Add to Cart” or “Buy button” toggle — make sure it’s enabled.
Hi,
Hope this will help
- Step 1: Check if Product Is Available
- Step 2: Check If “Add to Cart” Button Is Hidden in Theme Settings
- Step 3: Make Sure the Theme Code Has the Right Add to Cart Code
Look for this code (or similar) (Sections/product-template.liquid Or sometimes: snippets/product-form.liquid)
Code example
<form method="post" action="/cart/add">
<input type="hidden" name="id" value="{{ product.variants.first.id }}">
<button type="submit">Add to Cart</button>
</form>
- Step 4: Check for App Conflicts
Solution:
1. Check Theme Settings
Booster Theme has built-in controls for the Add to Cart button. Here’s how to enable it:
- Go to Online Store > Themes > Customize
- Navigate to a Product Page
- Look for a section or block named “Product Form” or “Product Buttons”
- Make sure the “Add to Cart” option is enabled
- Save your changes and preview the page
2. Check Product Availability
The button will not show if:
- The product has no variants
- The product is out of stock (if inventory tracking is enabled)
- The product is not available on the Online Store sales channel
Make sure:
- Your product has at least one active variant
- It is in stock
- It’s published to the Online Store
3. Edit the Product Template (if needed)
If it’s still not showing, check the theme code:
- Go to Online Store > Themes > Edit Code
- Open
sections/product-template.liquidor similar file (depends on Booster version) - Look for this line or something like it:
liquid
CopyEdit
<form method="post" action="/cart/add">
If it’s missing entirely, you may need to restore the original product form. Let me know and I can give you the full code to paste in.
4. Update or Reinstall Theme Sections (Optional)
Sometimes custom edits or theme updates break layout features. You can:
- Re-download the latest Booster theme version
- Compare your product template files
- Restore defaults if needed
If It’s Still Not Working:
Let me know:
- Which Booster version you’re using
- Whether you’re editing a product page or a landing page
- If you’re using any apps that customize the cart or product display
The line is not there
All your products are out of stock, and your product template is empty.
Hi @Shemmy1,
I checked and now your main-product.liquid file is missing.
Please return the file from the beginning and save it; it will display fine. Refer:
