MapSVG.Gallery add-on: http://mapsvg.com/add-ons/gallery
Download MapSVG.Gallery add-on from CodeCanyon. Unpack .zip
and upload mapsvg-gallery
folder to your plugins folder
/wp-content/plugins
via FTP.
Then go to WP Admin > Plugin > Installed plugins
, find MapSVG.Gallery
in the list of plugins and click Activate
.
After plugin activation go to WP Admin > MapSVG
and choose your
existing map settings or create a new one.
Let's add some images to Regions. If you don't know how to do that please read this tutorial.
Go to MapSVG Menu > Gallery
. CLick on New
button in
the toolbar. Choose desired gallery type + optional lightbox and other options. When you finish, click OK
.
You'll see a new gallery template tag which you can insert into any MapSVG template. It will look like:
{{mapsvg_gallery 56.1 image_field_name}}
The numbers 56.1
in tag are: map_id.gallery_id
.
When you insert the tag into your template you should replace image_field_name
pleaceholder with your real image field name.
Example:
{{mapsvg_gallery 56.1 my_photos}}
Now you need to copy template tag to the buffer. Select the tag with the mouse pointer and click CMD+C(@Mac) or Ctrl+C (@Win).
Go to MapSVG > Templates > Region Details
.
Add the template code (please note that your gallery tag and image field name will be different so don't copy-paste the code below without modification):
{{#if images}} {{mapsvg_gallery 56.1 images}} {{/if}}
Go to MapSVG > Actions > Region click
and check Show details view
.
Save the map, insert it into a WP page and see the final result.