Plugin conflict with theme Flatsome
-
If the glossary plugin is enabled our contact page which displays a google map via the api is empty, if i disable the glossary plugin then the page displays as expected.
-
Are you using an external plugin to display Google map or an iframe from Google? if this is a plugin it means for a conflict between the two. Try using another map plugin to check this issue
its javascript not a plugin
http://www.oystersatellite.com/contact/ note your plugin is disabled atmIs this JS coming directly from Google? Can you share the code
<script type=”text/javascript”>
jQuery( document ).ready(function() {
function initialize() {
var styles = {
‘flatsome’: [{
“featureType”: “administrative”,
“stylers”: [
{ “visibility”: “on” }
]
},
{
“featureType”: “road”,
“stylers”: [
{ “visibility”: “on” },
{ “hue”: “#58728a” }
]
},
{
“stylers”: [
{ “visibility”: “on” },
{ “hue”: “#58728a” },
{ “saturation”: -30 }
]
}
]};var myLatlng = new google.maps.LatLng(50.63086, -3.37874);
var myOptions = {
zoom: 17,
center: myLatlng,
mapTypeId: google.maps.MapTypeId.ROADMAP,
disableDefaultUI: true,
mapTypeId: ‘flatsome’,
draggable: true,
zoomControl: false,
zoomControlOptions: {
position: google.maps.ControlPosition.TOP_LEFT
},
// panControl: false,
// panControlOptions: {
// position: google.maps.ControlPosition.TOP_LEFT
// },
mapTypeControl: false,
mapTypeControlOptions: {
position: google.maps.ControlPosition.TOP_LEFT
},
// scaleControl: false,
// scaleControlOptions: {
// position: google.maps.ControlPosition.TOP_LEFT
// },
streetViewControl: false,
streetViewControlOptions: {
position: google.maps.ControlPosition.TOP_LEFT
},
// overviewMapControl: false,
// overviewMapControlOptions: {
// position: google.maps.ControlPosition.TOP_LEFT
// },
scrollwheel: false,
disableDoubleClickZoom: true
}
var map = new google.maps.Map(document.getElementById(“map-1004891201-inner”), myOptions);
var styledMapType = new google.maps.StyledMapType(styles[‘flatsome’], {name: ‘flatsome’});
map.mapTypes.set(‘flatsome’, styledMapType);var marker = new google.maps.Marker({
position: myLatlng,
map: map,
title:””
});
}google.maps.event.addDomListener(window, ‘load’, initialize);
google.maps.event.addDomListener(window, ‘resize’, initialize);
});
</script><div class=”google-map relative mb” id=”map-1004891201″>
<div class=”map-height” id=”map-1004891201-inner”></div>
<div id=”map_overlay_top”></div>
<div id=”map_overlay_bottom”></div>
<div class=”map_inner map-inner last-reset absolute x95 y95″><h3>7 Thorntree Units. Liverton Business Park. Exmouth. Devon. EX8 2NX<br />
0845 8698940</h3>
<p><span style=”color: #d83131;”>Please Phone to check stock availability if wishing to collect</span></p>
<p>We’re open Monday – Friday, 08:30 – 17:00</p>
</div><style scope=”scope”>
#map-1004891201 .map-height {
height: 400px;
}
</style>
</div><!– .map –>What is generating this script? Do you have a link?
yes its this page http://www.oystersatellite.com/contact/
Sorry I was not clear. Where did you get this script from?
So it is coming from a plugin….It means there is a conflict. We can not fix 3rd party plugins I am afraid. We can support plugins which are popular on ww.wp.xz.cn but we can not do the same with themeforest
The topic ‘Plugin conflict with theme Flatsome’ is closed to new replies.