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

How to remove price, add to cart, and quantity choice from all product pages?


wt-rsa_001

Question

Site URL: https://carillon-buttercup-9exn.squarespace.com/wines-1/p/country-feast-set-ssa4m

Hello, I have been following various threads trying to remove the online sales aspect of the products page I am trying to put together for my parent's business.  I am building out their website which distributes products, but does not directly sell them through their website. I was able to remove the price successfully but none of the other items have disappeared with anythingI have tried (cart icon, quantity, "add to cart" button). Any suggestions would be greatly appreciated! 

Link to comment

25 answers to this question

Recommended Posts

  • 0

Please remove previous CSS attempts.

Add the following to Store Settings > Advanced > PAGE HEADER CODE INJECTION for the store page.

<style>

  .collection-type-products .grid-prices,
  .ProductItem-details .ProductItem-product-price,
  .ProductItem-details .product-quantity-input,
  .ProductItem-details .sqs-add-to-cart-button-wrapper
  
    {
    
      display: none;
      
      }
      
  </style>

The previous is for a v7.1 site.

Let us know how it goes.

Edited by creedon
version 2 of CSS, hide grid prices

Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support!

Link to comment
  • 0
On 11/18/2020 at 7:01 PM, creedon said:

@tealcanvas

Please post the URL to the gift card product page.

If your site is not public please set up a site-wide password, if you've not already done so. Post the password here.

We can then take a look at your issue.

Apologize for the delay! Here is the link to the gift card page:

Our site password is Tealcanvas0202
 
Any ideas on how to adjust the add to card code on just this page so that people can purchase gift cards would be much appreciated! It doesn't even show the value selection part, or have the ability to purchase. Thanks @creedon!
Link to comment
  • 0

@TealCanvasArt

Replace the code you got from above with the following.

<style>

  .collection-type-products .grid-prices,
  .ProductItem:not( [data-item-id="5fbd838f4b695929a5ecabe7"] ) .ProductItem-details .ProductItem-product-price,
  .ProductItem:not( [data-item-id="5fbd838f4b695929a5ecabe7"] ) .ProductItem-details .product-quantity-input,
  .ProductItem:not( [data-item-id="5fbd838f4b695929a5ecabe7"] ) .ProductItem-details .sqs-add-to-cart-button-wrapper
  
    {
    
      display: none;
      
      }
      
  </style>

Let us know how it goes.

Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support!

Link to comment
  • 0

@creedon somehow the additional values that had been in there on the back end got removed! I added some back in and it seemed to be working as expected, with price drop downs and the ability to purchase. However, when I checked back later, it is defaulting to our lowest value and all of the the other values are gone. It must be some kind of glitch, that since it can't show multiple price values they disappear. Any ideas for a workaround?

Edited by TealCanvasArt
Link to comment
  • 0

@TealCanvasArt

Step 6 of Create a gift card clearly mentions creating a drop down to select amounts.

If its not working then definitely a glitch. It should be reported to SS.

As a workaround you could create individual cards and then refer to them through the recommended products. Another way would be that each gift card product could refer to every other gift card product through the use of the Additional Info tab and Products blocks.

Edited by creedon

Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support!

Link to comment
  • 0
On 10/11/2020 at 12:26 PM, wt-rsa_001 said:

Site URL: https://carillon-buttercup-9exn.squarespace.com/wines-1/p/country-feast-set-ssa4m

Hello, I have been following various threads trying to remove the online sales aspect of the products page I am trying to put together for my parent's business.  I am building out their website which distributes products, but does not directly sell them through their website. I was able to remove the price successfully but none of the other items have disappeared with anythingI have tried (cart icon, quantity, "add to cart" button). Any suggestions would be greatly appreciated! 

How did you remove the price feature? 

Link to comment
  • 0
On 1/11/2021 at 2:48 AM, AKD said:

How did you remove the price feature? 

If you share link to a product, we can help easier

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care - Learn CSS - Custom Popup - Testimonial Slider

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

Link to comment
  • 0

This was really helpful for removing the "price" and "add to cart" on my (individual) products.  However, I can't figure out how to get rid of "price" on my product collections.  Any advice? Thanks in advance

https://www.jacpainter.com/epoxyloveshop

This is what I put in the Code Injector (which worked great for individual products!):

<style>
.product-quantity-select,
.sqs-add-to-cart-button-wrapper {
 display:none;
}
.product-price { display:none }
</style>

Link to comment
  • 0

@JacPainter

Replace your CSS, make a copy somewhere, with the following.

<style>

  .product-price,
  .product-quantity-select,
  .show-product-price #productList .product .product-price,
  .sqs-add-to-cart-button-wrapper {
  
    display : none;
    
    }
    
  </style>

Let us know how it goes.

Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support!

Link to comment

Create an account or sign in to comment

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

×
×
  • Create New...