Fluorescent
Spark
Spark
  • Spark Help Center
    • Start using Spark
      • Migrate your theme
      • Theme licenses
    • FAQs
    • Changelog
  • General
    • Editing themes
      • Adding sections
      • Using templates
      • Accessibility
      • Customizing your site
      • H1 headings tags
      • SEO for Shopify themes
      • Online store speed
    • Image guide
      • Web ready photography
      • Image sizes
      • File formats
      • Theme image settings
    • Adapting theme content
      • Edit default theme content
      • Multiple languages
      • Dynamic content with metafields
      • Unique content for markets
    • Update your theme
      • Upgrade to OS2
  • Theme styles
    • Theme settings
    • Style presets
    • Fonts
    • Colors
    • Animation
    • Buttons
  • Pages
    • Templates
      • About page
      • Blogs page
      • Blog posts template
      • Collections list page
      • Contact page
      • FAQ page
      • Lookbook page
      • Password page
      • Search page
      • 404 page
      • Home page
    • Sections
      • Blog posts
      • Collection list
      • Countdown banner
      • Events
      • Featured collection
      • Featured collection row
      • Featured product
      • Image with features
      • Image with text
      • Inline features
      • Logo list
      • Map
      • Mosaic grid
      • Newsletter
      • Questions and answers
      • Quotes
      • Rich text
      • Shoppable feature
      • Shoppable image
      • Slideshow
      • Social proof
      • Testimonials
      • Text columns with images
      • Video
      • Video hero
    • Popups
  • Header
    • Header
      • Logo
      • Layout and style
      • Transparent header
      • Customer account link
    • Announcement bar
    • Quick search
  • Footer
    • Footer
      • Links block
      • Newsletter block
      • Text and image block
      • Payment icons
      • Language selector
      • Country selector
      • Social media icons
      • Footer text
  • Products
    • Product listings
    • Hover add-to-cart
  • Cart
    • Cart page
    • Fly-out cart
  • Product pages
    • Product template
      • Pre-order template
      • Alternate product template
    • Layout and style
      • Breadcrumbs
      • Navigation buttons
      • Media gallery
      • Quick purchase bar
      • Gift recipient form
    • Product overview blocks
      • Default blocks
        • Title
        • Price
        • Description
        • Variant selector
        • Quantity selector
        • Buy buttons
        • Local pickup banner
        • Share icons
      • Accordion block
      • Complementary products
      • Custom text field
      • Information popup
      • Payment accordion
      • Security accordion
      • Shipping accordion
      • Stock level indicator
      • Text block
      • App blocks
    • Product page sections
      • Product reviews
      • Recommended products
    • Variant options
      • Variant chips
      • Variant swatches
        • Use default colors
        • Use custom colors
        • Use custom images
        • Show on product cards
        • Dynamic option availability
      • Sibling product swatches
  • Collection pages
    • Collection template
    • Banner
    • Product grid
    • Filters and sorting
  • Support
    • Support policy
    • Shopify vs Theme issues
    • Store access requests
  • For developers
    • Custom CSS
    • Custom fonts
    • Custom Liquid
    • Custom JavaScript events
    • Edit Theme JavaScript
Powered by GitBook
On this page
  • Default blocks
  • Feature blocks

Was this helpful?

  1. Product pages

Product overview blocks

Product page template

The Product overview section contains all the blocks that make up your product form, including product information, variant selectors, and buy buttons. You can rearrange or edit these blocks to change the style and layout of your product pages.

Default blocks

The default product blocks in the Product overview are the essential components of your product form. They include the product header, description, variant and quantity selectors, and buy buttons. In the default product block settings, you'll find additional theme features like swatches, chips, and information popups.

Default blocks (guides)
Description

Display title, price, vendor, star rating, and badges.

Display the price of your product, including the sale or compared price.

Display product description as a paragraph or accordion.

Let customers add more quantities of a product.

Social links for sharing your product page.

Border

Add a horizontal line to visually separate product blocks.

SKU

Show the SKU number used to track your product inventory.

Vendor

Show the product vendor (or seller) as added in your Shopify Admin.

Feature blocks

In the Product overview, the feature product blocks offer added functionality for displaying product information and designing the layout.

Click the links below to find help guides for the feature product blocks.

Features blocks (guides)
Description

Add expandable tabs that reveal more text when clicked.

Show customers related products that they can add to the cart.

Add block with custom HTML or Liquid

Add popup product information (ex. Size guide).

Display icons of payment methods and info.

Display message about information and transaction security.

Display shipping info and a shipping estimator button.

Display stock level bar with 'low inventory' alert.

Add a short block of text.


Related links

Last updated 11 months ago

Was this helpful?

Display variants of product options. Includes options for , , and .

Add-to-cart button with optional and . Includes .

Product template
Product page layout
Information popup
Variant swatches
Variant chips
Accordion
Complementary products
Custom Liquid
Information popup
Payment block
Security block
Shipping block
Stock level indicator
Text block
Title
Price
Description
Variant selectors
Quantity selector
Buy buttons
Sticky Add-to-Cart bar
Dynamic checkout button
Local pickup banner
Share icons