Zen4All Template Color Picker

!! Currently the module is still in BETA !! It is functional, but still needs some tweaking

Current version: v1.0.0.beta.1

Zen4All Template Color Picker is a back-end tool to set the colors for a Zen Cart theme, so store owners with no coding experience can do simple color tweaking

On the edit page you can set colors to:

• backgrounds (background-color)
• text (color)
• borders (border-color, border-top-color, border-right-color, border-bottom-color, border-left-color)

Installation

• Copy all the files to your server.
• the auto installer will add some values to your database:
  • menu items
  • mod version
  • a configuration field to set the file name for the color stylesheet

Usage

• Go to admin->configuration->Template Colors
• Edit the value of the stylesheet name, if needed
• Go to admin->tools->Template Colors
• Select the template from the dropdown, and the values of your color stylesheet appear
• Now you can edit, delete, or add a new property

To-do, and limitations

• Adding a new css element (v1.0.0-beta-2)
• Deleting a css element (v1.0.0-beta-2)
• Add proper documentation (v1.0.0)
• Replace hard-coded texts with language defines (v1.0.0-beta.2)
• Add titles to buttons (v1.0.0-beta.2)
• Save element name after (advanced) edit (v1.0.0-beta.2)
• Reduce complexity (v1.0.0-beta3)
• Add Ajax, so page reload without jumping back to top after clicking a button (v2.0.0)

You can not use fancy css selectors like:

.rating > input:checked + label:hover {
  color: #000;
}

The + < > ~ characters are ignored. This may de fixed in the future