How to remove apps from quick add?

Store Design
, , , ,
1

IMG_4828
IMG_48281170×2532 215 KB

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

2

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.

3

So how can I remove them?

4

@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;}
5

IMG_4832
IMG_48321170×2532 169 KB

It doesn’t appear on the quick add but it messes up the product page version any idea how to fix this? Thanks

6

@leoking on which product page did you get this issue?

7

On all my product pages

8

@leoking which button did you click? Becuaae I could not see quick aadd button on product page

9

Hey @leoking

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. 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:

image
image1914×918 177 KB

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

10

@leoking on mobile view it looks like this

image
image1366×768 163 KB