Tooltip Documentation

Created: 03/04/2016
Author: Digital Zoom Studio
Twitter: http://twitter.com/
Facebook: http://facebook.com/dzs
Support - via item comments
Thank you for purchasing our component. If you have any questions that are beyond the scope of this help file, you can ask them in the Item Discussions.

 

 

 

Intro - top

Tooltip is the ultimate gallery for your videos.

Features

What do you get?

 

 


Installation - top

There are two ways to install the plugin

Method 1 - Direct WordPress Install

  1. Just download the zip from your http://codecanyon.net/downloads directory in a folder of your choosing.
  2. Unzip it with your preffered unziping utility. On Windows, there can be some warnings while unziping. Those are nothing to worry about if they appear, they are just Mac OS X files that cannot be read by Windows.
  3. Then in your wordpress installation, in the Plugins panel, click Add New like in this picture:
  4. Then click Upload, and select the zip you have downloaded from CC. Then click Activate.
  5. On any post / page a new button will appear above the editor Add Showcase that you can use to generate the shortcode
  6. Start cusomizing to your needs. Have fun!

Method 2 - FTP Install

  1. Just download the zip from your http://codecanyon.net/downloads directory in a folder of your choosing.
  2. Unzip it with your preffered unziping utility. On Windows, there can be some warnings while unziping. Those are nothing to worry about if they appear, they are just Mac OS X files that cannot be read by Windows.
  3. Then, if the folder dzs-tooltip is zipped, unzip that too. Then copy the folder in the wp-content/plugins folder
  4. Then in your wordpress installation, in the Plugins panel, locate Tooltip and click Activate
  5. On any post / page a new button will appear above the editor Add Showcase that you can use to generate the shortcode
  6. Start cusomizing to your needs. Have fun!

_______________

 

Demo install:

 

 

 

 


Adding to the Post / Page - top

  1. access / create your post / page
  2. click the shortcode generator button
  3. Generate the shortcode
  4. All done!

 

 


Special Features- top

 

How to edit tooltip color

Just go to Tooltip and in Extra css enter:

html body .tooltip-indicator{ color: #ff0000; }

How to edit magenta yellow colors

Just go to Tooltip and in Extra css enter:

body .dzstooltip.color-magenta-yellow .dzstooltip--inner{ background-color: #00ff00; color: #ff0000; }
Of course, change to any colors

 

 



FAQ - top

You can check this link for a list of popular questions.

 

What is category slug ?

It's the abbreviation of the category, or the link. If you want to use the category Showroom Products, the slug will be showroom-products.

 


Developer Tips / advanced usage - top

This gallery provides source files ( in the source folder ) so if you are developer you can start customizing it.

Recommended Programs

You can generally use any text editing software to edit most content/code, but this is what I recommend: