Speak to our experts today 0333 004 0333
Speak to one of our experts today
User Guides

EKM Tag: [ekm:card_logos]

This tag is used to output card logos on your website. This is useful for showing the credit cards and payment services you accept.

This tag requires the card logos feature to be installed before it will work.

  • Tag Information
  • Nesting This Tag
Basic Use
In its basic use the card logo will simply output all card logos using the settings from the default group. No further HTML or Text will be attached to the tag.

[ekm:card_logos][/ekm:card_logos]
                                
This would output something like...
Advanced Use
The advanced use of the tag allows you to specify HTML and Text to be output in and around the card logos.

[ekm:card_logos]
    output_start='<div id="ccards">';
    output_row_start='<div>';
    output_row_end='</div>';
    output_end='</div>';
    cols='3';
[/ekm:card_logos]
                                
This would output something like...
Custom Use
In the custom use the tag allows you to hard code the card logos that will output and the style they will take. This is useful if you do not intend to change them in the features section.

[ekm:card_logos]
    name='auto';
    style='rounded-medium';
    include_list='discover, maestro, mastercard, paypal, solo, switch, visa, visa-electron';
    output_start='<div id="ccards">';
    output_row_start='<div>';
    output_row_end='</div>';
    output_end='</div>';
    cols='4';
[/ekm:card_logos]
                                
This would output something like...
Tag Attributes
Name
name='auto'';

Specify a name for a group of cards you have defined in the features section of EKM. For the default group this should be set to auto.

Value
Description
auto
The default predefined group will be used.
{user defined}
A user defined group's name should be inserted here.
Image Style
style='rounded-medium';

Define the pack of card logos to use for this tag. If left as auto this will default to the group selected in the backend.

Value
Description
standard-small
Small images with square corners.
standard-medium
Medium images with square corners.
standard-large
Large images with square corners.
rounded-small
Small images with rounded corners.
rounded-medium
Medium images with rounded corners.
rounded-large
Large images with rounded corners.
Include List
include_list='cirrus, delta, visa, paypal';

Specify the cards you would like to display in this tag. This allows you to hard code the card logos that will be output. This must be a comma seperated list.

Value
Description
american-express
Outputs the American Express card logo
cirrus
Outputs the Cirrus card logo
delta
Outputs the Delta card logo
direct-debit
Outputs the Direct Debit card logo
discover
Outputs the Discover card logo
maestro
Outputs the Maestro card logo
mastercard
Outputs the Mastercard card logo
paypal
Outputs the Paypal card logo
solo
Outputs the Solo card logo
switch
Outputs the Switch card logo
visa
Outputs the Visa card logo
visa-electron
Outputs the Visa Electron card logo
western-union
Outputs the Western Union card logo
Output Start
output_start='<div id="ccards">';

Define any HTML you wish to be output before the card logos. This will only output if there are card logos to output.

Value
Description
{user defined}
Define any opening HTML or Titles to go before the card logos.
Row Start
output_row_start='<div>';

Define any HTML you wish to be output at the start of each row of card logos.

Value
Description
{user defined}
Define any opening HTML or Titles to go before each row of card logos.
Row End
output_row_end='</div>';

Define any HTML you wish to be output after each row of card logos.

Value
Description
{user defined}
Define any closing HTML to go after each row of card logos.
Output End
output_end='</div>';

Define any HTML you wish to be output after all card logos have been output.

Value
Description
{user defined}
Define any closing HTML to be displayed after all card logos are output.
Columns
cols='3';

Define the number of card logos to appear on each row. By default this will default to display all card logos on one row.

Value
Description
{user defined}
Define the number of cards that will appear per row.

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 alterations.


[ekm:if]
    iftype='EQUALS';
    ifvalue='1';
    ifvalue2='1';
    ifthen='[ekm:card_logos][/ekm:card_logos]';
    ifelse='';
[/ekm:if]