JoomShaper Decora - Joomla Template

A Guide to Setting Up and Using JoomShaper Decora for an Architecture Studio Website

JoomShaper Decora is not just a dark visual Joomla template. It is a ready-made foundation for a website for an architecture firm, interior design studio, renovation company, development project, or design agency. In this guide, we will look at how to approach installation, how to choose between Quickstart and the standard template package, which blocks to replace first, and how to set up the portfolio, service pages, gallery, menu, footer, and final result checks.

This guide is written for site owners, Joomla administrators, and webmasters who have already seen the short product description above and want the practical side: how to use JoomShaper Decora without randomly editing every demo block one by one. We will rely on the official product page, the Decora documentation, Helix Ultimate docs, SP Page Builder, and safe Joomla best practices.

The core idea is simple: first create a controlled copy of the demo site, then replace the content by content zone, and only after that verify how the pages, modules, positions, and front end connect together. If you do it the other way around - changing styles, CSS, and images first - it is easy to end up with a beautiful homepage while breaking the portfolio, mobile menu, gallery, or contact page.

What You Can Build with Decora on Joomla

Decora works best when you treat it as a ready-made website structure for a visually driven business. On the official JoomShaper page, the template is presented as a solution for interior design, architecture, remodeling, and renovation. That is an important clue: it is designed not for a generic corporate site with a few static pages, but for a site where clients make decisions based on visual proof - projects, photos, service descriptions, team information, testimonials, blog content, and contact flows.

In a typical project, Decora covers four major goals. First, it provides a homepage with a strong hero section, a slider, featured projects, and clear paths to services. Second, it gives you a portfolio where projects can be shown in a list and opened on detailed pages. Third, it supports service pages where services are not just listed, but presented as real commercial offerings of the studio. Fourth, it offers a visual gallery and Instagram block if the business actually maintains social channels and regularly publishes work.

According to the available sources, Decora is built on Helix Ultimate and SP Page Builder Pro. That means part of the result is controlled through the template style and framework settings, while another part is managed through pages, sections, and addons in the builder. For an administrator, this is more convenient than a fully custom-coded template, but it requires discipline: you cannot change only the visual surface without understanding where it actually lives - in SP Page Builder, a Joomla module, SP Simple Portfolio, SP Easy Image Gallery, or the template settings.

When the Template Is a Good Fit

Decora is a strong fit when the website needs to sell a service through visual credibility. An architecture firm can showcase projects by category, an interior studio can present room concepts, a renovation company can show completed spaces, and a creative agency can highlight case studies and services. In projects like these, beautiful photos alone are not enough. The user path matters just as much: view the work, understand the specialization, move into a specific service, and open the contact page.

The template is also useful when a team wants to launch quickly from a demo structure. Quickstart lets you bring up a site that closely matches the official demo, then replace the copy, photos, contacts, and projects. This is especially helpful when the client does not yet have a detailed site structure, but already has a portfolio and a clear understanding of the core services.

When Another Approach Makes More Sense

Decora can be excessive if you only need a minimal brochure site without a portfolio, a complex homepage, or a visual gallery. In that case, a free base template on Helix Ultimate or another lightweight template may be simpler. Decora is also not something you should install directly on a live site without a test copy if the site already contains a large amount of content, third-party extensions, custom overrides, and a complex multilingual structure. The standard Template Pack does not bring in demo pages on its own, so on an existing site you will have to build the content and modules manually.

Practical takeaway: Decora is worth choosing not because of its dark palette, but because of the full chain of "hero section - portfolio - services - gallery - contacts." If you do not need that chain, the template may add unnecessary complexity.

Capability Map: Pages, Portfolio, Gallery, and Builder

The official product page and the JoomShaper blog list several key Decora areas: two homepage variations, portfolio support, service pages, the Slideshow addon, SP Simple Portfolio, SP Easy Image Gallery, blog, Instagram gallery, built-in pages, the Person addon, and the Instagram addon. For this guide, that is more than a feature list. It is a map of the site areas you need to verify after installation.

If you translate those features into an administrator's job list, it looks like this:

• The homepage controls the first impression, navigation, and quick paths to projects and services.
• The portfolio controls case study structure, categories, previews, and detailed project pages.
• Service pages represent the studio's commercial offerings: interior design, architectural design, renovation, spatial design, furniture, or other services.
• The gallery handles curated visual collections and standalone photo albums.
• The blog helps explain the studio's approach, publish project breakdowns, and support search traffic.
• The contact page and header handle communication with visitors.

