Add To Cart Button (Solid Shadow)

Bookmark Plugin

---

Plugin Details

Add a solid shadow and border style to the add to cart button for the product details page, store page, and product block.

Compatibility

• Works with Squarespace 7.1

• Uses Custom CSS

---

Product Details Page: Add to Custom CSS

// ADD TO CART BUTTON (SOLID SHADOW) - PRODUCT PAGE - GHOSTPLUGINS.COM //

.ProductItem .ProductItem-details .sqs-add-to-cart-button, .pdp-form-wrapper .sqs-add-to-cart-button, .pdp-layout-full-width-carousel .pdp-details .pdp-selection .sqs-add-to-cart-button {
  background: #fff !important;
  color: #000 !important;
  border: 1px solid #000 !important;
  box-shadow: 5px 5px #000 !important;
}

---

Store Page: Add to Custom CSS

// ADD TO CART BUTTON (SOLID SHADOW) - STORE PAGE - GHOSTPLUGINS.COM //

.products .sqs-add-to-cart-button {
  background: #fff !important;
  color: #000 !important;
  border: 1px solid #000 !important;
  box-shadow: 5px 5px #000 !important;
}

---

Product Block: Add to Custom CSS

// ADD TO CART BUTTON (SOLID SHADOW) - PRODUCT BLOCK - GHOSTPLUGINS.COM //

.product-block .sqs-add-to-cart-button {
  background: #fff !important;
  color: #000 !important;
  border: 1px solid #000 !important;
  box-shadow: 5px 5px #000 !important;
}

---

Customizable Options

• Button Color

• Button Text Color

• Border Style

• Box Shadow

Notes

Compatible with all product detail layouts (Simple, Wrap, Full, and Half).

---