Skip to main content

Cold Steel Retail Site

The Cold Steel retail e-commerce site built on BigCommerce Stencil platform.

Site Information​

  • URL: https://www.coldsteel.com
  • Platform: BigCommerce Stencil
  • Theme: Elevate v1.9.21 by Above & Beyond Web Design
  • Store Hash: Referenced in context as storeHash
  • Current Version: Theme v1.7.45 (package.json), Config v1.9.21

Key Features​

E-Commerce Features​

  • BigCommerce Page Builder support for drag-and-drop customization
  • Swatch Colors displayed on category pages
  • Product Photo Cycling on category level
  • Sticky Header navigation
  • Multi-Column Mega Menu (configurable 3-8 columns)
  • Accordion Sidebar Category Menu
  • Quick View product modal
  • Cart Preview dropdown
  • Advanced Search with quick results
  • Persistent Cart functionality
  • Product Comparison tables
  • Wishlist functionality

Custom Features​

  • Custom Engraving Tool with live canvas preview
  • GSM Outdoors API Integration for engraving
  • Product-Specific Content directories
  • Custom Swiper Carousels for CTAs and featured products
  • Klaviyo Email Marketing integration
  • Buy Now Pay Later options (Klarna, Sezzle)

Payment & Checkout​

  • American Express
  • Discover
  • Mastercard
  • Visa
  • PayPal
  • Amazon Pay
  • Google Pay
  • Klarna (financing)
  • Sezzle (financing)

Technical Architecture​

coldsteel.com/
├── assets/
│   ├── dist/          # Webpack compiled bundles
│   ├── fonts/         # Custom fonts (icomoon)
│   ├── icons/         # SVG icon sprites
│   ├── img/           # Static images
│   ├── js/
│   │   ├── app.js     # Main application entry
│   │   ├── suma.js    # SUMA integration (Preact)
│   │   ├── theme/     # Theme-specific modules
│   │   │   ├── coldsteel/  # Custom Cold Steel features
│   │   │   ├── elevate/    # Elevate theme features
│   │   │   └── engraving/  # Engraving tool modules
│   └── scss/          # Theme styles
├── content/           # Product-specific content
├── lang/              # Translation files
├── templates/
│   ├── coldsteel/     # Custom Cold Steel templates
│   ├── components/    # Reusable components
│   │   ├── common/
│   │   ├── elevate/
│   │   └── products/
│   ├── layout/        # Base layout templates
│   └── pages/         # Page-level templates
├── config.json        # Theme configuration
├── manifest.json      # Widget regions definition
├── schema.json        # Customizer settings
└── package.json       # Dependencies

Documentation Sections​

  1. Architecture - Platform architecture and structure
  2. Theme - Elevate theme customizations
  3. Engraving Tool - Custom engraving functionality
  4. Integrations - Third-party integrations
  5. Development - Development setup and workflow
  6. Build Process - Webpack and Grunt configuration