Developer's Guide for Creating Templates for the Breeze Website Builder™

Building template-ready websites is easy.  Just create your website in the Breeze Website Builder™ using the following guidelines:

Template Builders Guide

<img src="/images/logo.gif" id="logo" alt="Our Logo" />

Wrong: <div id="tagline"><p>My Tagline</p></div>

Correct: <div><p id="tagline">My Tagline</p></div>

You will want your template to be as "read-to-go" as possible such that users can install your template and just add content.  Defining your content classes is important to eliminate the need to manually format text and so forth. We recommend that (as a minimum) you create the following sub-classes and define the styles for:

Other things to consider:

You will want to click Load Browser Reset CSS is the CSS editor for the site style sheet. This will help ensure that your template looks the same no matter what browser is being used to see the site. Also, many sites are centered in the browser window to accommodate the various screen sizes available. You can click Setup For Centered Sites is the CSS editor for the site style sheet to do this automatically. And if you want your template to have sticky footers (a footer bar the remains at the bottom of the browser window no matter if there is a vertical scroll bar or not), then you can click Setup For Sticky Footer is the CSS editor for the site style sheet.

Your template should work for mobile devices as well. Be sure to setup mobile styles and menus. If you want the website to flow (wrap items down when horizontal space is limited) you should uncheck Use Table Structures and Use Table Structures on Mobile under Change Site Options. This will cause the table structures to not show up in the page template layout files, and your site may be designed 100% div based.

If you want to store pages with plugins, such as a splash page with a horizontal-scrolling slideshow, note that the system (as of this time) will not support more than one plugin per page. You should recall any plugin that has an associated style sheet IF you do not have any custom styling specific to your template for that plugin. This will ensure that the plugin styles are taking from the latest stock styles bundled with the plugins rather than some outdated or modified styles that happen to be in your Breeze installation.

 

Available Page Names in the Wizard

IDPage NameLink TextDescriptionPlugin IDPlugin NameDefault SelectPlugin Zip FilePlugin PriceSort Order
1indexHomeHome-1105
2aboutAbout UsAbout-11010
4contactContact UsContact Form26Contact/Mail Form with CAPTCHA1020
5eventsEventsEvents List89Events Grid v21025
6directionsDirectionsDirections-10030
7calendarCalendarCalendar Grid88Calendar Grid v21035
8missionMissionMission-10040
9newsNewsNews-10045
10servicesServicesServices-10050
11linksLinksLinks-11055
12newslettersNewslettersNewsletters-10060
13welcomeWelcomeWelcome-10065
14staffStaffStaff-10070
15blogBlogBlog-10075
16donateDonateDonate-10080
17customerscustomersCustomers-10085
18certificationsCertificationsCertifications-10090
19testimonialsTestimonialsTestimonials-10095
20sitemapSite MapSite Map-100100
21historyHistoryHistory-100105
22employment-opportunitiesEmployment OpportunitiesEmployment Opportunities-100110
23faqFAQ's FAQ's-100115
24workshopsWorkshopsWorkshops-100120
25membershipMembershipMembership-100125
26galleryGalleryGallery10Lightbox Photo Gallery00130
27slideshowSlideshowScrolling Slideshow25Horizontal Scrolling Slideshow00135
28documentsDocumentsDocuments-100140
29pricelistPrice ListPrice List-100145
30videoVideoVideo Player42jPlayer Single-Track Video Player00150
31audioAudioAudio Player41jPlayer Single-Track Audio Player00155
32catalogCatalogBreeze/OpenCart Catalog84OpenCart Catalog Page0opencart_catalog_plugin.zip0160
33newsletter_signupNewsletter SignupNewsletter Signup Form for MailChimp93Newsletter Signup Form for MailChimp0Newsletter_Signup_Form_for_MailChimp_Newsletter_Signup_Return_Page.zip39165
34leadsLeadsSugarCRM Leads Collection Form56SugarCRM Leads Collection Form0sugarcrm_leads_plugin.zip39170
35slideshow_v2Slideshow v2Scrolling Slideshow v270Horizontal Scrolling Slideshow v200135
36multimediaMultimediaMultimedia Player39jPlayer Multitrack Media Player00157

Submitting Backup Files for Template

To send us your template you can use the Breeze Website Builder's built-in Backup and Restore feature. Just backup the site and download that back. Also send a screenshot of your template. But to reduce the number of things that we would need to do to get your template into the repository, make sure that you use these settings in the /connect/config.php file:

// *** Site Base Folder ***
// Do not include leading or trailing slashes. For web root level leave empty.
// Examples:
// Webroot: ''
// Folder: 'mywebsitefolder'
// Nested folders: 'mywebsitefolder/mywebsitesubfolder'
define('BWB_BASE_DIR', '');

// *** Webpage Folder ***
// Leave empty for webroot, i.e. ''
define('BWB_WEBPAGE_DIR', '');

// *** Image Folder ***
// Cannot be empty.
define('BWB_IMAGE_DIR', 'images');

// *** CSS Folder ***
// Cannot be empty.
define('BWB_CSS_DIR', 'css');

// *** Flash Folder ***
// Cannot be empty.
define('BWB_FLASH_DIR', 'flash');

// *** Media Folder ***
// Cannot be empty.
define('BWB_MEDIA_DIR', 'media');

// *** Scripts Folder ***
// Cannot be empty.
define('BWB_SCRIPTS_DIR', 'scripts');

// *** Library Folder ***
// Cannot be empty.
define('BWB_LIB_DIR', 'php');

// *** Fonts Folder ***
// Cannot be empty.
define('BWB_FONTS_DIR', 'fonts');

// *** Table Prefix ***
// You may want to use a table prefix, especially if the Breeze Website Builder must share the same database as another application.
// Include an underscore if your table names will have a prefix with an underscore. This is more typical of table prefixes.
// i.e. 'BWB_'
define('BWB_TABLE_PREFIX', 'bwb_');