Article Label Selector FREE Joomla Plugin

Article Label Selector adds a “Label Selector” tab to the Article edit screen. Choose from five preset labels (New, Hot, Featured, Tutorial, Update) — each with a built‑in style — and optionally add your own custom labels (CSV). Custom labels use the colors you pick below.

Key Features:

🏷️

Label Selector tab

Lives in Article edit for quick labeling.

🔥

Preset labels

Built-in styles: New, Hot, Featured, Tutorial, Update.

🧩

Custom labels (CSV)

Add your own labels (e.g., Guide, Tips).

🎨

Color pickers

Apply BG/Text colors to custom labels only.

💾

Persistent storage

Saves in article attribs (als_labels, als_bgcolor, als_textcolor).

🔄

Prefill on reopen

Restores previous selections and colors.

Frontend badges

Auto-render before/after content (single, blog, featured).

🧹

Safety & limits

Deduplicate + trim; max labels (default 5, configurable).

Lightweight

No external CSS/JS; safe .als- prefix; classes: .als-badge--new|hot|featured|tutorial|update|custom.

Compatibility

Joomla 5.x, PHP >= 8.1; language strings loaded; upgrade-safe (method="upgrade").


Screenshots:

Label Selector Config
Label Selector Config
Label Selector Frontend
Label Selector Frontend

FAQs of Article Label Selector Joomla Plugin

Can I change preset colors?
Yes. Add CSS overrides (e.g., .als-badge--hot { background:#e11d48; }) or edit $presetStyles in articlelabelselector.php.
Can I add/remove preset labels?
Yes. Update the checkbox list in forms/article.xml and mirror keys in $presetStyles (values must match).
Per-label colors for custom labels?
Not in v1.1.0 — custom labels share one color pair. Possible enhancement if you want.
Where is data stored?
In the article's attribs JSON: als_labels, als_bgcolor, als_textcolor.
How do I hide badges on some pages?
Quick CSS: .als-labels{display:none} or add a template rule targeting specific pages. (We can add a “Render: Yes/No” param if needed.)
It didn't save my selections.
Use v1.0.2+ (writes to $table->attribs) and ensure the plugin is enabled.
Multilingual sites?
Preset values are literal text. Use Custom labels for localized words, or change the preset tokens and styles in code.
How do I change size/shape?
Override CSS (e.g., .als-badge{padding:4px 10px;border-radius:9999px;font-size:13px;}).