With Decora, it is important not to replace everything at once. Start with the homepage and navigation, because they define the visitor journey. Then move on to the portfolio, services, and gallery. At the end, review the blog, contact details, footer, social links, mobile menu, and performance.

Two Homepages and How to Choose the Right One

The JoomShaper page mentions two home variations. The first focuses more on the service flow, top-level service blocks, testimonials, and video. The second is a better fit for an architecture or design studio that needs to emphasize services, team credibility, and a professional brand image. In real work, do not choose a version based on which one simply looks nicer. Choose it based on the question: what path should the visitor take?

If the studio already has strong case studies, use the homepage as a showcase for the work: hero section, projects, services, team, and a contact call to action. If there are fewer case studies but a well-defined process, you can put more weight on services, stages, advantages, and blog content. In both cases, Decora's demo content should become the framework, not the final website copy.

Portfolio and Project Pages

The portfolio is one of the most product-specific parts of Decora. The official description mentions Project Listing with categories and Project Details with detailed content, visuals, materials, and a timeline. That suggests a project page should contain more than just a nice image. For each project, prepare a title, property type, city or context, project goal, 3-6 photos, a short explanation of the solution, materials or key details, and a link to the relevant service if one applies.

A common mistake on visually driven websites is turning the portfolio into a gallery with no meaning behind it. Decora gives you the tools to present work attractively, but trust comes from helping visitors understand the task and the outcome. That is why it is useful to keep one consistent structure in every project entry: what was needed, what was done, what makes the project different, and how to get in touch about a similar request.

Gallery and Instagram

Decora uses SP Easy Image Gallery for photo galleries and a separate Instagram addon for social content. These blocks are useful if the business has a real visual stream: completed interiors, details, materials, construction stages, exhibition stands, furniture, lighting, or decorative elements. If you have only a small number of photos or they vary too much in quality, it is better to launch the gallery later than to leave demo images or random shots in place.

The Instagram block should only be enabled if the account is actively maintained. If the latest posts are old, visually weak, or stylistically disconnected from the site, the block will reduce trust. In that case, it is better to replace it with a static gallery of your strongest work.

What to Check Before Installing Decora

Before installation, you need to answer two questions: where you are going to install the template, and which package you are going to use. JoomShaper documentation separates Quickstart Pack and Template Pack. Quickstart is a full demo site with Joomla, components, modules, the template, Helix Ultimate, and demo data. Template Pack is a standalone template package without demo content, modules, or pages.

This difference is critical. Quickstart cannot be installed into an already running Joomla site as a normal extension. It is installed into a clean location with a separate database, as a full Joomla installation. Template Pack can be uploaded into an existing site through the extension installer, but you will not automatically get a ready-made homepage, portfolio, or demo modules afterward.

Server and Environment Check

In the Decora technical requirements, JoomShaper recommends using a current stable Joomla version, checking PHP and MySQL requirements, increasing upload, memory, and execution time limits, and making sure cURL is available on the server. You do not need to hardcode those numbers into the article as if they never change, but you should verify them in the documentation and hosting panel before installation.

In practice, that means the following:

• Check that your Joomla version is supported by the current Decora release and all dependent extensions.
• Verify PHP, MySQL, or MariaDB requirements against both Joomla and JoomShaper documentation.
• Make sure the ZIP package size does not exceed the upload limit.
• For Quickstart, prepare an empty directory and a separate database.
• Before updating or installing on an existing site, create a full backup of both files and database.

If the site is already running, do not start by installing Decora on the primary copy. Bring up a staging copy or local environment first. On visual templates, problems often show up after installation rather than during it: a different menu, old module conflicts, missing positions, cached styles, mismatched images, or broken portfolio links.

What to Prepare in Terms of Content

Decora performs better when you already have the materials ready. For an architecture or interior design studio, prepare a logo, a color direction, 5-8 of your best projects, service descriptions, contact details, social links, homepage copy, and at least one fully developed project page. Without that, you will end up endlessly editing demo blocks and still not know whether the template actually fits your site.

A minimum starter set looks like this:

• One hero message: who you are, what you do, and what the visitor should do next.
• Four projects with strong visuals and short descriptions.
• Three or four services with a clear client-facing outcome.
• Contact details, business address, or service area.
• A list of menu items and pages that should open from the header.

