JoomShaper Barber - Joomla Template

A Practical Guide to Setting Up and Launching JoomShaper Barber

JoomShaper Barber is best viewed not as a finished homepage mockup, but as a starter kit for a barbershop, hair salon, or beauty studio website on Joomla. In this guide, we will walk through how to approach installation safely, when to choose Quickstart versus a standard template package, which settings to check after launch, and how to turn the demo homepage into a working site with services, pricing, staff profiles, a gallery, and a clear contact or booking action.

This guide is written for site owners, Joomla administrators, and webmasters who already have the template archive and want to understand how to work with it from there. It does not repeat the product sales copy. Instead, it follows the real process: hosting preparation, installation, Template Style setup, menus, modules, SP Page Builder pages, result verification, and troubleshooting common issues.

Special attention should be paid to the fact that Barber is built around Helix Ultimate and SP Page Builder Pro. That means the homepage design is edited not only through standard Joomla settings, but through the combination of template style, module positions, menus, and page builder pages. If you overlook that relationship, the site often looks almost right, but some sections end up in the wrong place, the mobile menu behaves oddly, and replacing demo content without breaking the structure becomes much harder.

It is most useful to read the guide as a working roadmap: first verify the installation scenario, then configure the site shell, then replace the content, and only after that move on to refinements. That order reduces the risk of accidentally breaking the demo structure when the site is already close to publication.

If you are building the site for a client, keep this roadmap as an acceptance checklist. It helps separate visual preferences from the technical checks that are actually required.

Where Barber Actually Solves a Salon Website Need

The template's main purpose is to help you quickly assemble a service-focused presentation site where visitors can see the brand style, understand the list of services, check pricing, meet the team, and find a clear path to booking. That makes Barber especially useful where visual presentation matters: barbershops, men's salons, hair studios, grooming studios, small spa rooms, makeup artists, cosmetologists, or teams of stylists.

Inside the template, there are pages and sections that map directly to that niche: homepage variations, service lists with pricing, a work gallery, specialist team profiles, an about page, a blog or resources section, a contact page, login and registration forms, a subscription block, and a quick booking call to action. This does not replace a full online booking system if you need one, but it does give you a clear interface that can guide visitors to a contact form, phone number, dedicated booking component, or external service.

Barber's strongest advantage is its ready-made customer journey structure. Visitors should not have to hunt for prices, wonder who the stylist is, or guess how to book. Those elements are already built into the demo logic. The administrator's job is to replace the demo data with real information without breaking the connections between menus, pages, and modules.

Who the Template Is a Good Fit For

Barber is worth considering if you need a site that launches quickly and presents services visually, rather than a complex portal. It works well for small salons, local businesses, freelance professionals, beauty studios, agencies building client sites in this niche, and Joomla administrators who find it easier to start from a ready-made demo set than build a homepage from scratch.

The template is also especially useful if the team already has content ready: interior photos, haircut portfolio images, a service list, pricing, staff profiles, contact details, business hours, and 5 to 10 short blog or resource posts. Without that, Barber will still install, but the page will look like a demo instead of a real business website.

When It Makes More Sense to Choose Something Else

If the project needs advanced online booking with staff schedules, prepayments, customer accounts, shift management, and automated notifications, a template alone will not be enough. Barber can still serve as the public-facing website, but the actual booking workflow will need to be added through a separate Joomla component or an external service. The same applies to cosmetics ecommerce, membership programs, large service catalogs, and multi-location businesses that need separate admin access for each branch.

Another reason to consider a different option is a strict requirement for a highly distinctive visual identity. Barber already has a recognizable style: a light hero section, large photography, refined typography, a black schedule block, warm accents, and an editorial presentation of services. If the client's brand calls for a completely different visual language, the template can be adapted, but in some cases it is faster to start with a more neutral framework and build the design from scratch.

What to Check Before Installing It on Joomla

Before installation, do not rush into uploading the archive to a live site. Barber is tied to Joomla, Helix Ultimate, and SP Page Builder Pro, so a mistake during preparation often shows up later: the editor does not open, settings do not apply, Quickstart runs out of memory during installation, the form does not send email, or some demo blocks appear empty.

