RetailPlus:Documentation

From MtTWiki

Jump to: navigation, search

Contents

Overview

Content types

Retail+ comes with five build in Content types

Of course Retail+ also supports the rest of Drupal's default content types: Blog and Basic page as well as the Webform content type.

Article

An Article post, similar in form to a story, is ideal for creating and displaying content that carries images and informs or engages website visitors. Time-sensitive content like news, press releases or blog posts may all be created with a article post entry. By default, an article 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 in the front page slide show. It provides the ability to attach an image which is automatically adjusted to fit into the websites layout. Article post enables free tagging (just like labels), taking taxonomy one step further.

Product

A Product entry is ideal for creating and displaying products. It features options like being promoted on the front page slide show, adding product descriptions and more. It provides the ability to attach one or multiple images, which are then automatically adjusted, along with their thumbnails, to fit into the website’s layout.

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

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

Just upload your images and Retail+ will use them for the Front Page and any other place where a derived image is needed. Retailplus-image-handling-all.png

Retailplus-image-handling-01.png

Retailplus-image-handling-02.png

Retailplus-image-handling-03.png

Pre-configured Blocks

Retail+ 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 Slideshow Articles, Products, Blog entries and Slideshow entries. Retailplus-blocks-01.png

Latest Additions - main

This view block collects and displays automatically the latest published Products. This block is by default assigned into a quicktabs block. Retailplus-blocks-02.png

Latest Products - sidebar

This view block collects and displays automatically the latest published Products. This block is by default assigned into a quicktabs block.

Retailplus-blocks-03.png

Featured Products

This view block collects and displays the Products that have enabled the "Featured" and "Promoted to front page" checkboxes. This block is by default assigned into a quicktabs block. Retailplus-blocks-04.png

Offers - main

This view block collects and displays the Products that have the "Offer" checkbox enabled. This block is by default assigned into a quicktabs block. Retailplus-blocks-05.png

Offers - sidebar

This view block collects and displays the Products that have the "Offer" checkbox enabled.

Free Shipping Products - main

This view block collects and displays the Products that have the "Free Shipping" checkbox enabled.

Free Shipping Products - sidebar

This view block collects and displays the Products that have the "Free Shipping" checkbox enabled. This block is by default assigned into a quicktabs block.

Retailplus-blocks-08.png

Similar

This view block collects and displays automatically the similar Products with the current displayed Product. Retailplus-blocks-09.png

Testimonial Slider

This view block collects and displays the promoted to front page Testimonials.

Retailplus-blocks-11.png

Looking for offers?

Ready made, html block that also displays a simple subscribe form.

Retailplus-blocks-12.png

Companies in our Store

This view block collects and displays the first 6 taxonomy terms of the "Companies" vocabulary. Retailplus-blocks-13.png

Contact info - footer

Retailplus-blocks-14.png

Twitter Updates

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

Retailplus-blocks-15.png

Popular Tags

This view block collects and displays the tags of the "Tags" taxonomy vocabulary of your site.

Retailplus-blocks-16.png

Items In Your Watchlist (only Personal Edition)

A link to your watchlist.

Retailplus-blocks-17.png

Google Map - contact page

This block displays the corresponding Google map configured through the theme settings. Retailplus-blocks-18.png

Other ways to contact us

Ready made, html block with all contact information.

Retailplus-blocks-19.png

How to

Add a new Article or Blog Entry

  1. Select "Add Content" and click on the content type you want
    Retailplus-ht-blog-01.png
  2. Enter a title
  3. Enter the Subheader body
  4. Enter the body text
    Retailplus-ht-blog-02.png
  5. Upload as many images as you like
    Retailplus-ht-blog-03.png
  6. Optionally enter the taxonomy tags you prefer
  7. Optionally upload a teaser image and enable the "Promoted on slideshow" checkbox to display the current Article or Blog Entry to the front page slideshow.
    Retailplus-ht-blog-04.png

Add a new Product

  1. Select "Add Content" and click on "Product" link
    Retailplus-ht-product-01.png
  2. Enter a title
  3. Enter the Description of Product
  4. Enter the body text
  5. Enter the Specifications text
    Retailplus-ht-product-02.png
  6. Upload as many images as you like
    Retailplus-ht-product-03.png
  7. Optionally select the Product type
  8. Optionally select the Company
  9. Optionally select if the product should be included in the Featured, Free Shipping or Offers views
  10. Optionally upload a teaser image and enable the "Promoted on slideshow" checkbox to display the current Product to the front page slideshow.
    Retailplus-ht-product-04.png
  11. [Commerce]Add new Product to Store or connect existing Product from Store with the current Product node. Note that different Store product types have different attributes.
    Retailplus-ht-product-05.png

Add a new Testimonial

  1. Select "Add Content" and click on "Testimonial" link
  2. Enter a title
  3. Enter the Body text

Retailplus-ht-testimonial.png

Promote a Product to the Latest Additions block

In order to promote a Product to the Latest Additions view block you should enable the "Promoted to front page" checkbox of the corresponding node. Retailplus-ht-promo2front.png

Promote a Product to the front page Featured block

In order to promote a Product to the front page Featured view block you should enable the "Promoted to front page" and the "Featured" checkboxes of the corresponding node.

Promote a Product to the Offers views

In order to promote a Product to the Offers view block you should enable the "Promoted to front page" and the "Offer" checkbox of the corresponding node.

Promote a Product to the Free shipping views

In order to promote a Product to the Sponsored view blocks you should enable the "Sponsored" checkbox of the corresponding node.

Promote a Testimonial to Testimonials Slider

In order to promote a Testimonial to the Testimonials Slider view block you should enable the "Promote to front page" checkbox of the corresponding node.

Publish a post to the front-page slideshow

Product, Article and Blog Entry

  1. Create a new or edit an existing Product, Blog Entry or Article
  2. Make sure you have uploaded the Slideshow image using the Teaser image field
  3. Check the "Promoted on slideshow" option

Retailplus-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.

Retailplus-ht-promo2SS-02.png

Customize the main menu for mobile dimensions

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

Retailplus-ht-themeSettings.png

Change mobile menu

To change the default responsive menu rendering and display the menu as a select follow the instruction below.

  1. Disable the Responsive multilevel menu option in the theme settings
    Retailplus-ht-responsiveMenu-01.png
  2. Enable the sf-Smallscreen plugin in the superfish-menu block settings
    Retailplus-ht-responsiveMenu-02.png

The result will look like this

Retailplus-ht-responsiveMenu.png

Configure the affix implementation

The affixed presentation of your call to action buttons (Add to cart / Add to watchlist) is configured for the default header and admin menu height.

If you make changes that modify the height of these regions you should also change the corresponding theme settings so that the affix implementation works as expected.

  1. With a tool like Chrome's web inspector find the height of the header when it is affixed at the top of the page
    Retailplus-ht-affix-01.png
  2. Also find the height of the admin menu when logged in
    Retailplus-ht-affix-02.png
  3. Enter these values in the corresponding fields of the theme settings
    Retailplus-ht-affix-03.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