Powerbanners Manual

In this document, you will find step by step instructions for installing and using this extension. Thank you for paying attention to this manual. If you have more questions please post your question on themeforest item page and our staff will put its best to help you http://themeforest.net/

Features

Powerbanners - push your customers purchase MORE. Creating and displaying banners with Powerbanners is easier than ever. This module allows you to create responsive banner slider to showcase your brands, products or seasonal offers in almost any place on site. Powerbanners is a perfect solution for those who want their visitors to be aware of all hot stuffs.

It does support touch devices like iPhone and iPad, customer can swipe thru the banners. Support multiple screen resolutions and adapts accordinly. Support retina screens.

Comes with slider widget. Select one of your banner sliders, adjust its settings like navigation or slide speed and insert shortcode in your cms page or block.

Check out Powerbanners FAQ for tutorials and features overview

Full features list

  • Add as many sliders as you need
  • Responsive layout, adapts to phone, tablet etc
  • Touch devices support, swipe to scroll
  • Support retina screens
  • Slider widget
  • Multiple sliders on the same page
  • Create your own text styles
  • Control banner size
  • Organize banners through order
  • Over 600 Google fonts
  • Compatible with all the modern browsers
  • Multi-store supported
  • No programming skills required
  • Easy to install and configure
  • Meets Magento programming practices

Quick Start

  • Install Powerbanners extension
  • Configure extension settings
  • Create your own text styles or use default
  • Create new banner slider

    You need to create at least one banner slider to start add new banners

  • Add new banners to the slider
  • Navigate to cms page or static block edit page and insert shortcode or widget.

    To insert Powerbanners Slider Widget in CMS editor click ""Insert Widget"" icon or button. Select NWDthemes Powerbanners widget. In Widget Options select slider you want to insert and click Insert Widget button.

    To create Powerbanners Slider Widget Instance go to CMS > Widget section page and push Add New Widget Instance button. Select NWDthemes Powerbanners widget type, choose design package/theme and click Continue. Fill Frontend Properties form giving widget instance name, assign store views and sort order. Click Add Layout Update button and select pages and block you want to display widget on. Switch to Widget Options tab and select slider for this widget instance. Click Save to update widget options.

    For the XML layout use:

    <block type="powerbanners/slider" name="powerbanners">
        <action method="setAlias"><alias>my_alias</alias></action>
    </block>


    For the PHP code use:
    <?php echo $this->getLayout()->createBlock('powerbanners/slider')->setAlias('my_alias')->toHtml(); ?>

    Please note that my_alias is used for reference. You should change it to your slider alias.

  • Check result on store frontend

Package

Extension package contain following files and folders

  • Documentation - documentation in html format
  • Extension - extension source code

Installation

We do recommend to install and test the extension on development server before installing it on live store

Before start

Backup

Backup store files and the store database.
  • Disable compilation mode in System > Tools > Compilation.
  • disable Magento cache - Cache Management
  • Log out from magento admin panel ( if you logged in ). This step is required to reset magento access control cache

Install

  • Unzip extension package
  • Navigation into package/Extension folder
  • Upload content of package/Extension to your magento root directory.
    • package/Extension/app >> magento_root/app
    • package/Extension/js >> magento_root/js
    • package/Extension/skin >> magento_root/skin
    • and so on

    Powerbanners does not overwrite any magento core files

  • Set correct file permissions for all the theme files which you uploaded to your server.
  • Enable & configure the extension - Powerbanners configuration

Common Issues

  • No "NWDthemes" item in main menu.

    • check that all files were uploaded.
    • check that all files have correct permissions.
    • check that Magento cache is disabled - Cache Management.

  • I get 404 error in System > Configuration > Powerbanners

    • Logout from backend and login back

  • My configuration changes do not appear on the store.

    • Refresh Magento cache - Cache Management
    • Make sure that settings are not overrided on different scope level like website or store view. Scope switch is located in top left corner of Configuration page. More info about scopes - Understanding store scopes

Uninstallation

If you require to disable the extension without removing it completely, go to System > Configuration > Advanced > Advanced > Disable Modules Output and disable the module Nwdthemes_Powerbanners

If you want to completely remove extension, follow these steps:

  • Disable compilation, in case it is enabled. ( System > Tools > Compilation )
  • Login to your FTP, navigate to app/etc/modules/
  • Open the file Nwdthemes_Powerbanners.xml and change the following line: from
    <active>true</active>
    to
    <active>false</active>
  • Clear the cache under var/cache
  • Make sure that the site is working properly
  • If everything works fine, it is safe to delete the files of the extension.

Configuration

Navigate to System > Configuration > Nwdthemes extensions > Powerbanners configuration to modify extension configuration

  • General

    • Status - Enable / disable all powerbanners instances
    • Custom CSS - Add custom css

Text styles

You can create your own text styles for banners. Choose from over 600 google fonts, update font weight, font size and letter spacing. You will see live preview of chosen parameters

text styles