The official Barber documentation lists requirements for PHP, the database, upload limits, memory, execution time, and cURL support. You do not need to memorize every number, but you do need to understand the principle: Quickstart is not a small template package. It is a full demo site with Joomla, components, modules, and data. That means it requires a clean environment, a reasonable memory limit, and a separate database, especially if you are installing it on hosting rather than locally.

Mini Checklist for the Administrator

• Make sure your Joomla and PHP versions match the official requirements for the template and the SP Page Builder version in use.
• Create a backup if you are not working on a clean staging domain.
• Prepare a separate database for Quickstart if you want a site that matches the demo.
• Confirm that folder permissions allow Joomla to write files, cache, and images.
• Gather the logo, staff photos, service list, prices, contact details, and copy for the main sections in advance.
• Decide whether you need the full demo site or just the template styling for an existing Joomla project.

Content Before Installation: Why It Is Part of Technical Preparation

For a salon template, content affects technical setup more than it may seem. A long service name changes card height, a horizontal price list may become unreadable on a phone, a staff photo with a different aspect ratio can break the grid, and an undefined CTA forces the administrator to use temporary links. So before installation, prepare not only the server, but also the content package.

Minimum Set for the First Launch

For the first version of the site, one homepage, a services page, a team page, a gallery, and a contact page are enough. Within that set, you need real service names, short descriptions, working contact details, 3 to 5 interior or portfolio photos, 2 to 4 staff profiles, and a clear booking link. Everything else can be expanded after launch.

What You Should Not Carry Over from the Demo

Do not leave demo phone numbers, email addresses, business hours, pricing, or names in place. Those details may seem minor, but they are exactly the kind of information that ends up in snippets, reposts, client screenshots, and cached copies. Before showing the site to a client, do a separate pass through every page where placeholder data might still remain.

The main fork in the road is simple: Quickstart is installed on a clean environment, while the standard Template Pack is installed on an existing site. If you mix up those scenarios, you may either miss the full demo structure or try to install a complete site where only a template should go.

Quickstart, Template Pack, and SP Page Builder: Which Installation Do You Need?

Barber supports several practical installation scenarios. The one closest to the demo is Quickstart. It deploys a full Joomla site with the selected template, demo pages, Helix Ultimate, configuration, modules, and data. This option is appropriate when you want to see a working structure, replace the content, and keep the composition mostly intact.

Template Pack is a different path. It installs only the template as the site's visual layer. It will not create service pages, a gallery, menus, modules, or builder pages for you. This is a good choice for an existing Joomla project where the content, menus, and components are already in place and you want to apply Barber as the visual shell. But for beginners, this route is harder because the structure, positions, and pages must be recreated manually.

SP Page Builder Pro matters because Barber's pages are built with the page builder. In Quickstart it is already included as part of the demo package, but a standalone Template Pack does not necessarily include a separate full version of the builder. So after installing the standard template, verify that your project has a working SP Page Builder setup and that its capabilities match what you need for editing the pages.

How to Install Quickstart with Minimal Risk

Quickstart is installed like Joomla itself, not through the extension manager. Prepare a clean directory and a separate database, extract the archive, upload the files to the server, and open the domain in your browser. During installation, avoid an obvious administrator username, verify the database settings, and wait for the confirmation that installation completed successfully.

When the process is done, remove the installation files, sign in to the admin panel, open system information, and check folder permissions. Then view the public site without an administrator session. If the demo looks complete, move on to replacing the content. If some blocks are missing, check the modules and pages first instead of jumping straight into CSS edits.

When to Install Only the Template Pack

The standard package makes sense if the site is already running on Joomla and you already have your own pages, menus, contact form, blog, and media. In this scenario, after installing the template, you need to assign it as the default style or link it to specific menu items, then configure the module positions and manually build the pages in SP Page Builder.

For an existing site, it is important to create a staging clone. Do not switch the template on the live domain right away if you do not know where modules are published, which menu items control the homepage, or which components output contacts or articles. In Joomla, design is tied to template styles and menu items, so one incorrect assignment can change not only the homepage but inner pages as well.

