Help

Zen Button Construction Kit - v1.6.9

Preview
preview big preview small Big and small button preview using the currently selected options and font file:  DroidSans-Bold.ttf
Load preset
Save preset   

Button Layout Options:


Image format GIF   JPEG   PNG  
Pick Buttons to generate Admin     Catalogue

To view available languages for the Administration buttons, select the "Admin" button above then press the "Preview Button Layout" button below to display the available languages. This will refresh the page.
Languages to output Languages available for the Catalogue

Catala   Czech   Dutch   English   Estonian  
Finnish   French   German   Icelandic   Italian  
Norwegian   Polish   Romanian   Russian   Slovak  
Spanish   Swedish  
Button template
Glass Green
button example		 Glass Greyblue
button example		 Glass Orange
button example
Glossy Bluegrey
button example		 Glossy Green
button example		 Glossy Grey
button example
Glossy Orange
button example		 Glossy Purple
button example		 Glossy Simple White
button example
Glossy Web2 Blue
button example		 Glossy Web2 Green
button example		 Glossy Web2 Grey
button example
Glossy Web2 Orange
button example		 Grey Gear Left
button example		 Grey Gear Plain
button example
Grey Gear Right
button example		 Kvasny Orange
button example		 Metal And Glass Blue
button example
Stylish Arrow Blue
button example		 Stylish Arrow Green
button example		 Stylish Arrow Orange
button example
Stylish Blue
button example		 Stylish Green
button example		 Stylish Orange
button example
Stylish Red
button example		 Wz Blue
button example		 Zen Cart Admin
button example
Zen Cart Default
button example		   
Font  or full path on server:
Font sizes Big button:   Small button:
Font color (hex)
spacer
 
Background color (hex)
spacer
 
Text border Big button:   Small button:
Offsets Big x:   Big y:   Small x:   Small y:
Text attribute
Text effect Drop shadow
  Outline   Color:
spacer
  Emboss   Dark color:
spacer
  Light color:
spacer
Icons Display Icons
  Icon alignment left   right
  Icon offset y, Big:     Icon offset y, Small:
  Icon space:
Make a custom button Only use this if you want custom text on a button. To generate your custom button, enter your button text below, then press the preview button at the bottom of the page.

