YOOtheme Union Dental - Joomla Template
YOOtheme Union Dental is a Joomla template specifically designed for dental clinics, offering a professional and user-friendly online presence for dental practices. Developed by YOOtheme, this template provides an array of features and design elements that cater to the unique needs of dentists and dental clinics.
Template Description
This template for Joomla offers a clean and modern design, with a focus on usability and functionality. The template includes a responsive layout, ensuring that the website displays beautifully on all devices, from desktop computers to smartphones and tablets. This mobile-friendly approach allows patients to access the site from anywhere, making it convenient for them to book appointments or explore the services offered by the dental clinic.
With this template, dental clinics can showcase their services and expertise in a visually appealing manner. The template includes a variety of pre-designed page layouts and sections that can be easily customized to fit the specific needs of the clinic. This allows dental practitioners to showcase their team members, present information about different treatments and procedures, and highlight patient testimonials.
The template also comes with integrated appointment booking functionality, making it easy for patients to schedule appointments online. This feature not only streamlines the booking process but also allows dental clinics to manage their appointments efficiently. The template also includes an easy-to-use contact form and interactive maps, helping patients find the clinic easily.
In terms of customization options, this template offers a range of tools and features to make the website unique and aligned with the dental clinics branding. Users can easily customize the color scheme, typography, and overall layout of the website using the built-in styling options and a drag-and-drop page builder. This allows clinics to create a website that reflects their brand identity and stands out from competitors.
Moreover, this template is built on the popular Joomla content management system, ensuring robustness, security, and ease of use. Joomla provides a user-friendly backend interface, allowing dental clinics to manage their website content and make updates easily without the need for technical expertise.
Overall, the YOOtheme Union Dental template is a powerful and versatile solution for dental clinics looking to establish a professional online presence. With its modern design, mobile responsiveness, customizable features, and integration of essential functionality, this template provides a solid foundation for dental clinics to showcase their services and attract new patients.
Template Features:
- Actual and secure code, the latest versions of PHP and MySQL.
- Support compression of JavaScript and CSS to speed up website.
- Compliance with standards W3C XHTML 1.0 Transitional and W3C CSS Valid.
- Layout template contains 60+ positions for the location of the modules and 4 color suffix.
- The theme includes 6 color schemes a web-site.
- The ability to change the background image for the main color themes, template parameters.
- Advanced typography for a custom design content.
- Has support for Google fonts and RTL/LTR languages.
- Several types of menus, Mega Menu, Dropline Menu, CSS Menu, with smooth animation effects.
- Includes support for CCK component of content management K2 and powerful designer catalogues ZOO, as well as an integrated component WidgetKit 3 and other popular extensions.
- Demo package QuickStart with support version of CMS Joomla! 6.x.
General Features:
Pro Framework
The template is based on a simple-to-use Pro Framework. A rich set of tools for flexible configuration by Joomla Websites!
Responsive Design
Responsive template design offers maximum flexibility to adapt a website for mobile devices with different screen resolutions.
HTML5 & CSS3
Modern web technologies offer a rich set of features and benefits. The template is designed using HTML5, CSS3, LESS, JQuery, Bootstrap 4.
Quick Start
Get started in minutes using the installation template with pre-configured extensions styles and demo content.
Cross-Browser
The ability to display the site with the same degree of readability in all browsers, such as Firefox, Safari, Chrome, Opera, Yandex Browser and Internet Explorer 10+.
SEO optimization
Template is fully optimized for SEO, which ensures seamless index and the presence of your website in search engines.
A Practical Guide to Setting Up YOOtheme Union Dental for a Joomla Clinic Website
YOOtheme Union Dental is best understood not as a finished page you can switch on and forget, but as a starter system for a dental or medical practice website on Joomla. This guide focuses on the areas where site owners, webmasters, and content editors usually lose the most time: choosing the right installation path, working with the demo structure, configuring the header and menu, adapting service pages, placing modules, checking the final result, and troubleshooting common issues.
This article does not repeat the short template description from the top of the page. The real question here is more practical: how to turn a doctor-themed demo into a working clinic website, keep the responsive layout intact, preserve a clean medical visual style, and understand where the template itself stops and where Joomla, content, forms, maps, and extra extensions take over.
The core facts here come from the YOOtheme Union Dental product page, the demo site, the official YOOtheme Pro documentation for Joomla, the changelog, Joomla documentation, and pages for similar medical templates. If a specific feature depends on your version of YOOtheme Pro, Joomla, or the package you installed, the guide treats it carefully: first verify it in the admin panel and documentation, then make changes on the live site.
What Problem This Template Solves and Where It Works Best
Union Dental is designed for a medical practice website: a dental office, private clinic, physician practice, dermatologist, small medical center, specialty practice, or a similar service where visitors need to quickly understand the services offered, the doctors, the location, office hours, and how to book an appointment. The official page shows that the package is built on the YOOtheme Pro page builder and includes a set of ready-made pages, styles, and themed images. That matters because the product gives you more than a visual shell - it gives you a site structure you can use as a working blueprint.
The demo reveals a typical visitor path. First, the user lands on a calm, professional homepage with a header, menu, appointment button, hero section, service blocks, and doctor profiles. From there, they can move into Services, open an individual service page, browse Doctors, About Us, Contact, the blog, or search. For a clinic, that structure is usually more useful than a generic multipurpose template because it already suggests which pages a patient needs before making first contact.
The main strength of this template is the built-in logic of a medical website, not just the color palette. Union Dental already includes sections for services, doctors, benefits, emergency contact, maps, testimonials, blog content, and supporting pages. But that logic only becomes valuable after customization: you need to replace the demo content, verify the actual services, configure the menu, connect appointment buttons to a form or contact page, bring images into a consistent style, and make sure editors do not get unnecessary permissions.
Who This Template Is a Good Fit For
YOOtheme Union Dental works especially well for small and midsize medical projects that need a visually friendly site without designing everything from scratch. It makes sense if you need:
- A homepage with a clear path to services, doctors, contact details, and appointment booking.
- Multiple service page layouts so every treatment does not look like the same generic card.
- A doctor profile structure with a photo and specialist description.
- A light medical visual style with soft colors, geometric accents, and large content blocks.
- Visual editing through YOOtheme Pro instead of hand-building every layout in PHP.
When Another Approach Makes More Sense
This template may be unnecessary if you need more than a clinic website and are really building a complex medical system: a patient portal, doctor schedules with payments, storage for medical records, integration with a medical information system, protected documents, or legally significant consent workflows. Union Dental helps you build the public-facing part of the site, but it does not replace specialized components for scheduling, CRM, telephony, secure document handling, or medical analytics.
A practical check before choosing: list the five main things visitors need to do. If those actions include "review services," "choose a doctor," "find the address," "read about a procedure," and "book through a form or contact page," Union Dental covers the essentials. If the key actions involve patient accounts, treatment payments, or real-time scheduling, plan for extra extensions from the start.
What the Demo Includes: Pages, Styles, Images, and Custom Fields
The official Union Dental listing confirms several important parts of the package. For Joomla, it includes 16 ready-made page layouts, 6 style variations, and a themed library of 69 images. The demo site is also available as a full Joomla installation with YOOtheme Pro and demo content. For the doctor team section, the demo documentation mentions user custom fields for image and description. Those details shape the best way to plan the rollout.
For the site owner, that means you are working with several layers right after installation:
- Page structure - homepage, services, individual services, team, doctor profile, about the clinic, contact, blog, booking, search, and system templates.
- Visual styling - color variations, typography, buttons, forms, cards, geometric elements, and the overall light medical presentation.
- Joomla content - articles, categories, menus, modules, custom fields, and author or specialist data.
- YOOtheme Pro settings - Layout, Style, Pages, Templates, Menus, Modules, and Settings in the Customizer.
It is a mistake to start by changing every block by eye. First, figure out which ready-made pages you actually need. For example, if the clinic has only four services, there is no reason to keep every service layout variant. If there is only one doctor, the team page may work better as a trust section on the homepage plus a dedicated specialist page. If the blog is not active yet, you can keep it unpublished until content is ready, but do not remove the template without a plan - later it may become useful for answering common patient questions.
Service Pages as the Foundation of the Site Structure
Union Dental does not present services as a simple list. The demo includes tile-based layouts, individual service pages, a dropdown menu with subservices, and icon-based content blocks. That is especially useful for dentistry, where patients often search for an understandable outcome rather than a technical category: implants, preventive care, digital X-rays, cosmetic dentistry, pediatric visits, or emergency care. Your job is not to copy the demo copy, but to connect each service to a real page, clear navigation, and a contact form.
Style Variations and the Medical Visual Tone
YOOtheme's blog post about Union Dental explains that the style uses bright but soft colors, geometric shapes, deep blue typography, and rounded forms for buttons, forms, and labels. That is not random decoration: on a medical website, the design should reduce anxiety without turning the site into a childish landing page. That is why it is usually better to avoid harsh contrast and heavy dark backgrounds when adjusting the color scheme. If the clinic has a corporate palette, bring it in gradually through the Style Customizer and keep checking readability.
What to Check Before Installing It on Joomla
Before installing YOOtheme Union Dental, decide whether you are deploying the demo package as a new site or installing the YOOtheme Pro theme on an existing Joomla website. The official YOOtheme Pro documentation makes the distinction clear: the regular theme package is installed into an existing site, while the demo package is a complete Joomla installation and is not meant to be installed over a live project. This is one of the most common sources of confusion.
New Site or Existing Project
If you are building from scratch, the demo package works well as both a training sandbox and a starting point. You get the demo structure, layouts, styles, and content, which makes it easier to understand how everything is assembled. But this approach should be used on a clean installation or a separate staging domain. If the site is already live and contains articles, menus, users, forms, and SEO-friendly URLs, you should not deploy the full demo package over it: this is not the same as importing a few pages - it is a full installation.
For an existing site, the logic is different. First install the YOOtheme Pro theme, then load the required layouts into Builder and Library, and transfer the structure selectively. That approach takes more manual work, but it avoids replacing the current site with demo data. At this stage, it is especially useful to clone the site into a staging environment and test styles, menus, and modules there first.
Compatibility and Server Requirements
The YOOtheme Pro documentation lists minimum technical requirements for a modern server and PHP with the GD extension. You also need to account for Joomla's own requirements and for changes between major YOOtheme Pro versions. Do not move the template into production until you have checked:
- Your Joomla branch, PHP version, and the GD extension on the server.
- Whether the template installs through the Joomla installer without permission errors.
- Whether the administrator has access to the YOOtheme Pro Customizer.
- Whether you have a full backup of files and database before testing a demo package or a major update.
- Your current site extensions: forms, maps, cache, security, multilingual setup, SEO tools, and content editors.
Editor Permissions
YOOtheme Pro Customizer gives access not only to text but also to layouts, styles, modules, and template settings. The installation documentation specifically notes that access to the Customizer is tied to the Edit Templates permission, and for some roles that permission should be restricted. In practice, that means a content editor can be allowed to update articles and simple content, but should not be allowed to change global styles or template structure unless there is a clear reason.
A safe rollout model: one administrator is responsible for the template and styles, editors work with content, and test changes are made on a site copy first. That makes mistakes easier to roll back and helps preserve the working appearance of the site.
Installation and Initial Validation Without Unnecessary Risk
Installation does not really start with a button - it starts with the scenario you choose. For a clean site, the demo package is deployed as a normal Joomla installation. For an existing site, you install the YOOtheme Pro theme package and then configure pages, menus, and styles. In both cases, the first goal is the same: open the site, make sure the Customizer works, and confirm that the public-facing side does not show empty positions, broken images, or stray demo text in critical places.
If You Use the Demo Package
Deploy it on a separate domain, subdomain, or local server. After installation, do not rush to delete the demo pages. First, walk through them as if they were documentation:
- Open the homepage and note which blocks your clinic actually needs.
- Review all service variants and choose one or two structures that fit your specialties.
- Check the Doctors and Person pages so you understand how specialist photos and bios are stored.
- Review Contact, because that is usually where the address, office hours, emergency section, map, and appointment form come together.
- Open Blog, Post, Search, and Error 404 so you do not leave system pages in demo form.
After that, save a copy of the stable state. The demo package is useful because it shows a complete working build, but that also makes it easy to damage with random edits. If you plan to seriously restructure it, save the original layouts to the library or create a backup first.
If You Install the Theme on an Existing Site
On an existing Joomla site, first verify installation through the standard Joomla installer. After installation, open YOOtheme Pro in the admin panel and do not change the global style right away. First check how your current content looks under the new template: homepage, standard article, category page, contact page, form, search, 404 page, and modules in the header and footer. If some pages are not built in YOOtheme Builder, they may still use Joomla's native component output and module positions. That is normal, but those pages need separate review.
The initial check can be considered successful if:
- The Customizer opens and the preview pane on the right updates correctly.
- The main menu appears in the correct area and does not break the header.
- Modules do not render in unexpected places.
- Pages outside Builder still keep their main Joomla component output.
- Appointment buttons lead to the correct form, contact page, or external booking service if one is used.
Configuring the Customizer, Styles, and Layouts After Installation
The YOOtheme Pro Customizer acts as the working control center for the template: settings panels on the left, live preview on the right. The documentation highlights the Layout, Style, Pages, Templates, Menu, Modules, and Settings panels. For Union Dental, it makes sense to follow that order: first structure, then style, then pages, menus, modules, and finally system settings.
Layout: Header, Mobile Navigation, Top, Bottom, and Footer
In the Union Dental demo, the header does several jobs at once: it shows the phone number, social icons, navigation, and an appointment button. If you copy that structure without adjustment, the clinic may end up with attractive but broken navigation: a demo phone number, a button that does not lead to a form, and menu items that do not belong. In Layout, check the header, mobile header, toolbar, top, bottom, sidebar, and footer.
For a typical clinic website, a solid baseline looks like this: keep a phone number or short contact line in the top area, limit the main navigation to five to seven items, point the appointment button to a form or contact page, and repeat the address, office hours, key sections, and legal links in the footer. If the clinic has multiple locations, do not overload the header with every address. A contact page with separate location blocks and a map will usually work better.
Style: Colors, Typography, and Forms Without Losing the Medical Feel
The official page mentions 6 style variations, and the Style Customizer documentation explains that the YOOtheme Pro style system changes UIkit components through Less variables. The practical takeaway is simple: when you change one global color, you may affect buttons, cards, labels, forms, and backgrounds at the same time. So start with the Union Dental variation that is already closest to your brand, then adjust gradually:
- The main accent color for appointment buttons and important links.
- The color of headings and body text to preserve readability.
- Background sections, especially service, benefits, and contact blocks.
- Hover and focus states for buttons.
- Text contrast on colored geometric elements.
Style Customizer is helpful because it shows changes in live preview. But it does not replace manual accessibility checks: after changing the palette, open the homepage, a service page, the contact form, the mobile menu, and an error page. If text becomes harder to read on a pastel background, roll the color back or increase the contrast.
Pages and Templates: Where to Edit Individual Pages and Where to Edit System Output
In YOOtheme Pro for Joomla, individual pages are edited in Pages, while site-wide templates are used for repeatable output types such as articles, categories, search, author pages, and system pages. Do not mix those levels. If you are changing the clinic homepage, work with that specific layout. If you want all blog posts to follow the same structure, configure the post template. That makes the site much easier to maintain after launch.
The Pages documentation also points out an important detail: if an article has a YOOtheme Builder layout, the regular Joomla editor may appear empty or be replaced by a YOOtheme button. That is normal, but editors need to know where the actual text is edited. Otherwise, they may assume the content disappeared and start creating duplicate pages.
Settings: Favicon, CSS, Consent, and System Parameters
The Settings panel should not be left until the last minute before launch. This is where you will find favicon, custom CSS or Less, web services, consent manager, advanced settings, system check, and About. For a medical site, the most important pieces are usually the favicon, cookie or consent behavior for maps and videos, and any system warnings. If the site uses a map, video, or external scheduling service, both user consent and fallback messaging should be clear.
A short setup summary: first stabilize the structure, then adjust the style, then edit pages, and only after that configure menus and modules. If you change everything at once, it becomes hard to tell whether the broken header, missing block, or damaged typography came from the style, the layout, or something else.
Services, Doctors, and Content: How to Adapt the Demo for a Real Clinic
The real strength of Union Dental is not just that it includes demo pages, but that those pages align with a real medical user journey. Still, the demo content cannot remain in place as a set of generic placeholders. The clinic needs to answer concrete questions: which services are available, who provides them, where the office is located, what to do in an emergency, how to book an appointment, and what to expect at the first visit.
How to Build a Service Section Without Creating Chaos
Start with a service map. Do not transfer the full demo list automatically. Group the clinic's actual services by meaning:
- Preventive care and diagnostics: checkups, hygiene, digital X-rays, consultation.
- Treatment: restorative dentistry, endodontics, tooth repair.
- Surgery and implants: if those services are actually offered.
- Cosmetic care: whitening, veneers, cosmetic dentistry.
- Urgent care: a separate path with phone numbers, hours, and limitations.
Each service only needs its own page when there is enough useful content to justify it: questions, steps, contraindications, preparation, or expectations. If a service is too small, it is often better grouped into a category page. YOOtheme Builder can handle multiple service layouts, but there is no value in building ten empty pages just to fill a nice grid. A service page should help the patient make a decision and contact the clinic.
Doctors and Custom Fields
The official Union Dental page mentions user custom fields for image and biography. That is useful for author or specialist pages because photos and descriptions can be stored as user data instead of being inserted manually into every layout. If your site structure treats doctors as Joomla users, check whether the image and description fields are available and how the template outputs them. If doctors will never log into the admin panel, you can use separate articles or a specialist category instead, but then you will need a different dynamic output setup.
On a medical site, the photo alone is not enough. A doctor page usually needs specialization, a short profile, treatment areas, education, office schedule, or a booking link. If those data points are not stored in YOOtheme custom fields, do not invent an overly complex system. Start with a clear article structure or Joomla custom fields, then add dynamic content only where the same data is truly reused.
Contact, Booking, and the Emergency Block
In the demo, the Contact page starts with a prominent information block, then shows contact details, office hours, an emergency section, and a map. For a clinic, this is not a decorative page - it is a conversion point. Make sure the visitor can see:
- A phone number and an alternative contact method.
- The actual address and a clear location cue.
- Office hours by day, or a clearly explained service schedule.
- A separate rule for emergency requests, if one exists.
- An appointment form or a button leading to a verified booking service.
If appointments are handled through a third-party service, do not disguise it as an internal form without testing it. The link should open correctly, work on mobile, and give the user clear feedback. After setup, submit a test request or walk through the booking flow all the way to the final confirmation screen.
Menus, Modules, and YOOtheme Pro Positions in Joomla
In a Joomla template, modules and positions are not secondary details. The YOOtheme Pro documentation shows that Joomla Module Manager is integrated into the Customizer, and that modules can be reviewed by position, highlighted in preview, and edited without leaving YOOtheme Pro. That is especially useful in Union Dental because the header, toolbar, mobile navigation, top, bottom, and footer often depend on modules.
Which Positions to Check First
YOOtheme Pro documents a set of positions including toolbar-left, toolbar-right, logo, navbar, header, dialog, their mobile equivalents, sidebar, top, bottom, and builder-1 to builder-6. Not every site needs all of them. But when launching Union Dental, you should check:
toolbar-rightor a similar top area if it contains the phone number or social links.navbar, because that is usually where the main menu lives.dialogand mobile positions if a dropdown or offcanvas menu is being used.topandbottomif universal blocks appear above or below the content.builder-1tobuilder-6if the layouts use Position elements.
Menu Assignment and Template Styles
Template styles in Joomla let you create multiple style variants and assign them to menu items. The YOOtheme Pro documentation describes the standard path: duplicate the template style, open it through Open Website Builder, then assign it to menu items through Menu Assignment or choose the Template Style in the menu item settings. In Union Dental, this is useful if, for example, the homepage and services section should use the light blue variation while the blog should feel more neutral.
But do not create a separate template style for every page. The more styles you add, the harder the site becomes to maintain. Divide the site into logical groups: the main clinic website, a dedicated campaign landing page, the blog, or an informational section. After assignment, check URLs that do not have an explicit menu item. In Joomla, those pages may inherit the default style, which can lead to a different header or color scheme than you expect.
Why a Module Does Not Appear
If a module is published but not visible, do not start with CSS. First check the Joomla logic: publication status, position, access level, language, publication dates, and menu assignment. YOOtheme Pro also notes that positions with no modules or no output collapse automatically. That keeps the layout clean, but it can also be confusing: you expect to see an empty block, but the position disappears because there is no content assigned to it.
Another important detail from the top, bottom, and sidebar documentation: sidebar does not render on pages created with the YOOtheme Pro page builder. If you are trying to show a standard sidebar module on a Builder-based service page, it may not appear because of the page architecture itself. In that case, use Builder elements, a Position element, or a different page layout instead of fighting a sidebar that does not exist there.
Practical Scenario: Building a Dental Clinic Homepage
This example shows a real working order for Union Dental. The goal is not to "configure the template" in the abstract, but to build a functional clinic homepage that helps the visitor move from the first screen to the appointment step. The scenario fits a small practice or a clinic with several specialties and a team of doctors.
Goal
Create a homepage where, within the first screen, the visitor understands that this is a clinic, sees the main contact method, can move to services, doctors, and booking, and then gets trust signals below that point: equipment, team, benefits, address, office hours, and a clear invitation to get in touch.
Preparation
Before editing, gather the real data: clinic name, phone number, address, office hours, a list of four to six core services, photos of the office or doctors, short doctor bios, a booking link or form, legal pages, and two or three useful blog topics. If you do not have those materials yet, collect them in a document first. Otherwise, the editor will start changing layouts while filling them with temporary text that often stays on the site after launch.
Configuration Steps
What to Change First
- Open the homepage in YOOtheme Pro through
Pagesor the Builder button. - Save the original layout to the library or create a site backup.
- In the hero section, replace the headline, subheadline, main image, and appointment button. Do not change the whole composition until readability is confirmed.
- In the services block, keep only real clinic specialties. For each card, set a link to a service page or an anchor within the page.
- In the doctor block, replace the demo photos and text. If there are several doctors, point those cards to dedicated specialist pages.
- In the benefits section, keep only claims you can support: equipment, team experience, convenient hours, accessibility, emergency availability. Do not make promises about treatment outcomes.
- In the contact block, verify the phone number, address, map, office hours, and booking button.
- Open
Menusand make sure the main navigation points to current pages. - Check the mobile view: header, appointment button, menu expansion, service card width, and contact form.
What to Leave Until After Validation
Global spacing, mobile menu structure, and complex CSS changes are better left alone until the main content is in place and the booking path has been checked. Otherwise, you end up polishing the appearance of a page before you even know which blocks will actually remain.
Result Check
After saving, open the site in a private browser window, not just in the Customizer preview. Walk through the patient journey: Home - Services - specific service - Doctors - Contact - Book Appointment. If you still see demo text, an empty link, or a broken button anywhere, fix that before publishing. Also check the 404 page and search page: they are easy to forget even though YOOtheme Union Dental includes ready-made templates for those states.
A Common Obstacle
If a text block or section does not change on the public page after editing, there are usually three likely causes: you edited the wrong layout, the page is tied to a different menu item, or the cached version is still being served. First verify which page is open in the YOOtheme Pro preview, then clear the Joomla and browser cache, and only after that look for an extension conflict. That sequence saves time and avoids unnecessary CSS changes.
Practical Ways to Use It for Different Medical Websites
Union Dental does not have to remain only a dental demo. The official page positions it for doctor and health-related websites, and the demo structure supports several real-world use cases. The important part is not to invent features that do not exist, but to reuse the confirmed capabilities: ready-made pages, styles, images, Builder, modules, menus, custom fields, and output templates.
Dental Clinic With Multiple Specialties
This is the most natural use case. Use the homepage as a trust-building path, Services as the specialty catalog, separate service layouts for detailed procedures, Doctors for the team, and Contact for booking. Result check: a visitor should be able to get from any service to a contact action in one or two clicks, without having to return to the main menu.
Physician Practice or Small Medical Center
If there are fewer services than in a typical dental clinic, reduce the service grid and make the specialist page more important. User custom fields or specialist articles can be used for photos, bios, and experience summaries. Result check: the homepage should not feel like a large clinic if the practice is really built around one provider. It is better to honestly emphasize personal care, office hours, and contact details.
Clinic-Linked Information Website
Union Dental includes blog and post templates, so it can also work for a knowledge base: procedure prep, patient questions, aftercare, or explanations of diagnostic services. That said, medical content should still be reviewed by a qualified specialist. Result check: blog posts should have an author, a publication date consistent with your site policy, correct links to services, and a clear next step for the reader.
Dedicated Landing Page for a Specific Service
For implants, whitening, diagnostics, or preventive care, you can build a separate Builder page based on one of the service layouts. Use the sticky column carefully: the YOOtheme blog notes that this technique is used in the Dental Implants layout to keep information pinned in one column. On a live site, that pinned area can work well for contact details, downloadable files, a list of steps, or an appointment button, but not for long promotional copy.
Checking Speed, SEO, Accessibility, and Trust
The template alone does not guarantee a fast website, strong rankings, or legal correctness. But YOOtheme Pro does provide useful tools: responsive images, lazy loading, Width and Height options to reduce layout shift, the Style Customizer, a consent manager, semantic structures, and accessible elements such as aria labels where YOOtheme Pro supports them. Your job is to avoid breaking those advantages with poor content choices and too many extensions.
Images and Performance
The Files & Images documentation explains that YOOtheme Pro works with the media manager, supports custom sizing, image cropping, responsive images, and lazy loading. That is critical for Union Dental because medical templates often overload the site with large photos of offices and staff. Do not upload oversized originals without processing them first. Each image should have a clear purpose: hero, doctor, office, equipment, service, map, or illustration.
Do not just measure total page weight - also check visual stability. If an image loads without dimensions and causes the page to jump, the user may miss the appointment button. Width and Height options help reduce those shifts. After replacing images, open the page on mobile, on a slow connection, or through browser developer tools.
SEO Structure Without Spam
On a service page, a clear structure matters more than repeating the service name in every heading. Use one strong H1 on the page itself, then H2 headings for steps, indications, preparation, questions, team information, and booking. Inside YOOtheme Builder, do not turn every card into a top-level heading. Patients should be able to understand the page, and search engines should see a logical structure.
For medical content in particular, accuracy and restraint matter. Do not promise guaranteed outcomes, use unsupported claims, or copy demo phrases. It is better to write less and be specific: which services are offered, who provides them, how to book, what to clarify during a consultation, and which limitations should be discussed with the doctor.
Accessibility and Trust
The official YOOtheme Pro documentation mentions accessibility features, but real accessibility still depends on the site author: colors, contrast, alt text, link structure, form labels, and clear messaging. For Union Dental, make sure to check:
- Text contrast on colored geometric backgrounds.
- Alt text for images of doctors, the office, and services.
- Clear button labels: not just "Learn More," but "Learn More About Dental Implants" where that matters.
- Keyboard focus in the menu, form, and appointment buttons.
- Consent handling for maps, videos, and external services if they are embedded on the page.
Safe Improvements Without Editing the Template Core
YOOtheme Pro offers two safe options for small changes: Custom CSS or a child theme. The Joomla child theme documentation describes automatic loading of css/custom.css and js/custom.js inside the child theme, and Settings lets you add CSS or Less without a <style> tag. For a simple visual adjustment in Union Dental, CSS is usually enough, but do not edit the core files of YOOtheme Pro or Joomla.
A Small Fix for Appointment Buttons
Where to Add It and How to Roll It Back
Goal: make appointment buttons visually stable so they do not break with longer text and still preserve the rounded look of Union Dental. This is a safe CSS-level adjustment based on UIkit button classes and the general YOOtheme Pro styling logic. Add it in Settings - CSS or in the child theme's css/custom.css if you are already using a child theme.
.uk-button-primary,
.uk-button-secondary {
border-radius: 999px;
}
.uk-navbar-container .uk-button {
white-space: nowrap;
}
Validation: open the homepage, services, and contact page, then reduce the window width to a mobile layout. The button should not spill out of the header or overlap the menu. Rollback: remove these lines from your CSS and save the settings. If the button does not change, check the Joomla and YOOtheme Pro cache, and verify whether a more specific CSS selector is overriding the style.
When a Child Theme Is the Better Choice
If your changes are limited to color, spacing, a button tweak, or a small CSS adjustment, there is no reason to build a complex architecture. But if you are adding custom files, changing output templates, moving Less configuration into files, or planning long-term project maintenance, a child theme is safer. The YOOtheme Pro documentation explains that template files and overrides can be placed in a child theme, and the Joomla docs separately warn against editing distributed files directly because updates can overwrite them.
The rule is simple: visual changes belong in the Customizer, CSS, or a child theme; Joomla output changes belong in template overrides; interface text changes belong in language overrides. Do not edit the CMS, template, or extension core just to change a single label.
What to Check Before Publishing the Site
The final check should not be formal - it should be user-centered. Imagine the site is already open to patients and walk through the main paths. Union Dental gives you a polished demo structure, but the real publishing risk usually comes from the small details: a demo phone number, an empty map, a broken booking button, a placeholder article, an extra menu item, or the wrong template style on a service page.
User Paths
- New visitor: homepage - services - specific service - booking.
- Patient looking for a doctor: homepage - doctors - specialist profile - contact.
- Someone with an urgent issue: homepage - emergency block or contact - phone.
- Mobile user: menu - service - form - submission.
- Search visitor: blog article - relevant service - contact details.
Technical Review
Check cache, forms, the map, consent handling, the 404 page, search, the mobile header, alt text, and access permissions. If multiple template styles are in use, open pages with different menu assignments. If the site is multilingual, verify module and menu language settings. If page cache is active, make sure article or module updates are not being hidden by an older cached version.
Editorial Review
Replace all demo data: addresses, phone numbers, office hours, names, photos, services, legal links, buttons, headings, and forms. In a medical theme, random lorem ipsum and nonexistent doctors look especially bad. After that, review the tone of the copy: it should feel calm, precise, and human. Do not turn a clinic website into a collection of exaggerated promises.
If Something Goes Wrong: Troubleshooting Union Dental on Joomla
Most problems with a Joomla template are solved not by rewriting CSS but by checking the setup in sequence: which page is actually open, which menu item is being used, which template style is assigned, which modules are published, whether a Builder layout exists, whether cache is active, and whether the current user has the right permissions.
After Installation, You See an Empty or Old Structure Instead of the Demo Site
Symptom: you expected a ready-made Union Dental page, but the site shows old content, empty blocks, or standard Joomla output.
A likely reason is that you installed the YOOtheme Pro theme into an existing Joomla site instead of deploying the demo package. That is normal behavior: a regular theme does not replace your site content with a full demo. Check which package was installed, whether the layouts were imported, which pages are assigned in the menu, and which template style is set as default. Fix: load the needed layouts through the Library, or work from a clean demo package if you need the full starter site.
The Menu or Appointment Button Looks Correct but Leads to the Wrong Place
Symptom: the visitor clicks Book Appointment and lands on a demo page, an empty anchor, or an outdated form.
Check the link inside the Builder element, the Joomla menu item, and the module if the button lives in the header. In the demo, buttons often illustrate the intended logic rather than your real scheduling system. Fix: replace the link with the contact page, your appointment form, or a verified external booking service. After updating it, test the path in a private browser window and on mobile.
A Module Is Published but Does Not Appear on the Page
Symptom: the module exists, the position is selected, but the block does not render.
Check publication status, position, access, language, publication dates, and menu assignment. Then confirm that you are not trying to output sidebar on a page built with YOOtheme Builder: the YOOtheme Pro documentation states that the sidebar position is not rendered on Builder pages. Fix: use a suitable position, a Builder Module, a Position element, or adjust the layout of the page itself.
After Changing the Style, the Public Page Does Not Update
Symptom: everything looks correct in the Customizer, but the live page still shows the old colors or spacing.
There can be several causes: the changes were not saved with Save, a different page is open, another template style is assigned, Joomla cache is active, the browser is still serving old files, or your CSS was added with lower specificity. Check the save state, review menu assignment, clear the cache, and then open the page in a private browser window. If the issue started after custom CSS changes, temporarily remove the latest lines and save again.
The Service Page Breaks on Mobile
Symptom: service cards, a sticky column, images, or buttons extend beyond the screen.
Start with the Builder layout: check column widths, mobile order, section settings, images, and long button labels. If a sticky column is being used, confirm that it is really necessary on mobile. Fix: simplify the mobile order, shorten button labels, assign proper image dimensions, and check whether any custom CSS prevents text wrapping.
The Editor Cannot Tell Where to Change Page Text
Symptom: the expected text is missing from the Joomla article editor, but the page exists on the site.
The likely reason is that the page was built in YOOtheme Builder. The Pages documentation describes this integration: the Joomla editor can be replaced by a YOOtheme button. Fix: give editors clear instructions on which pages are edited through Builder and which through the standard Joomla editor. If the user should not be allowed to change layouts, restrict access to the Customizer.
How to Use YOOtheme's Template Presentation
The official Union Dental page includes a Watch the Presentation link that promises a detailed walkthrough. If you have access to that presentation through the YOOtheme page, use it not as a promo video but as a visual cross-check: which pages are included in the package, how the authors intended the service grid to work, where the sticky column is used, how the style variations look, and why geometric shapes repeat across the site.
I am not embedding a YouTube iframe in this guide because the available text version of the official page did not provide a reliably extractable embed URL with a confirmed video ID. That is better than inserting a random video from a similar search. The practical conclusion is the same: if you watch the presentation, compare it against your site using concrete points - layout library, services, style, images, modules, and the actual public-facing result.
Questions to Resolve Before Launch
FAQ About Setting Up YOOtheme Union Dental
Can I install the demo package over an existing Joomla site?
No. The demo package should be treated as a full Joomla installation with YOOtheme Pro and demo content. For an existing site, install the theme and load layouts selectively, otherwise you can damage the current structure.
Why can I not see the page text in the regular Joomla editor?
The page may be built in YOOtheme Builder. In that case, editing happens through YOOtheme Pro, and the standard Joomla editor may show a Builder button or an empty area. Editors should understand this before the site goes live.
Do I need to keep all 16 layouts?
No. Use only the layouts that match the clinic's real pages. The others can remain as references or be removed from the public menu. The important part is not leaving empty pages or demo text in place.
What is the safest way to change Union Dental colors?
Start with the closest style variation, then adjust global colors in the Style Customizer and check the homepage, service page, form, mobile menu, and text contrast. Do not rewrite CSS in bulk until you know exactly which component needs to change.
What should I do if a module does not appear in the sidebar?
Quick Position Check
Make sure the page is not a Builder page. In YOOtheme Pro, the sidebar position does not render on pages created with the page builder. Use the page layout itself, another position, a Builder Module, or a Position element instead.
Is this template suitable for a multilingual clinic website?
Yes, if Joomla is configured correctly: languages, menus, modules, language overrides, URLs, and template styles should all be checked separately for each language. The template itself does not change Joomla's standard logic for language handling and module assignment.
Can I edit YOOtheme Pro files directly?
It is not recommended. Use the Customizer or a child theme for CSS, template overrides or a child theme for output changes, and language overrides for interface text. Direct changes to template files can be lost during updates.
When YOOtheme Union Dental Is the Right Choice
YOOtheme Union Dental is a strong choice if you need a clinic website with a ready-made medical structure, visual editing, multiple service pages, a polished header, contact sections, and a clear Joomla + YOOtheme Pro workflow. It works especially well where trust, clean design, calm navigation, and the ability to build pages quickly without custom design work matter most.
Before publishing, walk through the full path: installation, style selection, homepage, services, doctors, contacts, menus, modules, mobile view, cache, permissions, and forms. If those checks pass, you can download YOOtheme Union Dental and deploy the template in a staging environment. Move it to the live site only after the structure has been validated, the clinic's real data has been added, and you have a clear update plan.
Nearby Materials | ||||
|
YOOtheme The Line Gallery - Joomla Template | YOOtheme DevStack - Joomla Template |
|
|




