Checkout Field Editor for WooCommerce : Please help

@jucapuna The second screenshot you tried to link doesn’t work: screenshot-lh5.googleusercontent.com-2021.09.23-18_00_46.png

Please try to upload the screenshot they attached in the email to a site like this one: https://pasteboard.co/ and then send me the link here.

Regarding your other points:

– The plugin has an option to set where you want the map to appear, it sets it using WooCommerce hooks available on the checkout page. Unfortunately the plugin does not currently have support for Checkout Field Editor that lets you put it after any field you want.

– It’s currently possible to hide the map based on shipping class, I’ll look into making it possible to hide the map based on the shipping method selected (pickup,delivery etc).

– You can change the location of the “Detect Current Location” button with some custom javascript but I’ll add an option to change it’s position in a future update to the plugin

That wasn’t actually a syntax error. It’s just a strict return type checking.

You can change the orientation of the map on the checkout page using some JavaScript if it’s not in the area you want it to be.

The map isn’t actually a WooCommerce checkout field, so that’s why it wouldn’t show in the list of fields in the Checkout Field Editor plugin. You can let the devs know that.

—

The latest version of the plugin allows you to hide or show the map based on the selected shipping method that a user chooses at checkout.

—

Regarding the orientation of the “Detect Location” button you can change it using the following code (update to the latest version of the plugin for this to work)

function change_markup( $old_mark_up, $user_id ){
	
	$new_markup = <<<MAP
		<div id="lpac-map-container" class='woocommerce-shipping-fields__field-wrapper'>
			<button id='lpac-find-location-btn' type='button'>Detect Current Location</button>
			<div class='lpac-map'></div>
			<div class='lpac-map-controls'>
			<div style="font-size: 10px">Add your map instructions</div>
			</div>
		</div>
MAP;
	
	return $new_markup;
}
add_filter('lpac_map_markup', 'change_markup', 10, 2);

You can create a small custom plugin with the code above using a plugin like this one: https://wordpress.org/plugins/pluginception/ or you can add the code to your child theme’s functions.php file

NOTE: Using this code you’re directly changing the markup of the map area. The markup is subject to change in the future… so there might be a chance you’d have to update this code if that happens.

@jucapuna No problem, please feel free to leave a review for the plugin to help other users find it: https://wordpress.org/support/plugin/map-location-picker-at-checkout-for-woocommerce/reviews/

Great! Thank you, please share a link to the post so I can take a look as well