BC Halo Documentation
  • Greeting
  • Theme Support
  • Full Theme Features
  • Installation
    • Installation
  • Header
    • Header Settings
    • Header Style
    • Store Logo
    • Quick Search
    • Dropdown Menu / Mega Menu
  • Footer
    • Service Block
    • Subscribe Block
    • Footer Settings
    • Footer Style
    • Footer Top
    • Payment Icons
  • Home Electronics
    • Main Carousel
    • Marquee Promotion
    • Featured Categories 1
    • Featured Categories 2
    • Product Block 1
    • Special Product
    • Featured Categories 3
    • Product By Tabs
    • Banner With Text
    • Review Block
    • Product Block 2
    • Recent Posts
    • Featured Brands
  • Product Listing Page
    • Common Settings
    • Categories Top Banner
  • Product Detail Page
    • Common Settings
    • Image Dimension
    • Product Reviews
    • Sold In Last
    • Custom Fields
    • Hot Stock
    • Countdown
    • Sizechart
    • Compare Colors
    • Ask An Expert
    • Frequently Bought Together
    • Product Tabs
    • Product Block
    • Recent Viewed Products
  • Product Card
    • Common Settings
    • Product Badges
  • Checkout Page
    • Common Settings
  • Other Pages
    • Blog/Blog Details Page
    • Brands Page
    • Contact Us Page
  • FAQs Page
  • Other Features
    • Preload Screen
    • Newsletter Signup Popup
    • Recently Viewed Popup
    • Calculate Free Shipping
    • Recently Bought Popup
  • Editing Theme Files
    • Intro
    • Accessing Edit Theme Files
    • Editing Theme Files
    • Saving Theme Files
    • Applying New Theme to Storefront
    • Limitations
  • Knowledge Base
  • Changelog
Powered by GitBook
On this page
  1. Editing Theme Files

Intro

PreviousRecently Bought PopupNextAccessing Edit Theme Files

The Stencil File Editor offers you the option of direct browser access to the code that makes up your theme, without having to install (command-line interface). This is ideal for making minor adjustments to your theme that cannot be done directly within Theme Editor, or for adding scripts to integrate apps.

These instructions cover the basic steps to access template files and edit their HTML/CSS using the in-browser editor. For information about customizing Blueprint themes, see .

This is an advanced feature, and requires knowledge of and . For major design adjustments, or new theme development, we recommend that you or your developer use Stencil CLI, which provides access to all theme files.

Before making large changes we suggest downloading your current theme.

Stencil CLI
Stencil-based themes
Accessing and Customizing Template Files (Blueprint)
HTML/CSS
Handlebars