If the content is weak, Decora will not save the site through graphics alone. The template gives you rhythm and a visual system, but trust comes from real projects, precise services, and clear navigation.

Installation: Quickstart or the Standard Template Package

Your package choice determines the entire workflow that follows. Quickstart is the better choice for a new site or a test copy where you want to see Decora in a state that is close to the demo. The standard Template Pack is meant for cases where you already have a Joomla site and want to apply the template's visual design while keeping the existing structure. Both approaches are valid, but they solve different problems.

Quickstart Workflow

Quickstart is installed like Joomla itself: you upload the files to an empty hosting space or local server, create a database, run the installer, and get a site with the demo structure. JoomShaper documentation explicitly states that Quickstart includes Joomla CMS, components, modules, the selected template, Helix Ultimate with its configuration, and demo site data.

At a high level, the process looks like this:

1. Create an empty directory or subdomain for the test installation.
2. Create a separate database and database user.
3. Extract Quickstart into the prepared directory.
4. Run the Joomla installation in a browser and enter the database credentials.
5. After installation, sign in to the admin panel and check the homepage, menu, portfolio, gallery, and contacts.
6. Delete or replace demo data that does not belong to your project.

Quickstart is useful as a training copy even when the final site will be assembled manually. You can see which pages, modules, and positions Decora uses, then transfer only the parts you actually need into the production site.

Template Pack Workflow

Template Pack is installed through the standard Joomla installer: System -> Install -> Extensions. After installation, you need to assign the template style to the required menu items or make it the default style. But keep one thing in mind: this package does not include demo modules or ready-made SP Page Builder pages. If you expect the site to look like the screenshot immediately after installation, this option will disappoint you.

On an existing site, after installing Template Pack, check the following:

• How the current homepage displays and whether the component area is still present.
• Which module positions are available and which older modules need to be reassigned.
• Whether the main menu and the mobile off-canvas menu work correctly.
• Whether old CSS customizations conflict with Decora's dark visual system.
• Whether you need a separate template style for a test page before switching the entire site.

For most site owners, it is easier to bring up a new site through Quickstart on a test environment. For an existing site, it is safer to install Template Pack on a copy first, review what changes, and only then move the settings over.

Post-Install Setup: Template Style, Menu, and First Checks

After installing Decora, do not start by changing every builder block. Begin with Joomla's basic foundation: template style, main menu, menu item assignments, module positions, logo, contact details, and mobile navigation. If that foundation works, editing pages in SP Page Builder becomes much more predictable.

Where to Find the Template Settings

For Helix Ultimate-style JoomShaper templates, settings usually open through this Joomla admin path: System -> Templates -> Site Template Styles -> the Decora style -> Template Options. The exact interface may vary by version, so use the Decora and Helix Ultimate documentation as your reference. Inside template options, you typically configure the logo, header, menu, layout, typography, custom CSS/JS, and other global parameters.

The first settings worth checking are:

• The logo and the mobile logo variation.
• The header structure and how the logo connects to the main menu.
• The off-canvas menu for mobile devices.
• The footer and lower positions where contacts, links, and copyright appear.
• Custom CSS/JS fields, if you need to add a careful tweak without editing template files.

Do not turn on questionable effects just because the settings are there. A sticky header, animation, unusual spacing, background images, and custom code should all be tested against real content. In Decora's dark design especially, it is easy to get a beautiful hero section while ending up with poor readability in service blocks or blog content.

Menu Structure and Page Assignment

In Joomla, a menu item is more than just a header link. It often determines which page is treated as the homepage, which component opens, which modules are assigned to that page, and which template style is applied. That is why you should verify the menu before editing the design.

For a starter structure, these items are usually enough: Home, Projects, Services, Gallery, Blog, About, Contact. If you are building a Russian-language site, the public menu labels can be translated, but inside SP Page Builder and the admin panel it is better to keep a clear page order. On a multilingual site, each language menu should have its own menu items and mappings.

Checking the Homepage

Open the menu item list and make sure the homepage is assigned correctly. Then open the front end of the site in an incognito window. On the first screen, you should see the logo, menu, hero section, and a button that leads to projects or services. If instead you see a standard Joomla article or a blank page, the issue is usually not the template, but the menu item assignment.