How Not to Lose the Demo Logic After Installation

After a successful Quickstart installation, do not begin by deleting every block you do not need yet. First, create a copy of the homepage or preserve the original state in a backup. Then disable sections one by one and immediately verify that you did not remove a linked navigation item, button, or menu link. In a salon template, blocks often work as a chain: the hero leads to services, services lead to the team, the team builds trust, and the contact block completes the journey.

The best first step after installation is inventory, not redesign. Record which pages exist in SP Page Builder, which menu items point to them, which modules are published in the header, footer, and offcanvas areas, and which images are used in the homepage showcase. That map will save hours later when you need to figure out why a button disappeared or why a link points to the wrong page.

Barber Homepage Variations and Content Logic

The template includes ready-made homepage variations for different visual approaches. The official Barber documentation describes versions for barber and salon scenarios: one emphasizes a light hero section and horizontal service exploration, while another uses a darker presentation and vertical package comparison. In practice, the choice should depend not on the administrator's taste, but on how the client makes decisions.

If the salon sells services that are quick to understand, such as haircuts, shaving, beard care, children's haircuts, or styling, a light homepage with a clear CTA and horizontal content blocks helps visitors move quickly to pricing or booking. If the business offers many packages, longer procedures, bundled treatments, or premium programs, the version with vertical comparison may be more effective because visitors can see the lineup of offers and compare service bundles more easily.

Which Blocks Should Never Be Left with Demo Text

Start by replacing not every line of text, but the elements that directly affect trust and action. The hero headline, CTA, business hours, phone number, prices, staff names, photos, map, and contact details should all be real before the site gets indexed or shown to a client. The blog, resources, and FAQ can be filled gradually, but the service cards and team information should be accurate from day one.

Do not change the homepage structure until you understand the demo logic. First identify which blocks control the hero section, business hours, services, staff, gallery, testimonials, resources, and contacts. Only then decide what to remove, what to move, and where an image should be replaced.

How to Work with Services and Pricing

The services block in Barber works best as a showcase of solutions rather than a full price list. On the homepage, highlight the key services that help visitors understand the level of the salon: haircut, shave, beard care, package service, children's service, stylist consultation. A full price list can live on a separate page or inside expandable sections if you offer many services.

For each service item, it helps to prepare three layers: a short name, what the procedure includes, and guidance for the user's next step. Even if prices change, the structure should remain easy to read. In SP Page Builder, these blocks are convenient to edit as repeatable sections, but after each change you need to check not only the desktop view but the mobile version too, because long service names can break the grid rhythm.

How to Connect Resources and the Blog to Service Conversion

The resources section in Barber should not turn into a random blog. For a salon, it works as a bridge between interest and booking. For example, an article about choosing a beard shape should lead to the related service, a post about preparing for hair coloring should lead to a consultation, and a collection of care tips should point to a stylist or contact form. That way, the blog stops being decorative and starts helping visitors make a decision.

Review each post using a simple framework: what customer question does it answer, which service does it relate to, and is there a clear next step at the end. If there is no next step, the article may attract traffic but still fail to help the site. For Barber, five useful service-related articles are better than thirty short news posts with no path to action.

Template Styles, Menus, and Module Positions After Installation

After Barber is installed, the real work begins across Joomla System, Site Template Styles, Modules, Menus, and SP Page Builder pages. These areas cannot be configured in isolation. Template Style controls the overall behavior of the template, Helix Options handles the logo, header, footer, layout, menu, typography, custom code, and other settings, while Modules and Menus determine where a specific block appears on the site.

Module positions are especially important in Barber. The official documentation includes a separate page on layout and module positions, emphasizing that positions can be moved and changed through Layout Builder. This means that when a block disappears, you do not always need to look for it in SP Page Builder. It may be a standard Joomla module published in a position that is not shown for the current menu item or is hidden by layout settings.

Initial Setup Order

