Vimeo Gallery with Lightbox

WordPress

• by: Tean
• codecanyon.net/user/Tean

Thank you for purchase. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form on the link above.

Make sure you extract downloaded file from codecanyon, inside you will find file named: 'ap-vimeo-gallery.zip'. This is the plugin file you upload in WordPress panel!

How to update when new plugin version has been released?

How to insert gallery in page?

1. First set Vimeo credentails in General settings page:

2. Create new gallery in Gallery manager:

3. Once gallery is created, go to Video sources tab and add your Vimeo source:

4. This is the minimum that is required to add gallery to page. You can get shortcode for this gallery (or all the galleries you have created) in Shortcodes page:

1. Vimeo requires API key, register new application: https://developer.vimeo.com/apps/new

3. Generate Access Token with Public and Private scope. To get video download links you also need Video Files scope as well.

Enter Client Identifier, Client Secret and Access Token in Settings section:

Adding videos to gallery

Videos are added inside Gallery manager in Video sources tab:

Gallery supports following Vimeo sources:

Vimeo channel:

Enter just ID part in the field: jesc

Vimeo group:

Enter just ID part in the field: 166603

Vimeo user album:

Enter just ID part in the field user: cameranera

Enter just ID part in the field album: 3391770

Vimeo album:

Enter just ID part in the field: 3391770

Vimeo collection / on demand:

Enter just ID part in the field: seeu

Vimeo user feed (load user videos):

Enter just ID part in the field: gopro

Vimeo Folder:

Enter just ID part in the field: user5482434

Enter just ID part in the field: 1444068

Search Vimeo videos:

Provide search query.

Once you generate a gallery, you can get a shortcode in Shortcodes menu. You can also use and reuse this shortcode and modify individual parameters (for example change link to channel) and use if with Advanced Custom Fields for example.

Full shortcode may look something like this:

Adjust Vimeo player parameters in Vimeo Player tab:

Read more about player parameters here:

[apvg player_id="1"]
[apvg player_id="1"]

[apvg player_id="1"]
[apvg player_id="2"]

[apvg player_id="1" instance_id="0"]
[apvg player_id="1" instance_id="1"]

For Grid layout

Adjust columns and rows in Grid tab

For Player layout

Adjust settings in Player layout tab:

How to play video on hover?

This feature is available for desktop browsers.

Use these settings in Gallery style tab:

Gallery has option to insert advertising content (Adsense, Amazon Affiliates, Commission Junction etc...). To add advertising content go to Glalery manager - Ad content tab:

Enter your advertising code here. You can add ad content that will be placed in the gallery below the grid. You can also add ad content that will be placed in the video popup window. Make sure it properly formatted so it doesnt break the layout!

Example how to add AdSense code:

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
style="display:inline-block;width:728px;height:90px"
data-ad-client="AD_CLIENT_HERE"
data-ad-slot="AD_SLOT_HERE"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

Enter AD_CLIENT_HERE and AD_SLOT_HERE data.

Sometimes you may want to fully uninstall the plugin and delete all plugin data. To do so, go to Settings section and use the following option:

Then you can deactivate and delete plugin from WordPress -> Plugins section.

If the gallery doesnt load?

Check that you have created Vimeo API credentials correctly, as it described in Vimeo credentails section. Sometimes if you suspect the Vimeo api keys are not valid, you can create another project in Vimeo and try with different keys.

If the plugin does not work as expected, try the following tests to see if it makes a difference and what could be causing an issue:

1. Update to latest plugin files available on Codecanyon

2. Switch to default WordPress theme

3. Check for errors in browser developer console (Chrome F12 key, Console tab)

4. Try to deactivate any 3rd party plugins (the ones that not come with WordPress)

5. If you still have issues after you have done all changes above, you can send a message at http://codecanyon.net/user/Tean#contact , provide your PURCHASE CODE, provide a link to your live page, and a temporary user and password for your WordPress admin panel so we can have a look.