Checking the Mobile Menu

As a visual template, Decora depends heavily on how the header behaves on narrow screens. Check the off-canvas menu opening behavior, nested items, the contact link, and panel closing. If the menu opens but some items are not visible, look for conflicts with older CSS customizations, overly long labels, or an incorrect menu structure.

Cache and Saving Changes

After changing styles or pages, clear the Joomla cache, browser cache, and, if applicable, server or CDN cache. If CSS/JS optimization is enabled on the site, temporarily turn it off during setup. That does not mean optimization is bad. It simply means you first need a stable reference version of the site, and only then should you enable acceleration and verify that it is not breaking anything.

How to Edit the Homepage in SP Page Builder

The Decora documentation states that the homepage and main pages are built in SP Page Builder Pro, and that the homepage component area uses addons instead of regular modules. That explains why some blocks are not visible in Joomla's module manager. If you are looking for the hero slider or service cards among the modules and cannot find them, they are most likely inside the SP Page Builder page.

A practical workflow looks like this: first open the page in SP Page Builder, review the section structure, locate the headings, images, and buttons, then replace the content from top to bottom. Do not start with global fonts and colors. Until the text and images have been replaced, you cannot honestly evaluate spacing, section height, or readability.

Hero Section and First Screen

In Decora's original visual reference, you can see a dark top menu, a large interior background, a semi-transparent black panel, a large heading, and a "View Projects" button. For a studio website, this area should answer three questions: who you are, what you do, and where the visitor should go next. If you leave an abstract heading in place, the visitor will see a nice image but still not understand your specialization.

A strong first-screen setup looks like this:

• A short heading that names the service type: interior design, architectural design, full-service renovation.
• One concise paragraph: who the studio works for and what outcome it delivers.
• A button leading to projects or a consultation.
• A background based on a real project, not a random interior photo.

After saving, check that the text does not get lost in the background, the button remains visible, the header does not overlap the heading, and the first block does not become too tall on mobile.

Projects Block

The Featured Running Project area in the Decora reference shows project cards with images and titles. Here it is not enough to just replace the pictures. Check where each card links, whether the title matches the detail page, whether categories are in place, and whether demo links are still being used. If a project card leads nowhere, it damages trust more than not having the card at all.

For the first version of the site, it is better to choose 3-4 strong projects and develop them more fully than to show 12 weak cards. Every project should have a clear detail page. Otherwise, the portfolio looks like a decorative block rather than meaningful content.

Services and Service Pages

Decora includes both service blocks and dedicated service pages. Do not fill each card with generic claims like "high-quality design." Instead, tie each card to a specific service: apartment layout planning, commercial interior design, site supervision, materials selection, lighting design, furnishing, and so on.

On the service page, explain what the service includes, who it is for, what deliverables the client receives, and what the next step is. If the service is complex, add a link to a relevant project example. That is how Decora turns from a beautiful showcase into a working sales structure.

Portfolio and Service Pages: How to Make the Demo Structure Useful

The portfolio and services are Decora's main product-specific areas. They should work together: the visitor views a project, understands the type of task, then moves into the relevant service or contacts page. If those areas live separately, the site may look attractive but still do a poor job explaining the offer.

How to Organize Projects

Decora's official description mentions a project list with categories and detailed pages with a timeline, visuals, materials, and other elements. In practice, you can turn that into a card system like this:

• Category: apartment, house, office, restaurant, public space.
• Task: what needed to be redesigned or created.
• Outcome: what the client received.
• Materials: finishes, lighting, furniture, key decisions.
• Related services: design, renovation, furnishing, site supervision.

Not every field needs to be visible in the card itself. But the structure should be clear to you editorially. That is what keeps projects consistent and prevents them from turning into a collection of random images.

How Not to Break Category Filtering

If project filtering is enabled, verify the categories after every major batch of changes. A common mistake is renaming a category in one place without checking how the cards are assigned. The symptom is simple: the filter still appears, but some projects disappear or show up in the wrong group. The fix usually starts with checking categories inside the portfolio component and reviewing the related menu links.

How to Connect Services to Projects

Each service should have at least one example of the result it leads to. If Decora is being used for an interior design studio, the "Apartment Design" page can link to 2-3 apartment projects. A "Commercial Spaces" page can link to a cafe, office, or showroom. This not only improves navigation, but also helps visitors see that the service is backed by real work.

Practical Use Ideas for Different Types of Websites

Decora does not have to be used only as an interior design studio website in the narrow sense. Official sources connect the template with interiors, architecture, renovation, remodeling, and creative business. Within those boundaries, you can adapt the structure to several realistic scenarios without inventing features that the template does not actually have.

Architecture Firm

For an architecture firm, make project pages the main proof point. On the homepage, show 3-4 key projects, and present services as clear directions: design, concept development, working documentation, and project support. In the portfolio, use categories based on property type. The success check is simple: a visitor should be able to get from the first screen to a project and then to the contact form in two clicks.

Interior Design Studio

For an interior design studio, emotional visual presentation and a clear process explanation matter more. Use a hero section with a real interior, a services block, gallery, projects, and an About page with the team. In SP Page Builder, replace images carefully so they share a consistent color temperature and overall quality. If one image stands out too sharply, Decora's dark style will make that inconsistency even more obvious.

Renovation or Construction Company

For renovation and construction, do not stop at beautiful finished results. Add process stages, timeframes as an example rather than a promise, materials, and a quality control block. The portfolio can be structured by job type: apartment, house, commercial property. Service pages should explain the actual scope of work and the next step, otherwise the site will feel like a design studio rather than a contractor.

Creative Agency with Visual Case Studies

If the agency works in branding, exhibition stand design, spatial design, or visual merchandising, Decora can be adapted around case studies. In that scenario, the portfolio matters more than a service grid, and the blog can be used for project breakdowns. The key point is not to leave architecture-themed demo copy in place if it does not match the service.

Checking the Result on the Front End

After setup, do not evaluate Decora only in the admin panel. The template needs to pass a real user journey test. Open the site in a regular browser, in incognito mode, and on a mobile screen. Walk through this route: homepage -> projects -> project -> service -> contacts. If the path feels clear, the template is working. If you keep going back or cannot tell where to click next, you need to fix the navigation and buttons.

Checking the Header and First Screen

The header should remain readable on a dark background, menu items should not wrap into two lines, and a right-side button or contact detail should not clash with the logo. On mobile, test menu opening, nested items, and returning to the homepage. If the header is too tall, it will eat up the first screen and weaken the first impression.

Checking Projects and the Gallery

Open every project card. Make sure the image loads, the text does not read like demo filler, buttons lead to real pages, categories work correctly, and the gallery opens images without errors. If SP Easy Image Gallery is being used for albums, test large image loading and lightbox behavior.

Checking SEO and Indexing

Decora does not handle SEO automatically. The template gives you structure and visuals, but page titles, meta descriptions, human-readable URLs, service copy, image alt text, and load speed are still your responsibility. After setup, make sure every important page has a unique title, a clear URL, text without demo phrases, and compressed images. Pay special attention to project photo alt descriptions, because on an architecture site the images often become one of the core content assets.

Checking Speed

Dark visual templates with large photos can feel heavy if images are uploaded without optimization. Compress photos to a reasonable size, use WebP where supported, avoid adding unnecessary sliders, and disable blocks you do not actually use. The extensions and modules included in Quickstart are useful for the demo, but on the final site you should keep only what is genuinely needed.

Multilingual Setup, Module Positions, and Editorial Launch Order

Decora is described as multilingual ready, but that does not mean the site automatically becomes a solid bilingual project after installation. Joomla provides the language system, menus, language associations, and overrides, while the template needs to handle the visual side correctly. That is why multilingual setup is best planned before the final content pass, not after every page has already been built in one language.

For an architecture studio, this matters especially because the Russian and English versions often differ in more than just translation. On the Russian site, visitors may expect a detailed explanation of the work process, consultation terms, and local projects. On the English version, the portfolio, international case studies, and a shorter contact form may matter more. If you simply duplicate pages and translate the headings, Decora will still look attractive, but the user journey will remain weak.

How to Approach Language Menus

In Joomla, each language usually gets its own menu and its own Home, Projects, Services, Gallery, Blog, About, and Contact items. After that, you verify which item is the homepage for that language and which modules are assigned to those items. If you skip this step, you can end up with a typical problem: the Russian header points to an English page, the footer module appears in the wrong language, and the gallery opens without the right navigation.

Work from structure, not from word-level translation. First create the page map by language, then build the menu items, then assign the template style and modules, and only after that edit the text in SP Page Builder. This order reduces the risk of ending up with a finished page that is not attached to the correct menu.

Module Positions and What Not to Migrate Blindly

The Decora and Helix Ultimate documentation suggests something important: part of the layout lives in template options and positions, while part of the homepage is built through builder addons. That means not every visible block is a Joomla module. Before moving an older site onto Decora, make a list of which elements really need to be modules: menu, search, login, footer links, contact block, and possibly custom HTML. Everything tied to the hero, projects, services, and visual homepage sections is usually easier to edit inside SP Page Builder.

If you are moving a site from another template, do not automatically assign every old module to a similar position. An old module may contain styling that conflicts with Decora, an overly long title, outdated HTML, or a link to a page that no longer exists. It is better to enable modules one at a time: assign the module, open the front end, check desktop and mobile, clear the cache, and only then move to the next one.

Module Checklist

• The module is published only where it is needed, not on every page out of habit.
• The module title is either hidden or visually appropriate within Decora's dark design system.
• The module does not duplicate a block that already exists in SP Page Builder.
• The position does not break the header, footer, or mobile menu.
• Access permissions do not hide the module from normal visitors.

This checklist looks simple, but it often saves hours of troubleshooting. When the template, builder, components, and older modules are all active on the same page, the fastest way to find a problem is to temporarily disable extras and re-enable elements one by one.

Editorial Launch Order for a Decora Site

The final launch is best split into three passes. The first pass is technical: installation, menu, template style, modules, cache, mobile menu, and the absence of obvious errors. The second pass is content-focused: real projects, services, photos, contact details, blog content, alt text, and page titles. The third pass is user-focused: visitor flow, clear buttons, speed, contact form, and the absence of demo text and empty links.

Do not launch the site while demo projects and demo contact details are still visible. On a visual template, this is especially obvious: a visitor may not read every paragraph, but they will quickly notice the mismatch between your brand, your photos, and leftover demo content. If a section is not ready yet, it is better to temporarily hide it from the menu than to publish a half-finished page.

A useful pre-launch test: ask someone who was not involved in building the site to find one project, one service, and one way to get in touch. If they can do that without guidance from the administrator, the Decora structure is set up correctly.

Safe Improvements Without Editing the Template Core

Decora documentation explicitly notes that custom CSS, JavaScript, meta tags, tracking, and verification code can be added through the appropriate fields in the template settings. That is the right approach for small changes. Do not edit Joomla core files, Helix Ultimate files, SP Page Builder files, or template core files just to change a button color or adjust spacing. Those edits are easy to lose during updates.

A Small CSS Tweak for Better Button Readability

If buttons on a dark background look too light after you replace the background images, you can add a small CSS tweak through the custom CSS field in the template settings. The classes on your site may differ, so first inspect the real button class in the browser. The example below shows the principle: increase button contrast while keeping Decora's signature orange accent.

.sppb-btn.decora-cta,
.sppb-btn.sppb-btn-primary {
  border-color: #e65f42;
  background-color: transparent;
  color: #ffffff;
}

.sppb-btn.decora-cta:hover,
.sppb-btn.sppb-btn-primary:hover {
  background-color: #e65f42;
  color: #ffffff;
}

After adding the snippet, clear the cache and check the homepage, a service page, and the mobile version. If the style affects too many buttons, narrow the selector to a specific section class or remove the tweak. Rollback is simple: delete the CSS from the custom field and clear the cache.

Language Overrides Instead of File Edits

If an English Joomla or extension string is still visible on the front end, use Joomla's built-in language overrides. That is safer than searching for the string inside template files. In the admin panel, open language overrides, find the needed constant or text, and set the localized version. This approach is especially useful for buttons, system messages, login forms, and individual module labels.

Template Overrides Only for a Precise Need

Joomla supports output overrides, but with Decora they should be used carefully. If you need to change the markup of a standard module or component, create the override in the active template and document exactly what was changed. Do not use an override for tasks that can be solved through settings, CSS, or page editing in SP Page Builder. The fewer technical modifications you make inside the template, the easier the site will be to update.

Troubleshooting After Installation and Setup

Problems in Decora are usually not tied to a single button. They are tied to where the element actually lives. Some content is inside SP Page Builder, some inside components, some inside Joomla modules, and some inside the template settings. That is why troubleshooting works best when you move from symptom to source, instead of randomly changing CSS.