The custom button will appear in the button preview. To save the custom button right click on it & save it.
Custom button icon Only use this if you want a custom icon on your custom button, also make sure you have the "Display Icon" checkbox ticked on the "Icons" tab
Accept
Accept 		Add
Add 		Arrow Black Left
Arrow Black Left 		Arrow Black Right
Arrow Black Right 		Arrow Down
Arrow Down
Arrow Refresh
Arrow Refresh 		Arrow Refresh Small
Arrow Refresh Small 		Arrow Rotate Anticlockwise
Arrow Rotate Anticlockwise 		Arrow Rotate Clockwise
Arrow Rotate Clockwise 		Arrow Up
Arrow Up
Asterisk Orange
Asterisk Orange 		Asterisk Yellow
Asterisk Yellow 		Award Star Add
Award Star Add 		Basket
Basket 		Basket Add
Basket Add
Basket Delete
Basket Delete 		Basket Edit
Basket Edit 		Basket Error
Basket Error 		Basket Go
Basket Go 		Basket Put
Basket Put
Basket Remove
Basket Remove 		Blank No Icon
Blank No Icon 		Book
Book 		Book Add
Book Add 		Book Addresses
Book Addresses
Book Delete
Book Delete 		Book Edit
Book Edit 		Book Open
Book Open 		Box
Box 		Bullet Black
Bullet Black
Bullet Blue
Bullet Blue 		Bullet Green
Bullet Green 		Bullet Purple
Bullet Purple 		Calculator
Calculator 		Cancel
Cancel
Cart
Cart 		Cart Add
Cart Add 		Cart Delete
Cart Delete 		Cart Edit
Cart Edit 		Cart Error
Cart Error
Cart Go
Cart Go 		Cart Put
Cart Put 		Cart Remove
Cart Remove 		Comment
Comment 		Comment Add
Comment Add
Comment Delete
Comment Delete 		Comment Edit
Comment Edit 		Comments Add
Comments Add 		Comments Delete
Comments Delete 		Creditcards
Creditcards
Cross
Cross 		Delete
Delete 		Disk
Disk 		Drive Network
Drive Network 		Email
Email
Email Edit
Email Edit 		Email Go
Email Go 		Error
Error 		Exclamation
Exclamation 		Flag Red
Flag Red
Folder Add
Folder Add 		Heart
Heart 		Help
Help 		Information
Information 		Key
Key
Layout
Layout 		Lightbulb
Lightbulb 		Link
Link 		Link Break
Link Break 		Link Go
Link Go
Lock
Lock 		Lorry
Lorry 		Magnifier
Magnifier 		Medal Gold 1
Medal Gold 1 		Medal Gold Add
Medal Gold Add
Medal Gold Delete
Medal Gold Delete 		Minus Red
Minus Red 		Money
Money 		Money Add
Money Add 		Money Delete
Money Delete
Money Dollar
Money Dollar 		Money Euro
Money Euro 		Money Pound
Money Pound 		Money Yen
Money Yen 		Mouse
Mouse
New
New 		Newspaper Add
Newspaper Add 		Note
Note 		Package
Package 		Page
Page
Page Add
Page Add 		Page Copy
Page Copy 		Page Edit
Page Edit 		Page Green
Page Green 		Page White
Page White
Page White Acrobat
Page White Acrobat 		Page White Go
Page White Go 		Page White Lightning
Page White Lightning 		Pencil
Pencil 		Plus Green
Plus Green
Printer
Printer 		Printer1
Printer1 		Report
Report 		Resultset Next
Resultset Next 		Resultset Previous
Resultset Previous
Rosette
Rosette 		Rosette Dark
Rosette Dark 		Star
Star 		Status Offline
Status Offline 		Status Online
Status Online
Stop
Stop 		Telephone
Telephone 		Tick
Tick 		User
User 		User Add
User Add
User Comment
User Comment 		User Delete
User Delete 		User Edit
User Edit 		User Female
User Female 		User Ghost
User Ghost
User Go
User Go 		User Gray
User Gray 		User Green
User Green 		User Orange
User Orange 		User Red
User Red
User Suit
User Suit 		Wand
Wand 		Wrench
Wrench 		Zoom In
Zoom In 		 
This version of the Zen Button Construction Kit generates all Zen-Cart shop and admin buttons, for several languages if necessary. (Only English, Dutch, Icelandic and Spanish are supported for the admin buttons at this time)

The Zen Button Construction Kit has been tested with multiple browsers and is cross browser compatible. It has been tested with IE, Firefox, Opera, Safari, and Chrome.