1. Open System and go to the site template styles section.
2. Find the Barber style that is used as the main style and open the template parameters.
3. Replace the logo, check the logo alt text, favicon, logo height, and sticky header behavior.
4. Check the menu: the active homepage item, dropdown items, the header CTA, and the off-canvas menu for mobile screens.
5. Open the module list and filter the published positions related to the header, footer, offcanvas, contact, schedule, and other blocks.
6. Go to SP Page Builder and review the pages responsible for Home, Services, About, Team, Gallery, Resources, and Contact.
7. Clear the Joomla and browser cache, then check the public site without an admin session.

Why Menus and Modules Depend on Menu Items

In Joomla, a module can be published not only in a position, but also for specific menu items. So when the situation is "the module is enabled, but it does not appear on the page," the cause is often not a broken template, but a menu assignment issue. Check the module assignment tab, the active menu item for the current page, and the Template Style selected for that menu item.

If you need different homepage variants or different color styles for specific sections, create a copy of the Template Style and assign it to the required menu items. That is safer than changing one shared style and unexpectedly ending up with a different header across the whole site. After making that kind of change, check not only the homepage, but also the service page, blog, single article page, contact page, and 404 page.

A Working Post-Install Settings Map

To avoid jumping around the admin panel at random, it is easier to handle setup in several passes. The first pass is the shell: logo, favicon, header, footer, contact elements, and base typography. The second pass is navigation: menu items, dropdowns, CTA, off-canvas behavior, and menu assignments. The third pass is content: SP Page Builder pages, images, services, team, gallery, resources. The fourth pass is technical review: cache, permissions, metadata, responsiveness, and speed.

What to Enable Only When There Is a Real Need

Do not enable sticky header, preloader, complex dropdown animations, or extra off-canvas elements just because the settings are available. A sticky header helps only if the menu is short and does not cover the content. A preloader rarely improves the experience if the real issue is heavy images. Menu animations should stay subtle, especially on a service-based site where visitors come to find pricing and book, not to admire effects.

How to Roll Back Questionable Settings Safely

Before changing the Template Style, create a copy of the style or at least note the original value. After that, save one setting at a time and review the public site. If you are changing the layout or module positions, do not delete the old row immediately. Disable it or move it, check the result, and only then decide whether to keep the change. This slower approach is still faster than trying to undo a pile of random edits.

Editing Pages in SP Page Builder Without Breaking the Demo Structure

Barber's pages are built in SP Page Builder, so content sections are best changed through the builder rather than by directly editing template files. Work in sequence: first duplicate the page or section, then change the text, images, and links, and only after that verify the result on the live front end. If the edit fails, it is much easier to roll back to a copy than to rebuild the structure from scratch.

In the SP Page Builder pages panel, you can create new pages, manage published pages, duplicate them, add them to menus, and open a preview. For Barber, this is especially useful in two cases: when you need a dedicated service page, and when you want to experiment with blocks without damaging the current homepage.

The builder editor and the public site need to be checked separately. A section may look correct in the editor, but the public page also depends on the template style, menu assignments, published modules, cache, and access permissions. After every major change, open the page as a regular visitor.

Hero and CTA

The hero block defines the site's first promise. In the Barber reference, it is a large area with a bold headline, a calm white background, a menu, and a button. For a real salon, it is better to write a specific action instead of a generic slogan: browse services, choose a stylist, book a haircut, view pricing. The button should lead to the place where the visitor can actually take the next step, whether that is a contact form, schedule block, booking page, or external service.

Services, Pricing, and Packages

Do not leave random demo items inside the service blocks. Group the offers according to customer logic: quick services, bundled packages, care treatments, consultations, gift certificates. If pricing depends on the stylist or hair length, do not pretend it is always fixed. It is better to show a range or explain it on the service page, while keeping only a short reference on the homepage.

Team and Trust

A staff page works only when it includes real people, clear specialties, and an understandable reason to choose a particular professional. For each team member, prepare a photo in a consistent style, a name, a role, one or two strong focus areas, and a booking link if one exists. Add social links only if they actually work. Otherwise, it is better to remove the icon than send visitors to an empty profile.

Gallery and Resources