The Demo Site Is Not Visible After Installation

Symptom: the template is installed, but the site does not look like the Decora demo.

A likely reason is that Template Pack was installed instead of Quickstart. The standard template package does not include demo pages, modules, or content. Check which archive was used. If you need a site that looks like the demo, set up Quickstart on a clean test environment. If you are working with an existing site, you will need to assemble the pages, modules, and menu manually.

The Homepage Opens Blank or Shows the Wrong Page

Check the menu item assigned as the homepage. In Joomla, the menu often determines which component and which template style are displayed. If the page was built in SP Page Builder, make sure the corresponding menu item points to the right destination rather than a regular article or category.

A Project or Portfolio Filter Is Not Showing

Check the categories and published status of projects in SP Simple Portfolio, then review the menu item or block that outputs the list. If the projects exist in the admin panel but are not visible on the front end, clear the cache and check access permissions. If the filter shows an empty category, the cards are most likely not assigned to the correct category.

The Layout Broke After an Update

Decora documentation recommends checking the changelog and creating a full backup of files and database before updating. If the layout breaks after an update, first disable custom CSS/JS tweaks, clear the cache, and verify that dependent extensions were also updated. If template overrides were used, compare them against the new template version. Sometimes the issue is not Decora itself, but an old override or incompatible custom code.

Changes in SP Page Builder Are Not Visible on the Site

First, make sure you are editing the exact page assigned in the menu. Then save the page and clear both Joomla and browser cache. If CSS/JS optimization or server-side caching is active, temporarily disable it. The visual builder may show the change inside the editor while the front end still serves an older cached version.

The Mobile Menu Opens Incorrectly

Check the off-canvas menu settings in template options, the Joomla menu structure, and any custom CSS tweaks. If long menu items are breaking the panel, shorten the labels or rebuild the nesting. If the menu does not open at all, temporarily disable JavaScript combining and minification, then check the browser console.

Instagram or the Gallery Is Not Showing the Right Images

For SP Easy Image Gallery, check albums, categories, published status, and image dimensions. For the Instagram addon, verify the connection and the number-of-posts settings. If the social block is unstable or the account is updated infrequently, it is better to replace it with a static gallery of completed work.

Quick Decora Troubleshooting Map

Symptom	Where to Check	First Safe Action
No demo appearance	Installation package type	Compare Quickstart and Template Pack
Blank homepage	Joomla menu and the SP Page Builder page	Check the homepage menu item assignment
Projects are not filtering	SP Simple Portfolio	Check categories and publish status
Styles did not update	Joomla, browser, and server cache	Clear cache and disable optimization during testing
Mobile menu is broken	Off-canvas, menu, JS conflicts	Check settings and disable JS minification

An Exact Video Walkthrough for Decora: What to Watch For

The official JoomShaper page includes a Watch Video link to the video "Introducing Decora: Premium Architecture & Interior Design Joomla Template." It is best viewed not as a promotional block, but as a visual reference check: how the main sections, portfolio, services, gallery, and overall rhythm of the template are supposed to look. If you have already configured the site, compare not the text, but the structure: the first screen, the path into projects, the cards, the service blocks, and the overall visual density.

A useful way to work with the video is to first watch the full overview, then open your own site and check which sections you kept, which ones you removed, and whether the main user path was preserved. The video supports the idea of "demo structure -> setup -> public result," so it makes the most sense to watch it after installing Quickstart or while assembling the homepage.

When Decora Is the Right Choice

Decora is worth using when you need a site where the visual presentation of the work is tightly connected to the commercial structure. It performs best when you have real projects, clear services, strong photography, a willingness to configure the portfolio, and a plan to manage the site through Joomla, Helix Ultimate, and SP Page Builder.

Before launch, run one final check: the homepage leads into projects and services, the portfolio contains no demo placeholders, the gallery shows real work, the menu works on mobile, the contact page is accessible, custom CSS changes are reversible, and the site has been verified after clearing cache. If all of that is in place, you can move on to the installation package and download JoomShaper Decora for a test build or for updating your working copy.

The main thing is not to treat the template like a finished site that only needs to be renamed. JoomShaper Decora gives you a strong visual framework, but the final quality depends on your project structure, your copy, your photography, your review process, and careful Joomla configuration. A strong result happens when the demo site is turned into a clear user journey.