MobilePlus:Documentation

From MtTWiki

Jump to: navigation, search

Contents

Overview

Content types

Mobile+ comes with five build in Content types

Of course Mobile+ also supports the rest of Drupal's default content types: Article and Basic page.

Service

A Service post is ideal for creating and displaying services. It has the option to be displayed into front page slide show. It provides the ability to attach an image which is automatically adjusted to fit into the websites layout. What’s particularly cool about a Service post, is that it provides the ability to attach a series of images, thumbnails of which are automatically created and adjusted to fit into the website layout. Service post enables free tagging (just like labels), taking the bests from the taxonomy system.

Showcase

A Showcase post is ideal for creating and displaying showcases. It has the option to be displayed into front page slide show. It provides the ability to attach an image which is automatically adjusted to fit into the websites layout. What’s particularly cool about a Showcase post, is that it provides the ability to attach a series of images, thumbnails of which are automatically created and adjusted to fit into the website layout. Showcase post enables free tagging (just like labels), taking the bests from the taxonomy system.

Blog post

A blog post, similar in form to a story, is ideal for creating and displaying content that carries images and informs or engages website visitors. Press releases, site announcements, and informal blog entries may all be created with a blog post entry. By default, a blog post entry is automatically featured on the site's initial home page, and provides the ability to post comments. It has the option to be displayed into front page slide show. It provides the ability to attach an image which is automatically adjusted to fit into the websites layout. Blog post enables free tagging (just like labels), taking the taxonomy one step further.

Testimonial

The Testimonial entry is perfect to showcase the words of love from your users and customers. Use it to easily publish testimonials on your site. A special View Block and a View Page are already configured to show them off perfectly.

Slideshow entry

A Slideshow entry is ideal for creating commercial banners as well as messages for your website. Use it to promote any page of your website or URL into the front page slide show. It can carry a title, a teaser and an image linking to an internal path or external link.

Image handling

Mobile+ comes with pre-configured image presets ready to be used. All the content types, Service, Blog entry, Showcase and Slideshow entry make use of this and produce all necessary thumbnails and other derived images.

Just upload your images and Mobile+ will use them for the Front Page, the Showcase and any other place where a derived image is needed.

Mobi-image-handling-all.png

Mobi-image-handling-01.png

Mobi-image-handling-02.png

Mobi-image-handling-03.png

Pre-configured Blocks

Mobile+ comes with a set of pre-configured ready-to-use blocks and view blocks:

Front page Slideshow

This view block collects and displays the promoted to front page Slideshow Services, Showcases, Blog entries, and Slideshow entries.

Mobi-blocks-01.png

This view block collects and displays the promoted to front page Services, Showcases, Articles and Blog entries.

Mobi-blocks-02.png

Testimonials Slider

This view block collects and displays the latest Testimonials in a slider.

Mobi-blocks-03.png

Latest Feed

This view block collects and displays the latest Services, Showcases and Blog entries on your site.

Mobi-blocks-04.png

Contact

Mobi-blocks-05.png

Twitter Updates

Connects with a given twitter account and displays automatically the latest tweets.

Mobi-blocks-06.png

Contact Us

This block displays a more compact version of the theme's contact form. This form is fully functional and also linked to the actual contact form page.

Mobi-blocks-07.png

Connect with us

Ready made, html block with eye-candy social icons.

Mobi-blocks-08.png

Google Map

This block displays the corresponding Google map configured through the theme settings.

Mobi-blocks-09.png

Testimonials

This view block collects and displays the latest Testimonials

Mobi-blocks-10.png

Other Services

This view block collects and displays the related Services of the displayed Service.

Mobi-blocks-11.png

Company info

Mobi-blocks-12.png

How to

Add a new Service or Showcase

  1. Select "Add Content" and click on the content type you want
    Mobi-ht-service-01.png
  2. Enter a title
  3. Enter a Subheader title and Subheader body
  4. If you want to display a Font Awesome icon enter the corresponding classes.
    Mobi-ht-service-02.png
  5. Upload as many images as you like
  6. Enter the body text
    Mobi-ht-service-03.png
  7. Upload a teaser image and enter the Teaser text
  8. If you want the teaser image to be displayed as the image banner enable the "Use as main image banner" checkbox.
    Mobi-ht-service-04.png

Add a new Blog entry

  1. Select "Add Content" and click on the content type you want
    Mobi-ht-blog-01.png
  2. Enter a title
  3. Enter the body text
  4. Upload as many images as you like
    Mobi-ht-blog-02.png
  5. Upload a teaser image that will be used in view blocks and listings and enter the Teaser text
  6. If you want the teaser image to be displayed as the image banner enable the "Use as main image banner" checkbox.
    Mobi-ht-blog-03.png

Add a new Testimonial

  1. Select "Add Content" and click on "Testimonial" link
  2. Enter a title
  3. Enter a subtitle
  4. Upload an image
  5. Enter the Body text

Mobi-ht-testimonial.png

Promote a Service, Showcase or Blog post to the front page promoted block

In order to promote a Service, Showcase or Blog post to the front page you should enable the "Promoted to front page" checkbox of the corresponding node.

Mobi-ht-promo2front.png

Publish a post to the front-page slideshow

Service, Showcase or Blog post

  1. Create a new or edit an existing Service, Showcase or Blog entry
  2. Make sure you have uploaded the Slideshow image using the Teaser image field
  3. Optionally enter a "Teaser Text" to appear on the slide.
  4. Check the "Promoted on slideshow" option

Mobi-ht-promo2SS-01.png

Your image will automatically be uploaded and resized to fit in the Slideshow. Your post now is part of the front page Slideshow.

Slideshow entry

  1. Create a new Slideshow Entry
  2. Enter the title and upload an image using the Slideshow entry image
  3. Set the "Slideshow entry path". It can also be an external link.
  4. Make sure the "Promoted on slideshow" check box is enabled.
  5. Optionally enter a "Slideshow Text" to appear on the slide.

Mobi-ht-promo2SS-02.png

Customize the main menu for mobile dimensions

All customizations regarding the mobile menu can be found at the theme settings.

Mobi-ht-themeSettings.png

Enable optgroups

To be able to display the responsive menu with the use of optgroups follow the instruction below. Note that Optgroups support up to 1 sub-menu level.

  1. Enable the corresponding options in the theme settings
    Mobi-ht-responsiveMenu-02a.png
  2. Disable the Superfish "sf-Smallscreen" plugin for the corresponding menu block
    Mobi-ht-responsiveMenu-02b.png
    Mobi-ht-responsiveMenu-02c.png

The result will look like this

Mobi-ht-responsiveMenu.png

Personal tools
Namespaces
Variants
Actions
Main Menu
Premium Themes
Toolsets
Freebies
Navigation
Toolbox
This wiki is hosted by morethanthemes.com, creators of top quality premium and free themes for Drupal 6 and 7, as well as HTML and PSD themes.
Find out more
for Drupal 6 & 7