Support » Plugin: Gratisfaction- Loyalty, Rewards , Referral, Birthday and Giveaway Program » Move or customise the Points Earn message

  • Resolved James

    (@bonkerz)


    I have a client who is using this plugin. The Points Earn message appears in a weird place on the page – how can this be moved?

    “Earn 66 – 182 points upon purchasing this product.”

    I can’t see any options anywhere to control its output.

    Thanks

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author Apps Mav

    (@akashmalik)

    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 support@appsmav.com 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

    Thread Starter James

    (@bonkerz)

    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?

    Plugin Author Apps Mav

    (@akashmalik)

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

    If you face any problem, please email us at support@appsmav.com .

    With best wishes
    The Apps Mav team

    snowloversglobal

    (@snowloversglobal)

    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

    Plugin Author Apps Mav

    (@akashmalik)

    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

    Thread Starter James

    (@bonkerz)

    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.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Move or customise the Points Earn message’ is closed to new replies.