Product page customization in Squarespace is organized into two main components: shop pages and product detail pages. Here's how to customize them effectively:

Shop Pages Customization

Access customization options:

• Click Edit in site preview
• Click paintbrush icon in shop section
• Navigate to Design > Site Styles

Key customizable elements:

• Image width and aspect ratio
• Column spacing and number
• Text alignment
• Add to Cart button visibility
• Price display
• Category navigation placement
• Header text alignment

Product Detail Pages

Layout options:

• Simple: Side-by-side image and description
• Wrap: Images surrounding description
• Half: Split page design
• Full: Full-page carousel

Customizable features:

• Image width and aspect ratio
• Text alignment
• Product navigation style
• Description position
• Add to Cart button placement
• Gallery design (slideshow, stacked, carousel)
• Gallery thumbnail placement
• Hover and click actions
• Image zoom options

Additional Features

Category Navigation:

• Displays after adding categories
• Can show in top bar or sidebar
• Customizable fonts and colors
• Always visible on mobile devices

Product Labels:

• Customizable sold-out labels
• Promotional tags
• Limited availability indicators

Mobile Optimization:

• Vertical stacking of products
• Simplified navigation
• Swipeable product galleries
• Responsive column layouts
• Automatic image aspect ratio adjustment

Colors and Fonts:

• Respect site-wide settings
• Section-specific color options
• Custom font settings for different elements
• Mobile-specific color schemes

The article continues with detailed specifications for different template families and additional customization options for specific features.

Related Articles

Previous Articles