Ghost Plugins

View Original

Product Page (Half Layout)

See this content in the original post

Product Page Selectors

Use these selectors to target product page (half 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

See this content in the original post

Breadcrumb Navigation Separator (>)

See this content in the original post

Product Title

See this content in the original post

Product Price

See this content in the original post

Product Sale Tag

See this content in the original post

Product Description

See this content in the original post

Product Images

See this content in the original post

Product Gallery (Left Arrow)

See this content in the original post

Product Gallery (Right Arrow)

See this content in the original post

Variant Title

See this content in the original post

Variant Dropdown

See this content in the original post

Variant Dropdown Text

See this content in the original post

Variant Dropdown Arrow (v)

See this content in the original post

Quantity Title

See this content in the original post

Quantity Input Field

See this content in the original post

Sold Out Text

See this content in the original post

Add To Cart Button

See this content in the original post

See this content in the original post