Zen4All-nl / Color-Picker-for-Zen-Cart

Zen Cart Color Picker will eventually be a back end tool to set the colours for a Zen Cart theme, so store owners with no coding experience can do simple colour tweaking

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

About

Zen Cart Color Picker will eventually be a back end tool to set the colours for a Zen Cart theme, so store owners with no coding experience can do simple colour tweaking

License:GNU General Public License v2.0


Languages

Language:JavaScript 60.5%Language:PHP 30.4%Language:CSS 9.2%