CS23 STUDIOS

Shopify theme documentation

Hammerhead

One system. Every ambition.

Version 1.1.3Flagship campaign, bundle, and comparison command center

Quick start

  1. In Shopify admin, open Online Store → Themes.
  2. Upload the Hammerhead theme ZIP and keep it unpublished while you configure it.
  3. Open the theme editor, add your logo, colors, typography, navigation, products, and collections.
  4. Preview the storefront on desktop and mobile, then test product variants, cart actions, search, and checkout links.
  5. Publish only after your store content, policies, shipping, payments, and domain are ready.

Installation

Upload the original ZIP without extracting it. Shopify installs the theme into the theme library. Configuration and merchant content remain store-specific and are not included in the ZIP.

Before publishing, duplicate the configured theme to create a rollback copy.

Signature features

  • Control-room hero and campaign deck
  • Bundle builder and product comparison systems
  • Lookbook, launch countdown, and command-grid sections
  • Keyboard-accessible command menu and comparison dock

Customization

Brand settings

Use Theme settings to configure brand colors, typography, logo, social links, layout styling, and product-card behavior.

Header and navigation

Create menus in Shopify admin under Content → Menus, then connect them in the Header and Footer sections. Keep mobile labels concise and verify nested menus at narrow widths.

Home page

Assemble the storefront with the Control Hero, Campaigns, Command Grid, Product Deck, Bundles, Comparison, Lookbook, and Countdown sections. Disable any unused system rather than leaving placeholder content visible.

Products and collections

Add complete product media, descriptions, prices, inventory, variants, vendor, product type, and search-engine information. Configure collection filters and sorting in Shopify Search & Discovery where applicable.

Frequently asked questions

Does comparison require an app?

No. Hammerhead's theme-level comparison controls work with product information already rendered by Shopify. They do not require external API access.

Can I use the countdown for any promotion?

Use it only for a genuine campaign or event with a real deadline. Disable the section when no real deadline exists; do not use fabricated urgency or scarcity claims.

Why is Hammerhead heavier than the other themes?

It includes more optional merchandising systems. Remove unused homepage sections and keep product media optimized for the best mobile performance.

Can I add an app block?

Yes. Product and featured-product sections support Shopify app blocks and Custom Liquid insertion points.

Recommended testing

  • Desktop and mobile navigation
  • Product variants and quantities
  • Add to cart, cart updates, and removal
  • Search, collection filtering, and pagination
  • Contact forms and newsletter forms
  • Keyboard navigation and visible focus states

Troubleshooting

Products are missing: confirm the selected collection contains active products available to the Online Store sales channel.

Images look cropped: adjust the section image ratio or focal point and use consistently sized source images.

A menu is empty: select the intended menu in the Header or Footer settings.

Support

Submit theme questions through the CS23 Studios support form. Include Hammerhead 1.1.3, your Shopify store URL, the affected page, steps to reproduce, and screenshots when possible.

We reply within two business days. Theme bugs and compatibility issues are supported; custom development, third-party app configuration, and merchant content entry are outside the included theme support.

Open CS23 Studios support