Search Results for: map

22 Aug 2016

PTB Map View

/ Comments Off on PTB Map View

About

The Map View addon is a WordPress plugin that works together with the Post Type Builder (PTB) and Extra Field addon, allowing you to link map field location inputted on each post and places all of it on a single map.

Requirements:

Before installing the Map View, make sure to have the following things below set up:

1. PTB and Extra Field addon installed and activated.
2. A custom post type needs to have a map field (that is inserted in Meta Box Builder).
3. A post should have a map field where an address is entered.

Once all these requirements are met, you can then install the Map View addon.

Installing the Plugin

To install the plugin:

• First, you will need to download the plugin zip file from the Member Area on the Themify site.
  • Note: Some browsers (e.g. Safari) may auto-extract zip files. Right-clicking on the download link and selecting "Save Linked File As" will allow you to download the ZIP version.
• Then go to your WP Admin > Plugins > Add New > Upload Plugin.
• Now upload the plugin zip file and click "Install Now".
• After the plugin is installed, click "Activate Plugin" to activate the plugin.

FYI: If you can't install the plugin using WordPress plugin installer, you may also use a FTP software to install the plugin. To install plugins with an FTP method: extract the plugin zip on your local computer then upload the plugin folder to your FTP server where you installed WordPress > wp-content > plugins folder. Then login to your WP Admin > Plugins to activate the plugin.

How It Works:

1. After installing and activating the Map View addon (make sure you have the requirements done), edit any page and you'll see a map icon button on the WordPress content editor.
2. Click on the icon and select a custom post type that you'd like to display on the map.

   

3. A lightbox will appear where you can configure the map with the following options:
   • Custom Field: Select a map field.
   • Orderby: How the posts should be ordered/sorted (default is ordered by post publish date).
   • Order: Whether to display in descending or ascending order.
   • Taxonomies Logic: Set taxonomies logic to "OR" or "And".
   • Type: Select the type of map that you would like your map to appear as. There are 4 options of map types.
   • Width: Input the width in either % or px of your map.
   • Height: Select the height in px of your map.
   • Marker Icon: Select to choose either from the icon pack or add your custom image.
   • Scrollwheel: Enable or disable the ability for users to be able to zoom in and out of your map by scrolling either up or down.
   • Draggable: Enable or disable the ability to allow users to drag your map by clicking on it.
   • Disable draggable on mobile: Enable only with desktops the ability to allow users to drag your map.
   • Categories: Select the category that only you want to appear on the map. Not selecting anything will show all the posts.
   

Disable the automatic update

<?php

function custom_disable_ptb_map_check_update() {
	remove_action( 'ptb_check_update', 'ptb_map_check_update' );
}
add_action( 'plugins_loaded', 'custom_disable_ptb_map_check_update' );

Read More

12 Jan 2015

Maps Pro

/ 0 Comment

Installing Builder Addons

Installing Builder Addons is exactly the same as installing WordPress plugins.

To install the addon:

• Firstly, download the addon zip file from the link provided in your Themify Member Area.
  • NOTE: some browsers (eg. Safari) auto extract zip files automatically. Right-click on the download link and select "Save Linked File As" and it will allow you to download as a zip file.
• Login to your site's admin area.
• Navigate to WP Admin > Plugins > Add New.
• Now, click the "Upload Plugin" link.
• Select "Browse" and navigate to the plugin zip file which you downloaded in the first step and then select the "Install Now" button.
• This will initiate the plugin installation process, and once finished, you can then activate the plugin.

Importing the addon demo layout

Each addon zip file contains a sample Builder data file which you can import to your site. It helps you to understand how the addon demo is created.

To import the addon demo data:

• First, extract addon zip file to your local computer
• You should have a folder of the addon. Inside there is a folder named "sample", and inside that folder there is a Builder data file in a zip format (eg. "addon_name_sample-builder-layout.zip").
• To import the Builder layout, login to admin and then go to the page frontend where you want to import the Builder layout. From the top admin bar > select Themify Builder > Import / Export > Import, upload the sample zip file.

Using the Map Pro Addon

Note: Google limits the number of maps and markers on each page. You only add 9 markers and 5 maps on each page.

Once addon is installed, you will find the Map Pro addon module in the Themify module panel. The module is available in both backend and frontend edit mode (just like all standard modules).

• In the backend: you can find the Map Pro module in the Themify Custom Panel.
• On the frontend: you can see the modules after turning on the Builder from top admin bar > Themify Builder > Turn On Builder.

• Drag and drop a Map Pro module in a row
• Map Pro Options
  • 1) Module Title = Insert the module title that will appear at the top of the module. It will appear left-aligned, in H3 format.
  • 2) Map Type = Choose map display types you like, dynamic or static image.
  • 3) Map Dimension = Adjust the width and height of the maps as you like.
  • 4) Type = Choose from 4 different types of maps (Road Map, Satellite, Hybrid, Terrain)
  • 5) Style = Choose from over 40 styles to customize the look of your map.
  • 6) Draggable = Enable, disable, or enable only with desktops the ability to allow users to drag your map by clicking on it.
  • 7) Zoom = Choose how you much you want to zoom in the map, as it initially loads and appears on your site.
  • 8) Map Controls
    • Disable Map Control = This allows you to enable or disable the map controls that appear on the left side of the map.
    • Scrollwheel = Enable or disable the ability for users to be able to zoom and out of your map by scrolling either up or down.

  

  • 9) Base Map Address = Input the area where you want your map to focus on (i.e. Toronto).
  • 10) This box give you a live preview on how your map will appear once you add the marker, choose the type, style, and zoom level.
  • 11) Marker options: Add any address you would like the marker to appear
  • 12) Tooltip text = add any text you would like to appear when the marker is clicked.
  • 13) Icon = Insert your own custom icon/image

  

Read More