Get the codes[marker image="images/headers/windows.jpg"][marker_item tooltip_title="Marker Tooltip Title 1" tooltip_style="bootstrap" icon="icon:map-marker" icon_color="#ffffff" icon_size="40" x="20" y="30" link="https://storejextensions.org" target="blank"]Marker Tooltip Description 1[/marker_item] [marker_item tooltip_title="Marker Tooltip Title 2" icon="icon:map-marker" icon_color="#ffffff" size="40" link="#"]Marker Tooltip Description 2[/marker_item] [marker_item tooltip_title="Marker Tooltip Title 3" tooltip_style="tipsy" icon="icon:map-marker" icon_color="#ffffff" icon_size="40" x="75" y="75" link="#" target="blank"]Marker Tooltip Description 3[/marker_item][/marker]
Get the codes[marker image="images/jshortcodes.png"]
[marker_item tooltip_title="Marker Tooltip Title 1" tooltip_style="bootstrap" icon="icon: hand-o-down" icon_color="#ffffff" icon_size="40" x="20" y="10" link="https://storejextensions.org" target="blank"]Marker Tooltip Description 1[/marker_item]
[marker_item tooltip_title="Marker Tooltip Title 2" tooltip_style="bootstrap" icon="icon: check" icon_color="#ffffff" icon_size="60" x="50" y="10" link="#" target="blank"]Marker Tooltip Description 2[/marker_item]
[marker_item tooltip_title="Marker Tooltip Title 3" tooltip_style="tipsy" icon="icon: mouse-pointer" icon_color="#ffffff" icon_size="40" x="75" y="75" link="#" target="blank"]Marker Tooltip Description 3[/marker_item]
[/marker]
| Shortcode | Attributes | Example code |
|---|---|---|
| Marker This widget display markers on an image |
Image -
image Possible values: Url From Meida! Default value: https://dummyimage.com/400x300
Class -
class Possible values: Any Custom Value 'View on scroll' effect -
scroll_reveal Possible values: Any Custom Value Content -
content Possible values:Any Content Value Default value: [marker_item icon="icon: map-marker" x="25" y="50" tooltip_title="Marker Tooltip Title 1" tooltip_style="bootstrap" link="#"]Marker Tooltip Description 1[/marker_item] [marker_item icon="icon: map-marker" x="50" y="50" tooltip_title="Marker Tooltip Title 2" tooltip_style="yellow" link="#"]Marker Tooltip Description 2[/marker_item] [marker_item icon="icon: map-marker" x="75" y="50" tooltip_title="Marker Tooltip Title 3" tooltip_style="tipsy" link="#"]Marker Tooltip Description 3[/marker_item] |
[marker image="https://dummyimage.com/400x300" class="" scroll_reveal=""][marker_item icon="icon: map-marker" x="25" y="50" tooltip_title="Marker Tooltip Title 1" tooltip_style="bootstrap" link="#"]Marker Tooltip Description 1[/marker_item]
[marker_item icon="icon: map-marker" x="50" y="50" tooltip_title="Marker Tooltip Title 2" tooltip_style="yellow" link="#"]Marker Tooltip Description 2[/marker_item]
[marker_item icon="icon: map-marker" x="75" y="50" tooltip_title="Marker Tooltip Title 3" tooltip_style="tipsy" link="#"]Marker Tooltip Description 3[/marker_item][/marker] |