The Barber gallery should not show everything. It should show work results and the salon atmosphere. The resources section can be used for care advice, style roundups, procedure explanations, and answers to common questions. It matters not only for SEO, but for trust as well: visitors can see that the salon understands its services and helps clients prepare for their visit.

Practical Example: Launching a Barbershop Homepage

Let us walk through a practical scenario: you need to launch a homepage for a local barbershop with services, pricing, staff, a gallery, and a fast path to booking. The goal is not simply to "make it look nice," but to build a page you can verify, where visitors understand the offer and can contact the salon without unnecessary steps.

Goal and Preparation

Before you begin, prepare the logo, 5 to 7 photos, a list of core services, current business hours, phone number, address, map link, staff profiles, and copy for a short about-the-salon section. If you do not have these materials, fill out a content table first. Otherwise, builder edits will turn into guesswork and random wording.

Setup Steps

1. Open the Barber style in System -> Site Template Styles and replace the logo, favicon, and basic header parameters.
2. Check the main menu. Keep only the items you actually need: Home, About, Resources, Team, Gallery, Pages, or their real equivalents.
3. In SP Page Builder, open the homepage and replace the hero headline, button, image, and CTA link.
4. Edit the schedule block: phone number, email, business hours, a short note, and where the booking action leads.
5. Replace services and prices. For each service, check that a long title does not break the mobile grid.
6. Update the team section with real photos, names, specialties, profile links, or a booking button.
7. Check the gallery and resources sections. Remove any images you do not have rights to use and replace them with your own materials.
8. Open the public page in a private browser window and follow the visitor journey from the hero section to booking.

Result Verification

After saving, do not look only at visual consistency. Make sure the CTA goes to the right destination, the phone number is clickable on mobile, the menu does not cover the first screen, the gallery is not loading excessively heavy images, and the contact form or external booking service actually accepts requests. If caching is enabled, clear it before the final check.

A working result is not a pixel-perfect copy of the demo. A working result is when a visitor can understand in 10 to 20 seconds where they are, which services are available, which professional they can trust, and how to book.

Practical Use Ideas for Different Salon Scenarios

Barber can be used for more than one standard barbershop homepage. There is no need to invent features the template does not have. It is enough to rethink the confirmed building blocks: homepage variations, priced services, staff, gallery, resources, blog, contact, onboarding pages, newsletter, and CTA.

Barbershop with a Booking-Focused Flow

For a classic barbershop, make the main path hero -> services -> team -> booking. In the menu, keep quick access to services, team, gallery, and contact. Use the resources block for short materials on preparing for a haircut, beard care, and style selection. The check is simple: someone on a mobile phone should understand how to contact the salon within one screen.

Beauty Salon with Multiple Service Categories

If there are many services, do not overload the homepage. Use it as a navigational storefront and move the details to separate pages. In SP Page Builder, you can duplicate sections and create pages for categories such as hair, care, makeup, and consultations. The important thing is not to mix everything into one list, or visitors will not see the difference between quick services and bundled packages.

Personal Website for a Solo Specialist

For a single professional, Barber can be simplified. Remove unnecessary team blocks and keep the portfolio, services, testimonials, schedule, and contact information. In that case, the Team page turns into an extended professional profile, while Resources becomes a blog with advice and work examples. Make sure the menu does not promise sections that do not actually exist.

Site with Educational Content

If the salon actively publishes content, the resources and blog sections stop being secondary and become strategic. Use them for care tips, procedure explanations, answers to common questions, and style roundups. This helps visitors arrive informed and reduces the workload on the administrator, who would otherwise keep answering the same questions in chat or messaging apps.

Mini Site for a Branch Location or Individual Specialist Inside a Network

If a salon chain has separate branches, Barber can serve as a template foundation for branch pages. In this scenario, do not duplicate the entire site for every location. It is better to create dedicated pages with local photos, schedules, staff, and contact details, while keeping the blog and resources shared. That way, the administrator updates general materials once, and the local pages stay specific enough to be useful to visitors.

In this setup, validation happens through the menus and template styles: visitors should understand which branch they are viewing, not confuse the phone number, see the current schedule, and be able to return to the main site without feeling like they were taken to a completely different project.

Checking the Result: Appearance, Speed, SEO, and Security

Once the main blocks have been replaced, it is time for quality control. For a website template, this is not a single test but several different checks: visual, navigational, technical, and content-related. Barber may look clean on a large screen while still losing the CTA on mobile, loading overly heavy photos, or showing demo text in metadata.

Visual Review

Open the homepage, a service page, a staff profile, the gallery, a single blog post, the contact page, the login page, and the 404 page. On each one, check whether the header style is consistent, whether the menu jumps around, whether any modules are missing, whether text in the services section is too faint, and whether images are being cropped. Atmosphere matters in Barber, but readability matters more than decorative photography.

Mobile Menu Check

The off-canvas menu should be clear and short. If it contains too many items, mobile users will not see the booking path or the contact details. Check the menu depth, the order of items, logo visibility, social links, and contact information. If the menu includes separators or headings, make sure they do not break submenu expansion.

SEO and Accessibility

Check the title and description of the main pages, the alt text for the logo and important images, heading uniqueness, internal link accuracy, and the absence of empty buttons. Do not promise something on the page that the salon does not actually offer. If a service is temporarily unavailable, it is better to remove it from the homepage or mark it on a separate page than to send people toward a dead end.

Speed and Images

Salon templates often suffer from heavy photography. When replacing demo images, do not upload unprocessed originals straight from a camera. Prepare images at the right size, use clear file names, watch the gallery weight, and do not enable a preloader as a way to hide slow loading. If the page is slow, optimize media and cache instead of adding more visual effects.

Pre-Publication Review

Before showing the site to clients or allowing indexing, do a final pass as if you were a new visitor. Open the homepage, click the main button, look through the services, choose a stylist, open the gallery, go to contacts, check the form, map, and phone number. Then repeat the path on mobile. If at any point the question is "what do I do next," that is not a copy problem. It is a scenario problem.

For Barber, the service -> stylist -> booking chain is especially important. If that connection is not clear, the site remains a beautiful showcase but performs worse as a practical business tool. Fix not the button color, but the user path: where the click leads, what the visitor sees on that page, and how they return to action.

Safe Refinement: Aligning the Mobile Off-Canvas Menu

Barber includes an official example of a small CSS adjustment: left-aligning the mobile off-canvas menu items. This is a good type of refinement because it does not change Joomla core, does not modify template files directly, and can be rolled back by deleting a few lines from Custom CSS.

The purpose of the change is to make the mobile menu feel more natural if the default centered alignment looks awkward with long Russian menu items. Use it only after you have checked the menu on a phone and confirmed that the real issue is alignment, not titles that are too long or too many menu items.

Where to apply it: System -> Site Template Styles -> Barber style -> Template Options -> Custom Code -> custom CSS field.

.offcanvas-menu .offcanvas-inner .sp-module ul > li,
.offcanvas-menu .offcanvas-inner .sp-module ul li ul li {
  text-align: left;
}

After saving, clear the Joomla and browser cache, open the site on a mobile device or in responsive preview mode, and check the menu. If it looks worse, remove this snippet and save the settings again. For larger changes, it is better to use a separate custom.css or override.css instead of editing template files that may be overwritten during updates.

You do not need to apply this tweak in advance on every site. If the menu items are short and centered alignment already looks clean, leave the default behavior in place. Any custom CSS should solve a specific symptom, not become a habit of "adding something after installation."

Common Barber Issues and How to Diagnose Them

Most Joomla template issues look like "the design is broken," but the cause is often somewhere else: the wrong installation package was chosen, a menu item was not assigned, a module was published in the wrong position, cache is showing an old version, the server is blocking the editor, or the demo photos are not included in the package. That is why it is better to troubleshoot by symptom.

Quickstart Does Not Install or Stops During Server Checks

Symptom: the Joomla installer does not get past the requirements check, the process stops, the database is not created, or a message appears about unavailable settings. Likely cause: the hosting environment does not meet Joomla and Quickstart requirements, the memory or execution time limit is too low, write permissions are missing, or the database was created without the required privileges.

