Laboratory Product Template for Shopify

A custom, Dawn-compatible product template for laboratory equipment and technical products. It adds a large product hero, purchasing controls, content and technical-specification tabs, and quote and share actions.

Features

• Responsive product hero with Shopify media-gallery support
• Standard product controls for variants, quantity, pricing, and checkout
• Separate content and technical-specification tabs
• Automatic extraction of specification tables from the product description
• Configurable quote email, button labels, reference number, colors, media, and spacing
• Native Web Share API support with a clipboard fallback

Repository structure

assets/
  lab-product.css              Custom layout and responsive styles
  lab-product.js               Tab, specification-table, and sharing behavior
sections/
  main-product-lab.liquid      Product section markup and theme-editor schema
templates/
  product.lab-product.json     Product template configuration

Installation

1. Open a Dawn-compatible Shopify theme.
2. Copy each file into the matching assets, sections, or templates directory.
3. In the Shopify admin, assign the lab-product theme template to the relevant products.
4. Open the theme editor and configure the Laboratory product layout section.

The section uses standard Dawn snippets, scripts, styles, and translation keys, so it is not intended to run as a standalone theme.

Product content

Add normal descriptive content to the product description. Any HTML tables in that description are copied into the Technical specifications tab automatically and hidden from the Content tab.

Configuration

The theme editor provides settings for the hero title, reference number, quote button, share button, quote email, media presentation, color scheme, and section spacing.

All custom storefront labels and repository documentation use English by default. Standard Shopify text continues to follow the active theme locale.