Fluorescent
Eclipse
Eclipse
  • Get started
    • Migrating to Eclipse
    • Theme license
  • FAQs
  • Changelog
    • Update your theme
  • General
    • Editing themes
      • Dynamic content with metafields
      • Edit default theme content
      • Multiple languages
      • Unique content for markets
      • Customizing your site
      • H1 heading tags
    • Image guide
      • Web ready photography
      • Image sizes
      • File formats
      • Theme image settings
    • SEO for Shopify
    • Online store speed
    • Accessibility
  • Theme settings
    • Theme settings
      • Social media
    • Theme styles
    • Fonts
    • Colors
  • Corner rounding
  • Pages
    • Page templates
      • Using templates
      • Customize page styles
      • Create and assign templates
    • Demo layouts
    • About page
    • Home page
    • Blog page
    • Blog post
    • Contact page
    • Password page
    • Search page
  • Sections
    • Sections
      • Using sections
      • Content blocks
    • Blog posts
    • Collapsible content
    • Collection list
    • Contact form
    • Featured collection
    • Featured links
    • Feature product
    • Grid
    • Icon with text columns
    • Image hero
    • Image with text
    • Multi-column
    • Newsletter
    • Rich text
    • Scrolling content
    • Shop the look
    • Shoppable feed
    • Slideshow
    • Video
    • Video hero
    • Video with text
    • Custom Liquid
  • Header
    • Announcement bar
    • Header
      • Layout and style
      • Logo
      • Transparent header
      • Mega menu
      • Language and Currency
    • Impact logo
    • Search
  • Footer
    • Footer
      • Image Text and Socials
      • Links block
      • Newsletter and Socials
      • Language and Currency
      • Custom Liquid
  • Products
    • Product listings
      • Product card styles
      • Sale and sold out badges
      • Quick shopping
    • Prices and currencies
    • Swatches
      • Use default colors
      • Use custom colors
      • Use custom images
  • Product pages
    • Product page
      • Gift card product
    • Media gallery
      • Media grouping
    • Product overview blocks
      • Description
      • Price
      • Buy buttons
      • Collapsible row
      • Complementary products
      • Custom option
      • Featured icon with text
      • Icon with text
      • Inventory status
      • Image block
      • Popup block
      • Product rating
      • Text block
      • Share icons
      • Custom Liquid
    • Variant selector
      • Info popup
    • Sticky add-to-cart
    • Sibling products
    • Product recommendations
  • Collections
    • Collection page
      • Banner
      • Product grid
      • Promotion tiles
      • Filters and sorting
    • Collection list page
  • Cart
    • Cart
    • Free shipping bar
    • Cross sells
  • Popups
    • Popups
  • Support
    • Support policy
    • Shopify vs Theme issues
    • Store access requests
  • Advanced
    • Custom CSS
    • Custom fonts
Powered by GitBook
On this page
  • Customize page style
  • Sticky effect
  • Media gallery
  • Sticky add to cart
  • Product overview blocks
  • Default blocks
  • Content blocks
  • Product recommendations

Was this helpful?

  1. Product pages

Product page

Template

Last updated 4 months ago

Was this helpful?

Product templates control the content, layout, and style of your product pages. In the theme editor, you can customize the product media, product overview, and overall page design.

To modify how products appear in collections and sections, go to the in your theme settings.

Products are created and managed in your Shopify admin. To learn more, refer to .

Customize page style


Click the Product overview section to edit the page colors, spacing, and layout.

Sticky effect


The Sticky effect makes either the gallery or product details remain at the top of the screen when scrolling down. You may want to enable this option to keep the add-to-cart button visible or keep the product images visible.

  • Sticky gallery only applies to thumbnail gallery layouts.

  • Sticky product details applies when the gallery is longer than the product details.

  • Select No sticky effect to disable this option.

Media gallery


Click the Product overview section to customize the layout of your product media.

Sticky add to cart


The Sticky 'Add to cart' allows customers to add a product directly to their cart anywhere on the product page. When the product form's add-to-cart button is not visible, the sticky bar appears at the bottom of the page with an add-to-cart button.

The sticky bar displays the product title, price, image, and variant. Next to the variant, visitors can click the 'Change' link to jump to the variant selectors in the product form.

Click the Product overview section to toggle the Sticky add to cart for Desktop and Mobile.

Product overview blocks


The Product overview section contains all the blocks that make up your product form, including product details, variant selectors, buy buttons, and additional feature blocks.

Default blocks


The Product overview includes blocks for product information and purchasing options. Click a block to find its settings.

Content blocks


Add more blocks with custom content and features for your product page.

Product recommendations


Add a full to your product pages.

Title

Vendor

SKU

Gallery layout

Change the layout, size, position, and shape of your images

Media grouping

Reveal images for the selected variant only.

Collapsible row

Complementary products

Custom options

Featured icon with text

Icon with text

Image

Inventory status

Popup

Product rating

Share icons

Text

Custom Liquid

product recommendations section

Description

Price

Quantity selector

Show or hide quantity label

Variant selector

Buy buttons

product listing options
Shopify's Products manual ↗

(product guide)

Show as collapsible row
Show swatches
Add info popup
Choose button style
Show dynamic checkout buttons
Show pickup availability
Cover

Color scheme

Cover

Section width

Cover

Section padding

Choose selector style
Show discounts
Sale and sold out badges
Shop Pay Instalments