How do I hide Price, Quantity, and "Add to Cart" button for products on Quick View?

I put it in the right code to hide price, quantity, and "add to cart" button from the products in one of my two stores on my website, the code worked and each product no longer displays those features. 

However, when I click on a product's Quick View, everything is still displayed. Does anyone have lines of code or a solution that can help me fix this issue by hiding those details?

Attached are photo examples.

The code I used to hide the details is:

[data-section-id="60d6b8a6aac1033985af9188"] {

//CSS Hide Add to Cart Button
.ProductItem-details .sqs-add-to-cart-button-wrapper .sqs-add-to-cart-button {display:none;}

}

[data-section-id="60d6b8a6aac1033985af9188"] {

//CSS Hide Price
.sqs-money-native, .product-price {display:none;}

}

[data-section-id="60d6b8a6aac1033985af9188"] {

//CSS Hide Quantity
.product-quantity-input {
    display: none !important;}

}

On 7/25/2021 at 7:07 PM, KingDahab said:

I put it in the right code to hide price, quantity, and "add to cart" button from the products in one of my two stores on my website, the code worked and each product no longer displays those features. 

However, when I click on a product's Quick View, everything is still displayed. Does anyone have lines of code or a solution that can help me fix this issue by hiding those details?

Attached are photo examples.

The code I used to hide the details is:

[data-section-id="60d6b8a6aac1033985af9188"] {

//CSS Hide Add to Cart Button
.ProductItem-details .sqs-add-to-cart-button-wrapper .sqs-add-to-cart-button {display:none;}

}

[data-section-id="60d6b8a6aac1033985af9188"] {

//CSS Hide Price
.sqs-money-native, .product-price {display:none;}

}

[data-section-id="60d6b8a6aac1033985af9188"] {

//CSS Hide Quantity
.product-quantity-input {
    display: none !important;}

}

Hi. Can you share link to shop page on your site? We can help easier

@tuanphan messaged you the link privately. Thank you!

4 hours ago, KingDahab said:

@tuanphan messaged you the link privately. Thank you!

Add to Design > Custom CSS

/* quick view */
.ProductItem-details .ProductItem-product-price {
    display: none;
}
div.product-quantity-input {
    display: none !important;
}
div.sqs-add-to-cart-button-wrapper {
    display: none !important;
}

Thank you. It worked, however, it also took out the price, quanity, and "add to cart" button from my other store on this same website that actually has items for sale.

I only want it to hide these features from quick view from one store and not all the stores on my website: 

The store is: [data-section-id="60d6b8a6aac1033985af9188"]

@tuanphan

23 hours ago, KingDahab said:

Thank you. It worked, however, it also took out the price, quanity, and "add to cart" button from my other store on this same website that actually has items for sale.

I only want it to hide these features from quick view from one store and not all the stores on my website: 

The store is: [data-section-id="60d6b8a6aac1033985af9188"]

@tuanphan

Can you share link to this store?

@tuanphan https://www.myexpoegypt.com/explore-egypt

The store is: [data-section-id="60d6b8a6aac1033985af9188"]

On 7/29/2021 at 2:41 PM, KingDahab said:

@tuanphan https://www.myexpoegypt.com/explore-egypt

The store is: [data-section-id="60d6b8a6aac1033985af9188"]

It looks like you disabled quick view. Can you enable it?

@tuanphan It's now enabled. 

https://www.myexpoegypt.com/explore-egypt

On 8/1/2021 at 1:40 PM, KingDahab said:

@tuanphan It's now enabled. 

https://www.myexpoegypt.com/explore-egypt

 

Hover Explore Egypt page on Not Linked > Click Gear Icon > Advanced > Add this code

<style>
  /* quick view */
.ProductItem-details .ProductItem-product-price {
    display: none;
}
div.product-quantity-input {
    display: none !important;
}
div.sqs-add-to-cart-button-wrapper {
    display: none !important;
}
</style>

Thank you @tuanphan, while it did work for the Explore Egypt page. It still shows up on Summary Blocks for the products on other pages.

Example provided:

7 hours ago, KingDahab said:

Thank you @tuanphan, while it did work for the Explore Egypt page. It still shows up on Summary Blocks for the products on other pages.

Example provided:

Can you share link to product in screenshot?

@tuanphan https://www.myexpoegypt.com/packages/p/teest-package

Please click on one of product's quick view under featured to see what I'm talking about. 

The Wonders of Ancient Egypt should keep it's price, quantity, and add to cart because it's from another store.

The quick view of the summary block's is what I want to edit.

Thank you!

14 hours ago, KingDahab said:

@tuanphan https://www.myexpoegypt.com/packages/p/teest-package

Please click on one of product's quick view under featured to see what I'm talking about. 

The Wonders of Ancient Egypt should keep it's price, quantity, and add to cart because it's from another store.

The quick view of the summary block's is what I want to edit.

Thank you!

Hi,

It looks a bit complex.

First, try add tag: no-all for these products >> Next, add this code to Design  >Custom CSS

.lightbox-content .tag-no-all {
	/* quantity */
.product-quantity-input {
    display: none !important;
}
/* add to cart */
.sqs-add-to-cart-button-wrapper {
    display: none !important;
}
}

@tuanphan it worked! Thank you so much for all your help!

Hey @tuanphan, do you know how to show full excerpt of the product description and remove "view full item" on Quick view? Without cancelling/disabling the other work done ^

Link to product: https://expoegypt.com/packages/p/teest-package

Screenshot of example attached

On 8/12/2021 at 1:36 PM, KingDahab said:

Hey @tuanphan, do you know how to show full excerpt of the product description and remove "view full item" on Quick view? Without cancelling/disabling the other work done ^

Link to product: https://expoegypt.com/packages/p/teest-package

Screenshot of example attached

Show Full: No idea

Remove View full: Posssible. Do you still need code?

Yes,, please. @tuanphan

13 hours ago, KingDahab said:

Yes,, please. @tuanphan

Use this CSS

a.ProductItem-details-quickViewFullItemLink {
    display: none !important;
}