Software

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

    Screenshot of Hop Reveal backend

    Screenshot of Hop Reveal in action

  • Version History

    Last updated: about 12 months 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!

Have a Project for Us?

Request a Proposal