Text style has following parameters

  • Style Title - style title
  • Font Family - adjust font family
  • Font Size - adjust font size
  • Font Weight - adjust font weight
  • Letter spacing - adjust font letter spacing
  • Text Color - style Text Color
  • Background Color - style Background Color
  • Enabled - style status - Enabled / disabled
  • Sort Order - style sort order

Banner Slider

Banner slider is basically container for banners. You can setup title, number of visible banners and its dimensions, add custom css and setup slider options

Full list of banner slider parameters

  • Slider Data

    • Enabled - Enable / disable slider
    • Alias - Unique slider Alias used in xml layouts and cms shortcodes
    • Title - slider title
    • Show title - show / hide slider title
    • Number of visible banners - how much banners per row in slider
    • Custom CSS - Add custom css to slider to override default css rules.
      Slider ID is based on slider alias. If alias = sample, id = #nwd_pb_sample. You can use id apply custom css for certain slider.
      #nwd_pb_sample .title-wrapper { padding: 30px; }
    • Sort Order - slider sort order
  • Banner dimensions

    • Banner Width - Banner Width. Banner images will be resized to these dimensions.
      Width min/max range: 0 - 1200
    • Banner Height - Banner Height
  • Slider Settings

    • Autoscroll - Change to any integer ( for example 5000 to play every 5 seconds). Set to 0 to disable autoscroll
    • Slide to first item - Slide to first item or stop at last item
    • Slide speed - Slide speed in milliseconds
    • Stop on hover - Stop autoscroll on hover
    • Show navigation arrows - Show / hide navigation arrows
    • Navigation arrows mode - Show arrows permanently or show on hover

Banners

Create / edit your banners. Upload images, assign text styles, add link and choose if you want to open it new or same window. Retina screens also supported.

banners grid

Banner has following parameters

  • Slider - assign banner to a slider
  • Store View - select banner store view
  • Banner Link - Banner Link
  • Link Target - open banner link in same or new window
  • Image - banner image
  • Image for Retina - banner image for retina screens
  • Text location - choose text location
  • Text Line 1 - Banner Text Line 1
  • Text Line 1 Style - Banner Text Line 1 Style
  • Text Line 2 - Banner Text Line 2
  • Text Line 2 Style - Banner Text Line 2 Style
  • Enabled - Enable / disable banner
  • Sort Order - banner sort order

Shortcode

You can insert Powerbanners slider in any cms page or static block

{{block type="powerbanners/slider" alias="slider_alias" }}

This code insert new Powerbanners slider in cms block. Slider will use settings from slider configuration. However, you can override certain settings in shortcode parameters.

Possible parameters:

  • show_title - show / hide slider block title

    Possible values:

    • 1
    • 0
  • autoscroll - Change to any integer ( for example 5000 to play every 5 seconds). Set to 0 to disable autoscroll
  • scroll_items - Slide per item or per page

    Possible values:

    • item
    • page
  • rewind - Slide to first item or stop at last item

    Possible values:

    • 1
    • 0
  • slide_speed - Slide speed in milliseconds
  • stop_on_hover - Stop autoplay on mouse hover

    Possible values:

    • 1
    • 0
  • navigation - Display "next" and "prev" buttons.

    Possible values:

    • 1
    • 0
  • navigation_mode - Show navigation arrows permanently or on hover.

    Possible values:

    • always
    • hover

Widget

widget

To insert Powerbanners Slider Widget in CMS editor click ""Insert Widget"" icon or button. Select NWDthemes Powerbanners widget. In Widget Options select slider you want to insert and click Insert Widget button.

To create Powerbanners Slider Widget Instance go to CMS > Widget section page and push Add New Widget Instance button. Select NWDthemes Powerbanners widget type, choose design package/theme and click Continue. Fill Frontend Properties form giving widget instance name, assign store views and sort order. Click Add Layout Update button and select pages and block you want to display widget on. Switch to Widget Options tab and select slider for this widget instance. Click Save to update widget options.

Widget has same parameters as described in Shortcode

Magento Configuration

We do not provide support of magento core features. More inormation about Magento can be found in Useful links

Cache Management

This screen will allow you to manage cache settings for different internal Magento aspects. To access the Cache Management screen (System > Cache Management)

cache management

To disable caching you need to Select all items, select disable in actions and click submit.

More info about caching - Cache Management

Index Management

To access the index management screen, go to System > Index Management.

index management

To rebuild your indexes, select all, select Reindex Data and click Submit button.

Help & Support

Magento Installation

Magento Configuration

Support Policy

Support hours: 10AM – 6PM GMT+1 time, Monday – Friday. The support response time is 24-48 hours.

Support for our items includes:

  • Fixing bugs and reported issues
  • Responding to problems regarding the item and its features
  • Providing updates to ensure compatibility with new software versions

Item support does not include:

  • Customization and installation services
  • Support for third party software and plug-ins
  • Support for Magento: configuration, installation, maintenance etc.