Plugin used to dynamically create CSS image maps for use in fundraising. Admin panel includes XML editor for updating fundraising information.
| Author: | Eric Lagally (profile at wordpress.org) |
| WordPress version required: | 2.7.0 |
| WordPress version tested: | 3.3.2 |
| Plugin version: | 1.1 |
| Added to WordPress repository: | 20-12-2011 |
| Last updated: | 09-02-2012
Warning! This plugin has not been updated in over 2 years. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.
|
| Rating, %: | 0 |
| Rated by: | 0 |
| Plugin URI: | http://www.ghtech.org/tools/plugins.html |
| Total downloads: | 2 120 |
| Active installs: | 10+ |
Click to start download
|
This plugin loads an XML file specifying different “bricks” used to make up a fundraising image map and generates a dynamic CSS image map based on the XML file for use as a fundraising meter within pages, posts, and more.
Features:
- Loads XML file and displays it as a form within the Administrator panel for editing
- Saves edited XML file
- Parses XML file to generate dynamic image map, with opaque squares representing “bricks” that are not yet purchased and transparent squares representing “bricks” that have been purchased.
- Each brick has a hover button popup that directs the user to a donation page, shopping cart, etc.
- Completely customizable background image, XML file, popup image, and more
For support and further information about the Buy-a-Brick plugin see the plugins homepage at http://www.ghtech.org/tools/plugins.html.
Plugin Official Site
If you have questions about installation or use of this plugin, please visit the official plugin site.
Screenshots
Plugin settings page
XML Editor screen
Fundraising image map showing purchased and unpurchased bricks
How do I create the image sprite to use in the plugin?
The sprite has two parts: the bottom half should be the image you want to appear when bricks are purchased, with an identical version of the image directly above it with opacity applied to darken it for bricks that are not yet purchased.
What is the format of the XML file?
<bricks>
<item id="item-id-1" product_name="message-that-appears-in-popup-1" link_brick="url-that-popup-links-to" width="width-of-this-brick-in-px" height="height-of-this-brick-in-px" top=
upper-bound-of-this-brick-in-px" left="left-location-of-this-brick-in-px" type="2-if-purchased-1-otherwise" raised="total-raised-so-far-first-item-only" />
</bricks>
An example XML file:
<?xml version="1.0" encoding="utf-8"?>
<bricks>
<item id="mc1" product_name="Purchase your Brick now $5000" link_brick="http://www.somesite.org/store/products-page/bricks/bricks4" width="99" height="49" top="0" left="0" type="1" raised="$3.700.00"/>
<item id="mc2" product_name="Mr. Testing Bricks" link_brick="http://www.somesite.org/store/products-page/bricks/bricks4" width="99" height="49" top="0" left="100" type="2" />
<item id="mc3" product_name="Purchase your Brick now $5000" link_brick="http://www.somesite.org/store/products-page/bricks/bricks4" width="99" height="49" top="50" left="0" type="1" />
<item id="mc4" product_name="Mrs. Testing Bricks" link_brick="http://www.somesite.org/store/products-page/bricks/bricks4" width="99" height="49" top="0" left="200" type="2" />
</bricks>
ChangeLog
1.1
- Revised settings to allow for five fundraising levels and specification of completely different URLs to link to from each level. This is for compatibility with Paypal buttons.
1.0.5
- Updated plugin to handle Paypal donation or purchase link within image map.
1.0
