On my quick add theres a bunch of unnecessary apps that I want on my product page but I do not want on my quick add/view options
On my quick add I just want the products/variants quantity/add to cart and view full details
My website is Lexxyy.com
Topic summary
Goal: Hide third-party app blocks in the Quick Add (modal/popup) while keeping them on the main product page.
Context/Root cause:
- Apps auto-inject into product forms (product.liquid, main-product.liquid, product-form.liquid). Quick Add uses different snippets (product-popup.liquid, quick-add.liquid, card-product.liquid, product-modal.liquid), but apps still attach when a product form is detected.
Proposed solutions:
- CSS option 1 (in base.css):
.quick-add-modal__content .product .shopify-app-block{display:none !important; visibility:hidden;}
• Reported issue: Hides in Quick Add but “messes up” product pages; supporters requested specific page/button details to investigate. - CSS option 2 (in theme.liquid above ): Target specific elements inside Quick Add only:
.quick-add-modal__content-info .timeline,.time-cust,.jdgm-carousel-wrapper { display:none !important; }
• A screenshot shows these elements removed in the modal. Mobile view screenshot provided as reference.
Status/Next steps:
- No confirmed resolution from the requester. Helpers asked for exact pages and interactions to reproduce.
- Likely path: refine CSS to target only Quick Add container classes and app-specific selectors, ensuring no spillover to product pages.
Notes: Several screenshots illustrate before/after behavior; they are helpful but not strictly required to apply the CSS.
1 Like
Hi @leoking
Most apps automatically inject their code into:
product.liquid
main-product.liquid
product-form.liquid
Your Quick Add uses a different template:
snippets/product-popup.liquid
snippets/quick-add.liquid
snippets/card-product.liquid
product-modal.liquid
Apps are loading there because they detect a product form and attach scripts.
So how can I remove them?
1 Like
@leoking please add this css to the very end of your base.css file and check
shopify admin->online store->themes->edit theme code->assets->base.css
.quick-add-modal__content .product .shopify-app-block{display:none !important; visibility:hidden;}
It doesn’t appear on the quick add but it messes up the product page version any idea how to fix this? Thanks
@leoking on which product page did you get this issue?
On all my product pages
@leoking which button did you click? Becuaae I could not see quick aadd button on product page
Hey @leoking
Follow these Steps:
- Go to Online Store
- Edit Code
- Find theme.liquid file
- Add the following code in the bottom of the file above </ body> tag
<style>
.quick-add-modal__content-info .timeline {
display: none !important;
}
.quick-add-modal__content-info .time-cust {
display: none !important;
}
.quick-add-modal__content-info .jdgm-carousel-wrapper {
display: none !important;
}
</style>
RESULT:
If you require any other help, feel free to reach out to me. If I managed to help you then a Like would be truly appreciated.
Best,
Moeed
@leoking on mobile view it looks like this
