Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
omesnage

Code to remove button

Question

Posted (edited)

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 !

capture-decran-2019-07-18-a-125837.jpg.1dec987db5bd38a4122e2aa48964151d.jpg

Edited by Omesnage
Initial Revision

Share this post


Link to post

22 answers to this question

Recommended Posts

  • 0

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 !

capture-decran-2019-09-17-a-210030.png.3ee772da4d7adba61e43fcec7dcad506.png

Share this post


Link to post
  • 1

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




Share this post


Link to post
  • 0
Posted (edited)

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




Edited by tuanphan
Initial Revision

Share this post


Link to post
  • 0

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

Share this post


Link to post
  • 0

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

Share this post


Link to post
  • 0

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




Share this post


Link to post
  • 0

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




Share this post


Link to post
  • 0

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

Share this post


Link to post
  • 0

@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.

Share this post


Link to post
  • 0

@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

Share this post


Link to post
  • 0

@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

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...