Product Page Selectors

Use these selectors to target product page (simple layout) 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.

Breadcrumb Navigation

Breadcrumb Navigation Separator (>)

Product Title

Product Price

Product Sale Tag

Product Description

Product Images

Product Thumbnails (Slideshow)

Product Images (Slideshow Arrows)

Product Images (Stacked)

Variant Title

Variant Dropdown

Variant Dropdown Text

Variant Dropdown Arrow (v)

Variant Buttons (Non-Selected)

Varaint Buttons (Selected)

Varaint Buttons (Sold Out / Unavailable)

Quantity Title

Quantity Input Field

Sold Out Text

Add To Cart Button