Jump to content

Replace "Add To Cart Button" with Custom Button from additional product info

Go to solution Solved by creedon,

Recommended Posts

  • Replies 11
  • Views 708
  • Created
  • Last Reply

Top Posters In This Topic

Set your stock level to zero.

Add the following to Store Settings > Advanced > Page Header Code Injection for the store page. Please see per-page code injection.

<style>

  /* full, half, and wrap layouts */
  
  .pdp-layout .pdp-details .sqs-add-to-cart-button-wrapper,
  
  /* simple layout */
  
  .ProductItem-details .sqs-add-to-cart-button-wrapper
  
    {
    
      display : none;
      
      }
      
  </style>

Please see the following.

Let us know how it goes.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment
11 hours ago, creedon said:

Set your stock level to zero.

Add the following to Store Settings > Advanced > Page Header Code Injection for the store page. Please see per-page code injection.

<style>

  /* full, half, and wrap layouts */
  
  .pdp-layout .pdp-details .sqs-add-to-cart-button-wrapper,
  
  /* simple layout */
  
  .ProductItem-details .sqs-add-to-cart-button-wrapper
  
    {
    
      display : none;
      
      }
      
  </style>

Please see the following.

Let us know how it goes.

It removed the "Request to Borrow" button but didn't replace it with the "add to cart" button like I had wanted it to. The "add to cart" button remains in the same position.

Link to comment
14 hours ago, SecretSister said:

but didn't replace it with the "add to cart" button like I had wanted it to. The "add to cart" button remains in the same position.

You have not installed the code that I mentioned that will move the atc button.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment
Quote

For some reason it's not working.

The code from move product detail additional info first n blocks to end of product details.html has been corrupted in your install.

It looks like.

<script>
  begin move product detail additional info first n blocks to end of product
  details
  
  License         : < https://bit.ly/3F8sn8W >

...and it should look something like...

<!--

begin move product detail additional info first n blocks to end of product

details

License : < https://bit.ly/3F8sn8W >

Let us know how it goes.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment
24 minutes ago, creedon said:

The code from move product detail additional info first n blocks to end of product details.html has been corrupted in your install.

It looks like.

<script>
  begin move product detail additional info first n blocks to end of product
  details
  
  License         : < https://bit.ly/3F8sn8W >

...and it should look something like...

<!--

begin move product detail additional info first n blocks to end of product

details

License : < https://bit.ly/3F8sn8W >

Let us know how it goes.

Still having issues with it 😞

Screen Shot 2023-04-10 at 8.41.32 PM.png

Screen Shot 2023-04-10 at 8.41.40 PM.png

Link to comment
  • Solution

It appears to be working to me.

ScreenShot2023-04-11at1_43_12PM.png.dde7eb299f9d45d092fb55f4e6d47bbe.png

Did you see the following note in the code?

this effect is not active in SS Preview to test it use private browsing < https://bit.ly/3f6lhq2 >

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

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

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.