Leaflet Add To Cart Button

Screen+Shot+2019-11-25+at+5.55.13+PM.jpg

Description

Add a leaf like style to the add to cart product button. This plugin uses css editor and works with all template families.


How To Install

From your Squarespace account, go to the Custom CSS Editor. Copy and paste the code below into the Custom CSS Editor box.

// Leaflet Add To Cart Button //

.ProductItem-details .sqs-add-to-cart-button {
  border-radius: 50px 0px 50px 0px !important;
  padding: 30px;
}

Customize

Adjust the padding value to your liking. The higher the padding = the bigger the button.

No need to change the border radius values. This is what gives the button it’s leaf life style.


Previous
Previous

Turn Into Pill Button

Next
Next

Your Own Search Block Icon