Code to remove button

Hello,I'm looking for someone who could write me a code to remove those 2 buttons "qty" and "add to cart" only on certains pages of an online shop ?thank yoooouu !

@Omesnage Can you share site url or template name?

or try CSS ( Home > Design > Custom CSS)

First, you need to find Page ID. See how to: https://beaverhero.com/squarespace-how-to/#HowtoFindPageID

Then, use

/* Remove Quantity */
body#collection-56099b55e4b0ec7b8a89d273 .product-quantity-input {
       display: none !important;
   }
/* Remove Add to Cart */
body#collection-56099b55e4b0ec7b8a89d273 .sqs-add-to-cart-button-wrapper {
       display: none !important;
   }

Hey tuanphan, thank you for your answer. It works, but all over the site. I want it only on certains pages... If I copy the code on the page I want, it doesn't work any more.Can u help ? Thank you so much

Hey tuanphan, thank you for your answer. It works, but all over the site. I want it only on certains pages... If I copy the code on the page I want, it doesn't work any more.Can u help ? Thank you so much

@Omesnage Each page will have different Page ID.You need to find Page ID. See how to: https://beaverhero.com/squarespace-how-to/#HowtoFindPageID

Then, use

 /* Remove Quantity */
body#collection-56099b55e4b0ec7b8a89d273 .product-quantity-input {
        display: none !important;
    }
 /* Remove Add to Cart */
body#collection-56099b55e4b0ec7b8a89d273 .sqs-add-to-cart-button-wrapper {
        display: none !important;
    }

@Omesnage Each page will have different Page ID.You need to find Page ID. See how to: https://beaverhero.com/squarespace-how-to/#HowtoFindPageID

Then, use

 /* Remove Quantity */
body#collection-56099b55e4b0ec7b8a89d273 .product-quantity-input {
        display: none !important;
    }
 /* Remove Add to Cart */
body#collection-56099b55e4b0ec7b8a89d273 .sqs-add-to-cart-button-wrapper {
        display: none !important;
    }

and for many pages

/* Remove Quantity */
 body#collection-56099b55e4b0ec7b8a89d273 .product-quantity-input, body#collection-56099b55e4b0sdfsd233453445 .product-quantity-input {
         display: none !important;
     }
  /* Remove Add to Cart */
 body#collection-56099b55e4b0ec7b8a89d273 .sqs-add-to-cart-button-wrapper, body#collection-56099b55e4b0sdfsd233453445 .sqs-add-to-cart-button-wrapper {
         display: none !important;
     }

THANK YOU !!!!!!!You are a GOD !It's working perfectly.Olivier

THANK YOU !!!!!!!You are a GOD !It's working perfectly.Olivier

@Omesnage You can click Accept Answer. Other members will know it worked. They can use.

Hi Tuanphan,Hope you're going fine...I have a clone of a product page and I don't want the the products of this clone to appear when you use the search bar, do you think it's possible ?If not ok, I'd like to hide the price button, on certain page, like the code you gave me for the "qty" and "add to basket".Many thanksOlivier

@Omesnage (1) I think you need to use custom code (but it is complicated, out of my ability).

(2) To hide price, you should share url to check, or try this code (Add to Home > Design > Custom CSS).

body#collection-56099b55e4b0ec7b8a89d273 #productList .product-price {
   display: none !important;
}

Replace body#....273 with Product Page/Page ID. Each page will have different ID: https://beaverhero.com/squarespace-how-to/#HowtoFindPageID

(3) You should tag me when you have a new question. It seems that SS only sends email notifications, if someone tags me.

Thank you so much.Olivier

My dear Tuanphan, I have another question...In the payement's step, I'd like to change the word "paiement" by "commander"Do you think it's possible ? It's the step before accessing to the paiement area.I join a screenshot of it.Many many thanks !

@Omesnage Yes. You can with custom code.

is it "check out text"? You can this code first, if it doesn't work, please share url to check.

.checkout-button span {
   visibility: hidden;
}
.checkout-button span:after {
   visibility: visible;
   content: "New Checkout Text";
   margin-left: -80px;
}

Reference: https://beaverhero.com/indigo-template-squarespace/#TranslateCheckOut

@Omesnage Yes. You can with custom code.

is it "check out text"? You can this code first, if it doesn't work, please share url to check.

.checkout-button span {
   visibility: hidden;
}
.checkout-button span:after {
   visibility: visible;
   content: "New Checkout Text";
   margin-left: -80px;
}

Reference: https://beaverhero.com/indigo-template-squarespace/#TranslateCheckOut

You're a genius !!!!It's working perfectly wellTHANK YOU !!!!!!!

@Omesnage you can Accept Answer if it worked. Thanks.

Done, I hope...

@Omesnage You Accepted your answer, not me...

How can I accept you ?I'm a fan, of course !!!

Hi TuanphanIs there a way to hide the whole site from browsers (at least google) ?Thanks

Hi tuanphan,I'dlike to know if there is a way to integrate google calendar in a page ?Thank you