Leaflet Add To Cart Button
Praesent id libero id metus varius consectetur ac eget diam. Nulla felis nunc, consequat laoreet lacus id.
Donec id justo non metus auctor commodo ut quis enim. Mauris fringilla dolor vel condimentum imperdiet.
Commodo cursus magna, vel scelerisque nisl consectetur et. Donec id elit non mi porta gravida at eget metus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum id ligula porta felis euismod semper.
Quisque iaculis facilisis lacinia. Mauris euismod pellentesque tellus sit amet mollis.
Sed purus sem, scelerisque ac rhoncus eget, porttitor nec odio. Lorem ipsum dolor sit amet.
Vivamus pellentesque vitae neque at vestibulum. Donec efficitur mollis dui vel pharetra.
Praesent id libero id metus varius consectetur ac eget diam. Nulla felis nunc, consequat laoreet lacus id.
Donec id justo non metus auctor commodo ut quis enim. Mauris fringilla dolor vel condimentum imperdiet.
Look Demo
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 one of the codes 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.
License
This plugin comes with an Unlimited Use License. View License Terms
Sed purus sem, scelerisque ac rhoncus eget, porttitor nec odio. Lorem ipsum dolor sit amet.
Vivamus pellentesque vitae neque at vestibulum. Donec efficitur mollis dui vel pharetra.
Praesent id libero id metus varius consectetur ac eget diam. Nulla felis nunc, consequat laoreet lacus id.
Donec id justo non metus auctor commodo ut quis enim. Mauris fringilla dolor vel condimentum imperdiet.
Commodo cursus magna, vel scelerisque nisl consectetur et. Donec id elit non mi porta gravida at eget metus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum id ligula porta felis euismod semper.
Quisque iaculis facilisis lacinia. Mauris euismod pellentesque tellus sit amet mollis.
Sed purus sem, scelerisque ac rhoncus eget, porttitor nec odio. Lorem ipsum dolor sit amet.
Vivamus pellentesque vitae neque at vestibulum. Donec efficitur mollis dui vel pharetra.
Praesent id libero id metus varius consectetur ac eget diam. Nulla felis nunc, consequat laoreet lacus id.
Vivamus pellentesque vitae neque at vestibulum. Donec efficitur mollis dui vel pharetra.