Move or customise the Points Earn message

Hi James,
Thanks for reaching out.

Sure, we can help with this – We do this by injecting theme hooks and can do a custom JS

If you can kindly email us at [email protected] describing where you’d like to display this message , we ‘ll help you achieve this.

Sorry for any inconvenience and please stay safe.
With best wishes
The Apps Mav team

I’m happy to do this myself – is is documented anywhere? Can you share here so others can do this on their sites without giving your admin team access to our site?

Please apply this
jQuery(‘#gr_product_points_lable’).insertAfter(‘.price’);

If you face any problem, please email us at [email protected] .

With best wishes
The Apps Mav team

I am also wanting to move the message to above the product title and use point before the quantity buttons. How do I do this please? Thanks

Hi Peter,

We are closing this thread since it has been discussed & resolved already today in Live Chat. If you need any other assistance, please email us at support (at) appsmav (dot) com.

With best wishes
The Apps Mav team

If its useful to anyone else, my final code was this:

CSS:

.product .grPointsEarn {
display: none; /* Hide the message by default */
}

JavaScript:

<script>
// Move points label
jQuery( document ).ready(
	function($) {

		var label = document.getElementById( 'gr_product_points_lable' );
		if (label === 0) {
			return;
		}

		$( label ).insertAfter('.et_pb_module.et_pb_wc_price').show( "slow" );

	}
);
</script>

The CSS hides the points label by default, but then the JS moves it and slowly fades it in – update the class .et_pb_module.et_pb_wc_price to where you need your points message to be.