Important note:
The Zen Button Construction Kit v2.0 (found here: http://zen-bck.mediakitchen.de/) is a completely new development branch (separate from the v1.6.x versions) of the Zen Button Construction Kit

The original author has made it clear that he has no plans to release the Zen Button Construction Kit v2.0 to the Zen-Cart community. He is also not accepting any feature requests for the 1.6.x versions of the Zen Button Construction Kit or for the Zen Button Construction Kit v2.0.

However, thanks to the work of other fellow Zenners, beginning with v1.6.5, the v1.6.x releases of the Zen Button Construction Kit provides ALL of the features offered in the Zen Button Construction Kit v2.0 plus extra improvements including:
  • PHP 5.3 compatibility
  • Custom button generation
  • Admin button generation
  • Cross browser compatibility

Version History

Version 1.6.9 -

  • Added Icelandic translation, Thanks Sofus
  • Added Dutch admin translation, Thanks Design75 (Erik - zen4all.nl)
  • Added additional Spanish Admin buttons (torvista)
  • Cleaned up/validated html (torvista)
  • Squashing various layout and functional bugs (nigelt74 -- http://webzings.com)
  • Fixed bug that prevents Custom and preview buttons working correctly on some servers (nigelt74 -- http://webzings.com)
  • Added error catching that will tell user if a button name define is missing(nigelt74 -- http://webzings.com)
  • Added additional buttons for zencart 1.5 (user permissions etc)(nigelt74 -- http://webzings.com)

Version 1.6.8 - torvista, nigel74, & C Jones

  • Improved user interface (module & readme) -- new tabbed layout courtesy of the Tabbed Products Pro module (C Jones -- http://overthehillweb.com)
  • Squashing various layout and functional bugs (nigelt74 -- http://webzings.com)
  • Improved button template layout (nigelt74 -- http://webzings.com)
  • Added custom button creation functionality including the ability to choose the icon to be used on your custom button (nigelt74 -- http://webzings.com)
  • Javascripts and CSS files moved to the "includes" folder (C Jones -- http://overthehillweb.com)
  • Updated icon overlay definitions for admin buttons. Each admin button now has a defined icon--added additional silk icons to support the updated icons (C Jones -- http://overthehillweb.com)
  • Addition of more Droid Open Source fonts and the addition of the Red Hat Liberation Open Source fonts (C Jones -- http://overthehillweb.com)
  • Formatting changes for 100% html validation (C Jones -- http://overthehillweb.com)
  • W3C validation icon added to app main page and readme (torvista)
  • Updates to readme (including moving the readme file to it's own directory) (torvista & C Jones -- http://overthehillweb.com)

Version 1.6.7 - torvista & nigel74

  • Added button/catalog and button/admin directories so each type of button gets saved to a separate directory. Variable added to button config files to steer this. (torvista)
  • Missing swedish folder added to enable error-free generation (torvista)
  • Cleanup of button definition file (removal of non-standard Zen Cart buttons) to avoid errors (torvista)
  • Additions to readme concerning font useage (torvista)
  • Non-free fonts removed and a free one included to avoid disconcerting error on first run (torvista)
  • Added transparent png support (nigelt74)
  • Added ability to select admin or catalog button generation from front end (nigelt74)
  • Added catalan support from forum post (nigelt74)

Version 1.6.6 - torvista

  • Deprecated functions replaced for compatibility with PHP 5.3
  • Replaced <?= to <? php echo for compatibility with PHP 5.3
  • Encoding of special characters in the catalog buttons file was changed to html entities for compatibility with PHP 5.3 (thanks to nigelt74). Admin only done for spanish.
  • Changed _default_preset so it would load all languages instead of causing an error
  • <? added php to config file
  • Corrected path error in pngbehaviour.htc to use /images/blank.gif for IE6 png transparency
  • Correction of multiple html errors (table/form errors etc.) for validation - "Save Preset" is part of the same form as the Button Layout table but was maintained with (ugly) css hacks on the same line as the Load Default preset option.
  • Addition of "Product Details" to spanish button definitions, previously not translated

Version 1.6.5 - torvista

  • Minor cosmetic changes
  • Created new zen_bck_config ADMIN.php file for the Admin buttons in English and Spanish
  • Bug fix: main page gave an error on load due to missing font in font folder
  • "Bug fix": last two versions offered for download were incomplete

Version 1.6.4

  • Save/load preset system
  • Different icon y offsets for big and small buttons
  • Bug fix: all button texts in correct proportions now
  • Bug fix: no buttons displayed distorted in IE anymore
  • Bug fix: TellAFriend upper case button name preserved

Version 1.6.3

  • Download as ZIP file feature
  • Support for case conversions of unicode encoded characters
  • Czech, Dutch, Polish, Romanian, Russian and Slovak language support
  • Minor bugfix when icons are switched off; minor cleanup

Version 1.6.2

  • Fixed bug where PNG transparencies were incorrectly rendered on some GD version (thanks Jarsa!)
  • Fixed small bug of inconsistent configuration settings
  • Display generated buttons on the results page
  • Small adjustment: bigger safety space to avoid extremely extended fonts to be cut off
  • Italian language support

Version 1.6

  • Add icon overlays to visualize the function of the buttons!
  • Button sizes are now defined separately from the text definitions

Version 1.5.3

  • Fixed bug when converting special characters to upper/lower case
  • Color picker and RGB to hex calculator for all color input fields
  • More input validations
  • French language support
  • Easier encoding (HTML) of special characters in button text definitions

Version 1.5

  • Visual control over layout parameters
  • Preview of button results
  • Automatic detection of installed templates and fonts

Version 1.0

  • Button width adjusts to text length
  • Multi-language button text definitions; pre-installed: English, German and Spanish
  • Better text kerning and rendering by using a scaled up text work space; no need to recompile GD on your server
  • Template system for different button layouts
  • Text effects like drop shadow and outline
  • Works on all shop background colors
Credits:
Original button class by Rainer Langheiter
Silk and flag icons by Mark James | color pickers by Mark Kahn

Create Buttons
cp_horizontal_pickercp_mini_icon
Select Color:
cp_lg_backgroundcp_lg_overlaycp_color_slidercp_arrowscp_cur_color_backgroundClick to Select Web Safe Color
R:
G:
B:
Only Web Colors
cp_mini_icon


W3C validation logo Valid CSS!



Originally released to the Zen-Cart open source community by © mediakitchen.de, see installation file for license details.