Easy Banner User Guide

From MageWorld Wiki
(Redirected from EasyBanner-user-guide)
Jump to: navigation, search

Contents

User Guide

The Extension includes Banner and Banner Items. A Banner means a slider, and it includes one or many banner items. Each Banner Item includes an Image and extra info. To create a banner slider and show it on the frontend, you need to do 3 steps: Create a Banner, Create Banner Items, and Show the banner slider on the frontend

Create a Banner

  • 1. Go to the Backend => Easy Banner => Manage banners, then create a banner, example name is: homebanner
  • 2. Specify the Identifier of Banner, Title and Show Title (normally show title of banner is not necessary so select Show Title is No)
  • 3. Specify width, height of banner
  • 4. Specify the Delay (mini seconds) that is slider’s speed in the banner
  • 5. Select Active From and Active To for the banner
  • 6. Select status is Enable
caption

Create Banner Items

After creating a Banner, you need to create Banner Items (image) for that banner.

  • 1. Go to Easy Banner => Manage Banner Items and add new Banner Item
  • 2. Select the banner
  • 3. Enter Banner item (Image) title, the title will be showed or not showed depending on the slider you used.
  • 4. Specify the order of Image
  • 5. Upload image (Image will be uploaded directly to the server) or use Image URL (Image is from URL). For some sliders that show thumbnail image, you need to upload thumbnail image or use thumbnail Image URL
  • 6. Specify the link Url of the Image. If customers click the image, he will go to this link
  • 7. Enter content of Banner Item, it will be showed depending on the slider you used
  • 8. Finally select status and save.
caption

Show the banner slider on frontend

You can show slider on the frontend by calling it on CMS static page, CMS block, Layout xml file or calling directly in .phtml file

Call the slider on CMS page or CMS block:

You just need to go to CMS page-> Content and insert these codes below:

Using Simple Slider:

{{block type="easybanner/banner" name="banner" banner_id="yourbannerID"  template="easybanner/simpleslider.phtml"}}

Using Cycle Slider:

{{block type="easybanner/banner" name="banner" banner_id="yourbannerID"  template="easybanner/cycleslider.phtml"}}

Using Gallery View:

{{block type="easybanner/banner" name="banner" banner_id="yourbannerID" template="easybanner/galleryview.phtml"}}

Using Accordion Slider:

{{block type="easybanner/banner" name="banner" banner_id="yourbannerID" template="easybanner/accordion_slider.phtml"}}

Using Simple Slider 2:

{{block type="easybanner/banner" name="banner" banner_id="yourbannerID" template="easybanner/simpleslider2.phtml"}}

Using Easy Slider:

{{block type="easybanner/banner" name="banner" banner_id="yourbannerID" template="easybanner/easyslider.phtml"}}

Using Anything Slider:

{{block type="easybanner/banner" name="banner" banner_id="yourbannerID" template="easybanner/anythingslider.phtml"}}

Using StartStop Slider:

{{block type="easybanner/banner" name="banner" banner_id="yourbannerID" template="easybanner/startstop-slider.phtml"}}

Using Coin Slider:

{{block type="easybanner/banner" name="banner" banner_id="yourbannerID" template="easybanner/coinslider.phtml"}}

Using Panel Slider:

{{block type="easybanner/banner" name="banner" banner_id="yourbannerID" template="easybanner/panelslider.phtml"}}

Using Pikachoose Gallery Slider:

{{block type="easybanner/banner" name="banner" banner_id="yourbannerID" template="easybanner/pikachoose-gallery.phtml"}}

Using Gallery View 2:

{{block type="easybanner/banner" name="banner" banner_id="yourbannerID" template="easybanner/galleryview2.phtml"}}

Using Feature gallery Slider:

{{block type="easybanner/banner" name="banner" banner_id="yourbannerID" template="easybanner/feature-gallery.phtml"}}

Using Pliable Photo Slider:

{{block type="easybanner/banner" name="banner" banner_id="yourbannerID" template="easybanner/pliable_photo.phtml"}}

Call the slider in Layout XML:

Using Simple Slider:

<block type="easybanner/banner" name="banner" template="easybanner/simpleslider.phtml">
<action method="setBannerId">
<banner_id>yourbannerID</banner_id>
</action>
</block>

For Using other sliders, you can use the same code and change the phtml file template="easybanner/simpleslider.phtml"

Call the slider in .phtml page

Using Simple Slider:

<?php echo $this->getLayout()->createBlock('easybanner/banner', 'banner',array('banner_id' => 'yourbannerID'))->setTemplate('easybanner/simpleslider.phtml')->toHtml() ?>

For Using other sliders, you can use the same code and change the phtml file setTemplate('easybanner/simpleslider.phtml')

Personal tools
Namespaces

Variants
Actions
Navigation
General
Free Gift
Onestep Checkout Pro
Reward Points Pro
Reward Points Lite
Affiliate Pro
Affiliate Lite
Help Desk Pro
Daily Deal
Easy Banner
Cms Pro
Mega Menu
Follow Up Email
Easy Testimonial
Easy FAQ
Store Credit Pro
Ajax Cart Pro
Promobox
Delivery Schedule
Social Gifts
Toolbox