EKM Tag Documentation - ekm:customerlogout

This tag outputs an HTML link which goes to the checkout page of your EKM shop. This link's text can be changed from the "Design" section of your EKM account.

This tag is used to output a "Logout" link when a customer is logged in to a password protected shop.

Note: The link will only display when the customer has logged in. This tag requires the "Password Protect" feature to be enabled in the "Features" section of your account.

Tag Information
Nesting This Tag

Basic Use

This tag can be placed anywhere within the HTML and will output a simple HTML link which goes to the "Shopping Cart" page. This link's text can be changed from the "Design" section of your EKM account.


[ekm:customerlogout][/ekm:customerlogout]

This outputs the following.

Log Out

Advanced Use


[ekm:customerlogout]
    output='Logout';
    style='font-family: Arial, Helvetica, sans-serif; font-size: 16px;';
    class='customer-logout';
[/ekm:customerlogout]

This outputs the following.

Logout

Within HTML

The link is output by default as a simple HTML link, if you wished to target this link to apply CSS styling you could target the link in the same way the below example does.


<style type="text/css">
   .customer-logout {
         color: #fff;
         padding: 5px 10px;
         background: #fc329c;
         border-radius: 2px;
         font-size: 14px;
         text-decoration: none;
    }
</style>

[ekm:customerlogout]
    output='Logout';
    style='font-family: Arial, Helvetica, sans-serif;';
    class='customer-logout';
[/ekm:customerlogout]

This would output the button with styling as shown below.

Logout

The EKM system allows for some tags to be nested within other tags.

Nesting This Tag

When nesting this tag you do not need to make any changes to it. It can be inserted into other tags like below.


[ekm:show_webpages]
    output_start='<ul id="extra-page-nav">';
    output_item='<li><a href="[url]" class="normal">[page_title]</a></li>';
    output_end='
            <li>[ekm:customerlogout][/ekm:customerlogout]</li>
        </ul>
    ';
[/ekm:show_webpages]

EKM Tag: [ekm:customerlogout]