Jump to content

Style and redirect Add To Cart button

Recommended Posts

Hello,

I'm attempting to change the Add To Card button and redirect it to a page, rather than adding the product to the cart. I've found similar situations on this forum, but have not been successful in making it work myself. 

It needs to look and function like the example button I placed below it. Please see attached image.

I would greatly appreciate any help with this.

Thank you, 
Aaron

site: https://supro.squarespace.com/gear/p/delta-king-12
password: supro

 

Screenshot 2023-02-11 at 4.50.56 PM.png

Link to comment
  • Replies 1
  • Views 204
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

Please see the following.

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

<style>

  .ProductItem-details .sqs-add-to-cart-button-wrapper {
  
    box-shadow : -8px 8px #4197cb;
    transform : skew( 20deg );
    
    }
    
  #siteWrapper .ProductItem-details .sqs-add-to-cart-button-wrapper .sqs-button-element--primary {
  
    font-family : Calafia, serif;
    font-style : italic;
    
    }
    
  </style>

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

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.