TopHit:Documentation

From MtTWiki

Jump to: navigation, search

Contents

Overview

Content types

TopHit comes with four build in Content types

Of course TopHit supports the rest of drupal's default content types: Article and Page. It also comes with with the Blog module enabled and extremely themed

Product

A Product post is ideal for creating and displaying products. 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 Product 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. Product post enables free tagging (just like labels), taking the bests from the taxonomy system.

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.

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.

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.

Image handling

TopHit comes with the Image module pre-configured and ready to be used. All the content types, Product, Service and Slideshow entry, make use of this and produce all necessary thumbnails and other derived images.

Just upload your images and TopHit will use them for the Front Page, the Views and any other place where a derived image is needed. Th-imagehandling-01-1.png Th-imagehandling-02.png Th-imagehandling-03.png

Pre-configured Blocks

TopHit comes with a set of pre-configured ready-to-use blocks:

Latest products

Collects and displays the latest products on your site.

Th-blocks-01.png

Products in use

Collects and displays thumbnails of the latest products on your site.

Th-blocks-02.png

A word from our clients

Collects and displays the latest testimonials entered on your site.

Th-blocks-03.png

Connect with us

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

Th-blocks-04.png

Latest updates from Twitter

Connects with a given twitter account and displays automatically the latest tweets. This blocks comes with a build in module with configuration options.

Th-blocks-05.png

How to

Add a Product or Service

Th-ht-product-01.png Th-ht-product-02.png Th-ht-product-03.png Th-ht-product-04.png

To set this Product or Service to become a part of the slide show:

Th-ht-product-05.png

The "Slideshow Image" will be used for the slideshow only.

Add a testimonial

Th-ht-product-01.png Th-ht-testimonial-01.png Th-ht-testimonial-02.png

Publish a post in the front-page slideshow

Product, Service or Blogpost

  1. Create a new or edit an existing Product, Service or Blogpost
  2. Check the "Promoted on slideshow" option
  3. Upload a Slideshow image using the Image field

Th-ht-product-05.png

Your image will automatically be uploaded and resized to fit in the Slideshow. Your post now is part of the front page Slideshow. Th-ht-promo2SS-02.png

Slideshow entry

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

Th-ht-slideshowEntry-01.png

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

Customize the main menu for mobile dimensions

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

Th-ht-themeSettings-01.png

Disable the responsive menu

  1. Select the "Responsive menu" tab
  2. Disable the "Enable responsive menu" check box

Th-ht-responsiveMenu-01.png

The result will look like this

Th-ht-responsiveMenu-02.png

Disable optgroups

Optgroups support up to 1 extra menu level

Th-ht-responsiveMenu-03.png

To be able to display more menu levels in the drop down select list you have to disable optgroups

Th-ht-responsiveMenu-04.png

The result will look like this

Th-ht-responsiveMenu-05.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