EastTosa Sponsor Sliders

From Gruff Goat Wiki
Jump to: navigation, search

Promotion Slider

Promotion slider is a jQuery slider that makes it easy to insert a simple slideshow, or implement multiple rotating ad zones, on a webpage. Because it is highly-customizable, you are in complete control of what shows on the slider, what shows on your promotion pages and how it all works. A simple options page and straight-forward shortcodes provide great flexibility to the average user, while power users can take advantage of special actions and filters built into the plugin to add their own customizations.

This plugin creates its own button named Promotions

Good Graphics

  1. All images MUST be less than 200 width x 220 height
  2. If your image is too large, resize it before uploading it.
  3. A simple online picture resizer, pic resize
  4. Other tools may be used to resize your image

How to add and manage sliders

Add the Slider Categories

  1. A slider is a slideshow location that may be put onto the web site
  2. Create a top level Slider.
  3. Create additional sliders that have the top level as their parent
  4. If possible, reuse previously created slider categories. Just rename the parent for the current year.


Edit Current Promotions (preferred)

  1. A promotion may go into multiple slider categories.
  2. Check the categories for your promotion.
  3. Verify the other information on the edit page
  4. If the graphic is incorrect click Remove Featured image then follow “Add Featured Image” instructions below.
  5. Publish the promotion

Add New Promotion

  1. Give the promotion a title
  2. Check the slider categories
  3. Under “Promotion Slider Options” set the behaviour to “Open link in a new page” then set the “Destination URL” to the business’ web site address.
  4. Add the Featured Image (see below)
  5. Publish the promotion

Add Featured Image

  1. Click the “Add Media” button just below the title
  2. Click “Set Featured Image”
  3. Drag or browse to your image.
  4. Set Featured Image
  5. Featured Image Limits
    • The image should be less than 200px wide and 220px high
    • If other sizes are used, you will need to adjust the slider code.

Sliders in the Widget

  • If you reused the slider categories, then your work is done.
  • If you added new slider categories, you must update the Secondary Aside Text widgets.
    1. Click Appearance >> Widgets from the left sidebar
    2. Expand the Secondary Aside.
    3. The top Text widget holds the code for the top slider.
    4. The second Text widget holds the code for the remaining sliders.
    5. Slider code looks something like this:
      [promoslider width="200px" height="220px" category="slidercat"]
    6. Replace slidercat with the appropriate slider category.
    7. If needed, adjust the width and height of the slider code.