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

Is the selector you're looking for not here? Let us know.


Previous
Previous

Summary Block (Grid)

Next
Next

Product Additional Info