What to check: the PHP version, database settings, upload limit, memory_limit, max_execution_time, cURL availability, folder permissions, and database connection details. The fix is usually made through the hosting control panel or with help from the hosting provider. If the hosting is weak, it is often better to install Quickstart locally or on a staging subdomain with proper limits first.

The Demo Does Not Look Like the Official Example

Symptom: the structure is there, but the photos are dull, some visuals are missing, or the blocks look less polished than the demo. Likely cause: demo photos may not be included in the package. This is common with templates because the image licensing used in the live demo may differ from what can legally be distributed in the archive.

What to check: the Barber documentation regarding missing photos, the contents of the media folders, and the actual images you uploaded. The fix is to replace demo placeholders with your own photos that match the right size and visual tone. Do not try to hunt down "the exact same" images without checking usage rights. It is better to build your own visual set.

A Module Is Published but Does Not Appear on the Page

Symptom: the module is enabled in the admin panel, but it is missing on the public page. Possible causes include the wrong position, no menu item assignment, a different Template Style being used, the position being hidden in Layout Builder, or the page being rendered through a different menu item than you expect.

Check the module position, the menu assignment tab, the active menu item for the page, and the template style. If the module should appear in an article sidebar, check the blog details settings and whether modules are disabled for detail view. After the fix, clear cache and open the page without being logged in as an administrator.

SP Page Builder Does Not Open the Editor or Load the Library

Symptom: the builder page opens blank, the section library does not load, or the front-end editor freezes. Possible causes include server-side blocking, an overly strict firewall, a disabled feature required for loading external content, browser cache, an optimization conflict, or an outdated builder version.

Check the browser console, clear the Joomla and browser cache, try another browser, temporarily disable aggressive script optimization, and ask the hosting provider whether necessary functions are being blocked. Do not start by reinstalling the template. First determine whether the editor fails everywhere or only on one page.

The Mobile Menu Looks Wrong

Symptom: items do not expand, arrows are missing, the menu is too deep, the logo gets in the way of navigation, or long items are hard to read. Possible causes include unsuitable menu item types, an overly complex structure, incorrect off-canvas settings, multiple menus in one position, or conflicting custom CSS.

Check the main menu structure, item types, off-canvas settings, module positions, and custom CSS. If the problem appeared after a customization, roll back the latest change. For a multilingual site, make sure each language has its own menu module and proper assignments.

A Service Page Opens but Does Not Match the Rest of the Site

Symptom: the service page uses a different header, a different footer, misses required modules, or looks like a standard Joomla page. Possible causes include a menu item created without the needed Template Style, a page not linked to the correct SP Page Builder layout, a module assigned only to the homepage, or the Barber style not being the default style for that item.

Check how the service menu item was created, which template style is assigned to it, whether the page has a separate layout in SP Page Builder, and whether the modules are published for that item. If you need several service pages, finish one first and get it looking right, then duplicate it as the foundation for the others.

After Edits, the Old Text or Old Design Is Still Showing

Symptom: everything is saved in the admin panel, but the public side still shows the previous version. The cause is usually Joomla cache, browser cache, a CDN, or an optimizer. Clear the Joomla cache, reload the page in a private window, temporarily disable external optimization, and verify that you did not edit a copy of the page that is not assigned to the current menu item.

When JoomShaper Barber Is the Right Choice

Barber is worth using when you need a visually ready-made website for salon services on Joomla and the team is comfortable working with Helix Ultimate, SP Page Builder, menus, modules, and template styles. It is especially strong as a starting point for a barbershop or salon that already has real photos, a clear service list, staff profiles, and a simple path to booking.

Before publishing, check the installation scenario, menu assignments, module positions, the mobile menu, image file sizes, contact actions, and the absence of demo text. If all of that is covered, you can download JoomShaper Barber and deploy the template in a test environment first, then move the result to the live site.

The key selection criterion is simple: if you need a ready-made salon structure with services, pricing, team profiles, a gallery, resources, and a fast CTA, Barber saves time. If you need a complex booking component, a store, user accounts, or a fully custom design, the template can still serve as the visual foundation, but the site architecture will need to be expanded with separate solutions.