Installation guide - Translator Revolution DropDown WP Plugin

Provides documentation for the installation process.

Table of contents

  1. Introduction
  2. Getting the Item Purchase Code
  3. Installation
  4. Advanced Positioning
  5. HTML structure

1. Introduction

This guide shows how to install the Translator Revolution DropDown WP Plugin plugin on a sample webpage.

Also provides documentation about the plugin structure and how to customize it.

2. Getting the Item Purchase Code

  • Get the Item Purchase Code.
    • Follow these steps:
  • For any questions, go to http://codecanyon.net/user/SurStudio/
  • On the lower right side there's the following email form:
  • Send your message including the Item Purchase Code.

3. Installation

  • Unzip the downloaded file package on your local machine.
  • Install the plugin, automatic way (as shown on the below video):
    • On the WordPress admin tool, go to Plugins -> Add New -> Upload.
    • Choose the wp-translator-revolution-dropdown.zip file, and click Install Now.
    • Provide the FTP credentials if you’re asked to.
    • Return to the Plugins page and activate the plugin.
    • A new option named Translator Revolution will appear under the Plugins menu, click it.
    • Enter the API Key and change the settings at will.
  • Install the plugin, manual way:
    • Unzip the wp-translator-revolution-dropdown.zip file, and upload the whole wp-translator-revolution-dropdown folder to your server to the /wp-content/plugins/ folder.
    • Go to the Plugins page and activate the plugin.
    • A new option named Translator Revolution DropDown will appear under the Plugins menu, click it.
    • Enter the API Key and change the settings at will.

4. Advanced Positioning

5. XHTML structure

<div class="translator-dropdown-container translator-dropdown-jquery">
    <div class="translator-dropdown-sub-container">
        <div class="translator-dropdown-body">
            <p class="translator-dropdown-current-language">
                <img src="/wp-translator-revolution-dropdown/images/English.gif" alt="English">
                <span>English</span>
            </p>
            <em class="translator-dropdown-current-language-arrow" />
            <div class="translator-dropdown-languages-list-scroll">
                <div class="translator-dropdown-languages-list">
                    <p>
                        <a href="javascript:;" title="French" class="translator-dropdown-language-fr">
                            <img src="/wp-translator-revolution-dropdown/images/French.gif" alt="French">
                            <span>French</span>
                        </a>
                    </p>
                    <p>
                        <a href="javascript:;" title="Danish" class="translator-dropdown-language-da">
                            <img src="/wp-translator-revolution-dropdown/images/Danish.gif" alt="Danish">
                            <span>Danish</span>
                        </a>
                    </p>
                    <p>
                        <a href="javascript:;" title="German" class="translator-dropdown-language-de">
                            <img src="/wp-translator-revolution-dropdown/images/German.gif" alt="German">
                            <span>German</span>
                        </a>
                    </p>
                </div>
                <div class="translator-dropdown-languages-list-scroll-bar"></div>
                <div class="translator-dropdown-languages-list-scroll-bar-rail"></div>
            </div>
        </div>
    </div>
</div>


Translator Revolution DropDown WP Plugin | Copyright © 2019 SurStudio.