Fluorescent
Context
Context
  • Context Help Center
    • ⚠️Theme retirement
    • FAQs
    • Theme updates
      • Upgrade to OS2
    • Changelog
  • General
    • Editing themes
      • Adding sections
      • Using templates
      • Accessibility
      • Customizing your site
      • Online store speed
    • Image guide
      • Web ready photography
      • Image sizes
      • File formats
      • Theme image settings
    • Adapting your theme
      • Edit default theme content
      • Multiple languages
      • Dynamic content with metafields
      • Unique content for markets
  • Theme styles
    • Theme settings
    • Style presets
    • Fonts
    • Colors
  • Pages
    • Templates
      • About page
      • Blogs page
      • Blog posts template
      • Collections list page
      • Contact page
      • Password page
      • Search page
      • 404 page
      • Home page
    • Announcement bar
    • Header
      • Logo
      • Layout and style
      • Mega navigation
      • Transparent header
      • Quick search
      • Customer account link
    • Footer
      • Links block
      • Text block
      • Language selector
      • Country selector
      • Payment icons
      • Social media icons
      • Footer text
  • Sections
    • Theme sections
      • Blog posts
      • Collection list
      • Featured collection
      • Featured product
      • Full width image
      • Image with text
      • Map
      • Mosaic grid (2 columns)
      • Mosaic grid (3 columns)
      • Newsletter
      • Quotes
      • Rich text
      • Slideshow
      • Social media icons
      • Text columns with images
      • Video
      • Video hero
    • Popups
  • Product pages
    • Product template
    • Product page blocks
      • Default blocks
        • Title
        • Price
        • Description
        • Variant selector
        • Quantity selector
        • Buy buttons
        • Local pickup banner
        • Share icons
      • Accordion block
      • Information popup
      • Stock level indicator
      • Text block
      • App blocks
    • Product page sections
      • Complementary products
      • Product reviews
      • Recommended products
      • Recently viewed products
      • Product image grid
    • Variant swatches
      • Enable swatches
      • Use default colors
      • Use custom images
      • Show on collection pages
  • Collection pages
    • Collection template
    • Banner
    • Product grid
    • Filters and sorting
  • Cart
    • Cart
    • Quick shop
  • Support
    • Support policy
    • Shopify vs Theme issues
    • Store access requests
  • For developers
    • Custom CSS
    • Custom Liquid
    • Edit Theme JavaScript
Powered by GitBook
On this page
  • Quick setup
  • Product overview blocks
  • Product page sections
  • Show unit pricing
  • Gift recipient form
  • Set up gift card product
  • Enable gift recipient form

Was this helpful?

  1. Product pages

Product template

Last updated 1 year ago

Was this helpful?

Theme retirement | Context is no longer available on the Shopify theme store. Theme support and updates for current users will end after May 18, 2024. .

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 with Context's theme settings and sections.

This guide provides an overview of product page templates and features, with links to tutorials for product page styles, blocks, and sections.

Shopify | Creating and managing products is a Shopify feature. Themes provide templates to style your product pages created in your Shopify admin. See Shopify's to learn more.

Quick setup

Product templates have a preset layout with a Product overview section that includes blocks for product details, variant selectors, buy buttons, and additional features like complementary products and an information popup.

Use the Templates selector in the theme editor to open a product template. You can modify the page style and layout, product overview blocks, and further customize the page with theme sections.

Product overview blocks

The Product overview section is made of default and custom blocks that you can edit and rearrange.

See the or jump to a part of the guide by clicking the links below.

Default blocks (guides)
Description

Title

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

Price

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.

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.

Add block with custom HTML or Liquid

Add popup product information (ex. Size guide).

Display stock level bar with 'low inventory' alert.

Add a short block of text.

Border

Add a horizontal line to visually separate product blocks.

Spacer

Insert a margin of space between blocks.

Product page sections

Product page sections are added outside the product overview (below or above). Use theme sections to add more functionality and further customize the layout of your product pages.

We recommend starting by hiding or removing the default sections you don't want to use.

Product section (guides)
Description

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

Display your product media in a grid below or above the product form.

Display recommend products.

Display customer reviews with Shopify's Review app. (Note: Shopify's review app has been delisted. This option is available for stores that have previously downloaded the app.)

Display rows of products that the customer has viewed on your site

Use theme sections to customize the page layout.

Show unit pricing

To display a Unit price, check the Show unit price for this variant checkbox in the Pricing section of your desired product in your Shopify admin. Context will automatically display the unit price. No code snippets are necessary.

Gift recipient form

On Gift card product pages, you can allow customers to send gift cards to a recipient's email on a scheduled date with an optional message.

Set up gift card product

The Recipient information form appears on gift card product pages, so make sure you've set up a gift card product in your Shopify admin. Go Products > Gift cards to view or create a gift card product.

STEPS: Create gift card product

In your Shopify admin:

  1. Click Products > Gift cards.

  2. Click Add gift card product.

  3. Click Save.

Enable gift recipient form

In the Product overview section settings, select the Show recipient information form for gift cards option.

STEPS

In the theme editor (Customize):

  1. Open the Product template.

  2. Click the Product overview section to open the settings.

  3. Under Gift card, select Show recipient information form for gift cards.

  4. Click Save.

Display variants of product options. Includes options for and .

Add-to-cart button with optional . Includes .

Context supports Shopify's Unit pricing feature, which is available only in France and Germany. You can learn more about this feature from Shopify's documentation.

Shopify Gift card products are a Shopify feature. See their to learn more, and contact for related questions.

Set up your product details, including a title, description, product media, and denominations. See Shopify's to learn more.

Learn more here
Products manual
Default product blocks guide
Unit pricing
Gift card guide
Shopify support
Gift card guide
Information popup
Variant swatches
Accordion
Custom Liquid
Information popup
Stock level indicator
Text block
Complementary products
Product image grid
Product recommendations
Recently viewed products
Theme sections
Product reviews
Description
Variant selectors
Quantity selector
Buy buttons
Dynamic checkout button
Local pickup banner
Share icons