What's in the box.
Hairrar WordPress Theme is a feature-rich Hair Salon & Beauty Studio HTML5 WordPress theme built on Bootstrap 4, fully compatible with WordPress 6.x with full WooCommerce integration. It ships with 9 page templates, a filterable photo gallery, a full e-commerce module with cart and checkout, a blog module — all controlled from the WordPress admin and Customizer with zero coding required.
Built for WordPress developers, freelancers, and site owners delivering hair salon & beauty studio html5 websites. The theme follows WordPress coding standards throughout: template hierarchy, action and filter hooks, wp_enqueue_scripts for all assets, and a child-theme-ready structure. Every visible element is customisable via the Customizer live preview — no page builder plugin dependency required.
Everything in the Package
- 9 page templates following the WordPress template hierarchy
- WordPress 6.x compatible — tested with the latest WordPress core
- WooCommerce integration — shop, cart, checkout, and order management with overridden WC templates
- Custom Post Types registered via register_post_type() with custom admin columns
- Custom Taxonomies registered via register_taxonomy() with filterable archive templates
- Bootstrap 4 — responsive grid, enqueued via wp_enqueue_style() in functions.php
- WordPress Customizer sections with live preview — colours, hero, social links, and footer settings
- Custom Walker_Nav_Menu for Bootstrap 4 dropdown markup in primary navigation
- Widget areas registered via register_sidebar() — sidebar, footer columns, and feature-specific zones
- Contact Form 7 integration on the contact page template
- Translation-ready — all strings wrapped in __() and _e() with the theme text domain
- Child theme ready — all action and filter hooks documented for safe overrides
- Retina-ready, fully responsive from 320px to 1920px+
- Escaped output throughout — esc_html(), esc_url(), esc_attr(), wp_kses_post() applied correctly
Theme Structure and WordPress Standards
- Template hierarchy: front-page.php, archive.php, single.php, page.php, and custom page templates
- functions.php: add_theme_support(), register_nav_menus(), register_sidebar(), register_post_type(), wp_enqueue_scripts()
- Action hooks: wp_enqueue_scripts, after_setup_theme, widgets_init, init, wp_footer
- Filter hooks: the_content, excerpt_length, excerpt_more, body_class, post_class
- Template parts in template-parts/ — header, footer, content cards, and section partials
- All Customizer settings use sanitize_hex_color(), esc_url_raw(), and sanitize_text_field() callbacks
- Folder structure: inc/, template-parts/, assets/css/, assets/js/, languages/
All 9 Page Templates
- page-home.php / home.php — Salon hero with featured services and portfolio showcase
- page-about-us.php / about-us.php — Salon story and styling philosophy
- page-services.php / services.php — All hair treatments and styling services overview
- page-service-detail.php / service-detail.php — Individual treatment or styling service page
- page-portfolio.php / portfolio.php — Hairstyle and treatment gallery with Isotope filtering
- page-portfolio-detail.php / portfolio-detail.php — Individual style case study
- page-team.php / team.php — Stylist and beauty professional profiles
- page-blog.php / blog.php — Hair care tips and styling inspiration
- page-contact-us.php / contact-us.php — Appointment request, contact form, and map
Key Features
- Bootstrap 4 — responsive, mobile-first grid system
- Services Showcase — all hair and beauty treatments and styling services
- Portfolio Showcase — hairstyle and treatment portfolio with Isotope filtering
- EasyPieChart — animated circular skill charts for styling expertise and treatment proficiency
- CountTo Animated Counters — clients served, styles created, years of experience
- CounterUp Animated Statistics — real-time animated achievement counters
- WOW.js — scroll-triggered entrance animations throughout the template
- Isotope Grid Filtering — filter portfolio by hair treatment or styling category
- Slick Carousel — featured style galleries and client testimonial sliders
- Magnific Popup Lightbox — full-screen hair treatment and gallery image popup
- Team Profiles — hairstylists and beauty professional profiles
- Contact Section — salon contact form and location details
Customizer Controls
- Hero Section — background image upload, headline text, subheading, and CTA button settings
- Colour Settings — primary accent colour, background colour, and card colour with live preview
- Social Links — all major social platform URL fields with live header/footer update
- Footer — copyright text, footer logo upload, and footer widget area configuration
- Typography — Google Fonts selector for heading and body font pairing
- All settings use proper sanitize callbacks — no unsanitised values stored in wp_options
Use Cases
- Hair Salon & Beauty Studio HTML5 Site Owners: Manage all content from the WordPress admin — no coding required after installation
- WordPress Developers: Child-theme-ready hooks, WooCommerce support, and translation-ready strings — built to extend
- Freelancers and Agencies: Deliver a hair salon & beauty studio html5 WordPress site to clients with Customizer control over all design settings
- Non-Technical Clients: Full Customizer live preview, widget areas, and Custom Post Types — empowers clients to self-manage
Credits and Dependencies
- WordPress 6.x — GPLv2 License
- WooCommerce — GPLv3 License
- Bootstrap 4 — MIT License
- Advanced Custom Fields (ACF) Free — GPLv2 License
- Contact Form 7 — GPLv2 License
- Slick — MIT License
- Isotope — MIT License
- WOW — MIT License
- CounterUp — MIT License
- Magnific — MIT License
- Lightbox — MIT License
- Chart — MIT License
- Font Awesome 6 — Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT
- Google Fonts — SIL Open Font License
- Demo images: Unsplash — Unsplash License (free for commercial use, no attribution required)
- Demo images: Freepik — Freepik License (free for commercial use with attribution)
- All demo images are for preview purposes only and are NOT included in the download.
Buyer’s guideHair Salon Website Template: Complete Guide (2026) — see how Hairrar compares with the alternatives.
Hairrar in other formats
The same design, built natively in each stack. Every format is its own product with its own demo, documentation, download and reviews.
-
HairrarHTML5
$15
$49View HTML5 → -
HairrarReact
$22
$49View React → -
HairrarVue.js
$19
$49View Vue.js → -
HairrarAngular
$27
$49View Angular → -
This page HairrarWordPress $46
$49You are viewing it -
HairrarPHP
$24
$49View PHP → -
HairrarAI Smart Website
$2,699
$2,969View AI Smart Website → -
Save 20%
Developer bundleAll 6 code formats
$122.40
$153View bundle →
What's changed.
- WordPress 6.x compatible with Bootstrap 4 and Walker_Nav_Menu
- 9 page templates following the WordPress template hierarchy
- Custom Post Types and Custom Taxonomies with archive templates
- Full WordPress Customizer integration with live preview
- WooCommerce template overrides u2014 shop, cart, checkout, single product
- Contact Form 7 integration on contact page template
- Translation-ready u2014 all strings use __() with theme text domain
- Child theme ready u2014 all hooks documented
- Escaped output throughout u2014 esc_html(), esc_url(), wp_kses_post()
Need Hairrar installed or customized?
Fixed prices, done by the developers who built this template. Pick a service and we take it from there.
- Theme installation
- Color scheme customization
- Speed optimization
- 1-hour web development








Reviews
There are no reviews yet.