Jump to content

Adding an Add To Cart Button in Collection Page

Recommended Posts

Posted

Hi there! I'm trying to add an add to cart button below each product in my collection page so people don't have to click "Quick View" and then "Add To Cart". Does anyone have code they can share to add the button and format it?

Thank you!

Posted

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

<style>

  .products.collection-content-wrapper .plp-grid-add-to-cart {
  
    display : block;
    
    }
    
  </style>

This is for v7.1.

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.

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.