Theme Component Index
This page displays all available sections and snippets in the CP Addict theme for development reference.
SECTIONS
All Theme Sections
Layout & Structure Sections
- header.liquid - Main site header with navigation
- footer.liquid - Site footer
- announcement-bar.liquid - Top announcement banner
- promo-bar.liquid - Promotional banner
Homepage & Banner Sections
- image-banner.liquid - Hero image with text overlay
- hero-video.liquid - Video hero section
- slideshow.liquid - Image carousel
- email-signup-banner.liquid - Newsletter signup banner
- scheduled-banner-images.liquid - Time-based banner rotation
Product Sections
- main-product.liquid - Product detail page
- featured-product.liquid - Featured product showcase
- related-products.liquid - Product recommendations
- pickup-availability.liquid - Store pickup options
Collection & Product Grid Sections
- main-collection-product-grid.liquid - Collection product listing
- main-collection-banner.liquid - Collection page header
- featured-collection.liquid - Featured collection display
- collection-list.liquid - Multiple collections display
- main-list-collections.liquid - All collections page
Cart Sections
- cart-drawer.liquid - Slide-out cart
- main-cart-items.liquid - Cart line items
- main-cart-footer.liquid - Cart totals and checkout
- cart-notification-product.liquid - Add to cart notification
- cart-notification-button.liquid - Cart notification actions
- cart-icon-bubble.liquid - Cart icon badge
- cart-live-region-text.liquid - Accessibility cart updates
Blog Sections
- main-blog.liquid - Blog index page
- main-new-blog.liquid - Alternative blog layout
- main-article.liquid - Blog post page
- main-article-new.liquid - Alternative article layout
- featured-blog.liquid - Featured blog posts
- blog-posts.liquid - Blog post listing
Customer Account Sections
- main-account.liquid - Account dashboard
- main-login.liquid - Login page
- main-register.liquid - Registration page
- main-activate-account.liquid - Account activation
- main-reset-password.liquid - Password reset
- main-addresses.liquid - Address management
- main-order.liquid - Order details page
Content & Layout Sections
- rich-text.liquid - Formatted text content
- image-with-text.liquid - Text + image combo
- multicolumn.liquid - Column layout
- multirow.liquid - Row layout
- collage.liquid - Image collage
- collapsible-content.liquid - Accordion content
- accordion.liquid - FAQ accordion
- video.liquid - Video embed
Custom CP Addict Sections
- brands.liquid - Brand showcase
- categories.liquid - Category navigation
- careers-form.liquid - Job application form
- general-info-form.liquid - General contact form
- sell-contact-form.liquid - Sell cores form
- contact-form.liquid - Standard contact form
- contact-form-section.liquid - Contact form variant
Utility & Special Sections
- main-search.liquid - Search results
- predictive-search.liquid - Live search dropdown
- main-page.liquid - Generic page template
- main-404.liquid - Error page
- custom-liquid.liquid - Custom code section
- newsletter.liquid - Newsletter signup
- apps.liquid - App embed section
- details.liquid - Details component
- page.liquid - Page section
Password Page Sections
- main-password-header.liquid - Password page header
- main-password-footer.liquid - Password page footer
Shogun Page Builder Sections
- shogun-home.liquid - Shogun homepage
- shogun-above.liquid - Content above Shogun
- shogun-below.liquid - Content below Shogun
- shogun-helper.liquid - Shogun utilities
- shogun-optimizer.liquid - Shogun optimization
- shogun-custom-html.liquid - Custom HTML section
- shogun-custom-68af8ecd03a6b55d8bcea1b3.liquid - Custom Shogun section
SNIPPETS
All Theme Snippets
Icon Snippets
- icon-3d-model.liquid
- icon-accordion.liquid
- icon-account.liquid
- icon-arrow.liquid
- icon-caret.liquid
- icon-caret-slider.liquid
- icon-cart.liquid
- icon-cart-empty.liquid
- icon-checkmark.liquid
- icon-clipboard.liquid
- icon-close.liquid
- icon-close-small.liquid
- icon-discount.liquid
- icon-error.liquid
- icon-eye.liquid
- icon-filter.liquid
- icon-fire.liquid
- icon-hamburger.liquid
- icon-minus.liquid
- icon-padlock.liquid
- icon-pause.liquid
- icon-play.liquid
- icon-plus.liquid
- icon-remove.liquid
- icon-share.liquid
- icon-success.liquid
- icon-tick.liquid
- icon-unavailable.liquid
- icon-zoom.liquid
- icon.liquid (generic icon handler)
Product Snippets
- card-product.liquid - Product card component
- card-product-old.liquid - Legacy product card
- custom-card-product-badge.liquid - Product badges
- buy-buttons.liquid - Add to cart buttons
- product-variant-picker.liquid - Variant selection
- product-variant-options.liquid - Variant options
- product-custom-options.liquid - Custom product options
- product-media.liquid - Product media handler
- product-media-gallery.liquid - Media gallery
- product-media-modal.liquid - Media lightbox
- product-thumbnail.liquid - Product thumbnails
- price.liquid - Price display
- pairs-well-with.liquid - Product recommendations
Cart Snippets
- cart-drawer.liquid - Cart drawer component
- cart-notification.liquid - Cart notification modal
Content & Layout Snippets
- article-card.liquid - Blog post card
- article-banner.liquid - Article header
- card-collection.liquid - Collection card
- breadcrumb.liquid - Breadcrumb navigation
- pagination.liquid - Page navigation
- facets.liquid - Product filters
- share-button.liquid - Social sharing
- icon-with-text.liquid - Icon + text component
Email & Newsletter Snippets
- email-signup-banner-background.liquid - Desktop background
- email-signup-banner-background-mobile.liquid - Mobile background
Utility Snippets
- meta-tags.liquid - SEO metadata
- modal-contact.liquid - Contact modal
- main-404.liquid - 404 error content
- sitemap.liquid - Site navigation
- gift-card-progress-bar.liquid - Gift card balance
- insurance-logo.liquid - Insurance badge
Third-Party Integration Snippets
- Avada Apps
- avada-boost-sales.liquid
- avada-enhancements.liquid
- avada-badgeV2footer-status.liquid
- avada-bs-fsb-setting-status.liquid
- avada-sales-pop-status.liquid
- avada-sales-pop-v2-status.liquid
- HulkApps Wishlist
- hulkapps-wishlist-account-btn.liquid
- hulkapps-wishlist-cart-btn.liquid
- hulkapps-wishlist-collection-btn.liquid
- hulkapps-wishlist-header-icon.liquid
- hulkapps-wishlist-saveforlater-allitems.liquid
- hulkappsWishlistPopup.liquid
- Swym
- swymSnippet.liquid
- Shogun
- shogun-content-handler.liquid
- shogun-head.liquid
- shogun-products.liquid
- Bundle/Bundler
- bundle-options.liquid
- bundler-helper.liquid
Developer Notes
Sections vs Snippets
Sections are standalone, configurable theme components that can be added/removed via the theme editor. They contain their own schema for settings.
Snippets are reusable code fragments that can be included within sections or templates. They don't have their own schema.
Custom Features
- Vehicle-specific pages (Bumpside, Dentside models)
- Custom contact forms (careers, general info, sell cores)
- Shogun page builder integration
- Third-party app integrations (Avada, HulkApps, Swym)
Best Practices
- Use sections for configurable, standalone components
- Use snippets for reusable code fragments
- Follow Dawn theme conventions for consistency
- Test changes in a development theme first