Product Block
Product Block Selectors
Use these selectors to target product block elements.
Selectors work with Squarespace 7.1
Knowing the basics of CSS is recommended
Helpful starting points: Visit the free plugin library for pre-applied styles and helpful starting points for customizations.
Product Block Container
.product-block
Product Title
.product-block .productDetails .product-title
Product Price
.product-block .productDetails .product-price
Product Description
.product-block .productDetails .product-excerpt
Product Image
.product-block .image-container img
Sale Tag Text
.product-block .image-container .product-mark
Product Variant Container
.product-block .productDetails .product-variants .variant-option
Product Variant Text
.product-block .productDetails .variant-option-title
Product Variant Dropdown
.product-block .productDetails .variant-option select
Quantity Container
.product-quantity-input
Quantity Text
.product-block .productDetails .quantity-label
Quantity Input
.product-block .product-quantity-input input
Add To Cart Button
.product-block .productDetails .sqs-add-to-cart-button