Hop Reveal (EE)
Current Version: 1.1.0- EE6
-
Setup Wizard
On setup, Hop Reveal will offer to automatically install the EE tag that triggers the label on front end pages.
Select the templates you want to modify. (The add-on will generate a list of all templates with a
<body>
tag.) The{exp:hop_reveal:check}
tag will be inserted into those template.If you decline to use the Setup Wizard, you can manually add that tag to any desired templates.
-
Environments
Name
The name is used as the label when you select the default Display Type.
Display on
Choose if you want the label to display on the frontend, backend, or both
Display Format
You can choose from: - Top Fixed – a banner across the top of the page - Corner Ribbon – a small diagonal band across the top right corner - Bottom Fixed – a banner across the bottom of the page - Sidebar (Backend only) – a small band of color at the top of the sidebar - Custom – you can enter your own HTML/CSS code and create your own effect
Custom Display Code
If you have chosen Custom, here is where you enter the HTML you want to have added to the page. You can use standard template logic, variables like
{username}
, and tags like{exp:channel:entries}
to display content however you want.This means you can have very fancy labels that display stats, database details, custom content by member, or anything else your creative mind thinks up.
Note: Global Variables do not work within the CP.
Text Colour
This applies only to the standard formats, not the custom option.
Background Colour
This applies only to the standard formats, not the custom option.
Member Roles
Choose who should see this label. If you don’t specify any member roles at all, it’s shown to everyone.
Check By
Choose whether to determine the environment by Domain or by Server IP.
Check Value
The value to match to determine if this is the environment. Obviously, if you choose Domain in Check By then you would want to enter a specific domain name here.
Enabled
You can enable a label or disable it without having to erase it entirely.
-
Config
You can store the label settings in the add-on file
config/config.php
. This is especially useful if you use a version control system like git, because it means you can have the same settings on every server you deploy to, including local.Note: If you modify your config.php, you much clear the EE cache. Hop Reveal’s cache will also be cleared whenever you edit a label setting through the EE interface.
-
Examples for Custom Content
Admin bar that shows you some stats
<div style="position: fixed; bottom: 15px; left: 15px; display: inline-block; background-color: rgba(234, 185, 51, .82); color: #fff; text-align: center; padding: 5px; z-index: 999;">{elapsed_time} seconds / {total_queries} queries / {exp:stats site="default_site"}Visitors: {total_guests}{/exp:stats} / <a href="{cp_url}">Go to CP</a></div>
Member information
<div style="position: fixed; top: 15px; right: 15px; display: inline-block; background-color: rgba(234, 185, 51, .82); color: #fff; text-align: center; padding: 5px; z-index: 999;">Welcome, <a href="{path=member/profile}/{member_id}">{screen_name}</a>!</div>
Latest article
<div style="position: fixed; top: 15px; right: 15px; display: inline-block; background-color: rgba(234, 185, 51, .82); color: #fff; text-align: center; padding: 5px; z-index: 999;">Checkout our latest article {exp:channel:entries order_by="entry_date" sort="desc" limit="1"}<a href="{comment_url_title_auto_path}">{title}</a>{/exp:channel:entries}</div>
-
Screenshots
-
Version History
Last updated: one day ago
1.1.0 - 2023-03-30
Updated
- React-ified
- Hello EE7
Fixed
- Custom content generator
- Reveal content generation upon edit
1.0.0 - 2022-05-12
Hello World!