21 votes

Umazel Starter Kit (Responsive Bootstrap Theme)

About this starter kit

This is a starter kit for Umbraco 7.4 and onwards, based on the Mazel HTML theme. It is actually the same kit we are using on our web site (www.dot-see.com).

This starter kit includes functionality contained in other packages created by DotSee: AutoNode, VirtualNodes, NodeRestrict and PropSense (their files are included here and are free to use anyway). 

The starter kit uses strongly-typed models.

You are free to use it as you like, for personal or commercial purposes. (The original HTML theme was purchased from WrapBootstrap with Extended License which allows redistribution).

DEMO SITE: http://umazeldemo.dot-see.com

VIDEOS: http://screencast-o-matic.com/channels/cDQFYJrU3



This starter kit features a lot of functionality both in the front-end and the back-end. Let's see the highlights.

On the back-end:

Automatic node creation - for example, when you create a new page placeholder nodes for page elements are created automatically under it.

Unneeded URL segments hidden from automatically-generated URLs - you'll see this in action in blog posts - although each blog post is created under my-blog-node/posts/post-name, (where "posts" is the default, auto-generated folder where you put your blog posts), the "posts" part of the URL is not present, making each post's URL easier to read.

Limit on the number of nodes that can be published where needed - for example, you can have up to 4 nodes in a pricing section - any more than that will be saved but not published and the Umbraco backoffice will inform you of the restriction.

On the front-end:

Modular page building - each page consists of "page elements" - essentially subnodes that represent "rows" (don't forget we're using Bootstrap) with different functionality such as text content, a gallery, an FAQ, a customer testimonials section etc. You can add as many of those "elements" as you want on a page and order them the way you want.

Reusable page elements - you can have page elements stored in a central location (there is a "reusable elements folder") and then re-use them in multiple pages without having to edit each one separately to change it - you just edit the one reusable element under the "reusable elements folder".

Automatic or manual menu generation - you can select to either have the top menu generated automatically from all pages (3 levels deep max) or just define which pages you need the menu to include. In case you choose automatic menu generation, you can still control what appears in navigation on a per-page basis via properties.

Per-page name (title) management - you can have different literals for the browser title, the top menu, the footer, the title that is shown inside the page, and, of course, the node name that generates the URL (thanks to built-in Umbraco properties, you can even override that one too).

Open Graph and Meta Tags that can be defined per page, inherited from the home page, or "discovered" by scanning a set of properties you define in the order you define (and this includes images too). You can also have the content of OG tags automatically copied to relevant meta tags.


Why this starter kit was created

We wanted to take an HTML theme, convert it to Umbraco, and make it as configurable as possible. We also wanted to demonstrate a modular approach to creating content that would not restrict each page to predefined content positions. Finally, we wanted to do all this with the new, strongly typed models (ModelsBuilder) functionality available in Umbraco.

We hope you like this approach.

We haven't implemented everything from the HTML template, but there's always room for future releases :)

We don't claim that this starter kit contains state-of-the-art code or is the best approach around, but we think it's good. We would really like to hear your feedback though! 

Special thanks to: Tom Madden, Jon Humphrey, Carlos Casalicchio, Marcus Maunula, and our own George J. Capnias.




Initial Release


Bugfix - Blog post pages not allowed for internal link picker

Bugfix - Sidebar blog partial views not cached by page (incorrect caching in multi-language setups)

Bugfix - Form submission will not work correctly if specific web.config keys not present

Bugfix - Light/dark menu being decided by script in some cases rather than settings

Bugfix - MNTP (e.g. for blog categories) would default to site root if document was not yet saved

Enhance: Changed left footer text to RTE instead of textbox

Enhance: Custom CSS for RTE


Bugfix - Blog post paging behaving irreguraly when filtering by categories or tags

Bugfix - Category picker not starting at correct root for blog categories


Package owner

Sotiris Filippidis

Sotiris Filippidis

Sotiris has 1338 karma points

Package Compatibility

This package is compatible with the following versions as reported by community members who have downloaded this package:
Untested or doesn't work on Umbraco Cloud
Version 8.7.x (untested)
Version 8.6.x (untested)
Version 8.5.x (untested)
Version 8.4.x (untested)
Version 8.3.x (untested)
Version 8.2.x (untested)
Version 8.1.x (untested)
Version 8.0.x (untested)
Version 7.15.x (untested)
Version 7.14.x (untested)
Version 7.13.x (untested)
Version 7.12.x (untested)
Version 7.11.x (untested)
Version 7.10.x (untested)
Version 7.9.x (untested)
Version 7.8.x (untested)
Version 7.7.x (untested)
Version 7.6.x (untested)
Version 7.5.x (100%)
Version 7.4.x (100%)
Version 7.3.x (untested)
Version 7.2.x (untested)
Version 7.1.x (untested)
Version 7.0.x (untested)
Version 6.2.x (untested)

You must login before you can report on package compatibility.

Package Information

  • Package owner: Sotiris Filippidis
  • Created: 24/09/2016
  • Current version 1.0.5
  • .NET version 4.5.2
  • License MIT
  • Downloads on Our: 8145

External resources