Online Express tip: show just the thermometer or just the donation form

You may have instances where you would like to add just part of the OLX form to a page, for instance when showing overall campaign progress on a landing page. You can accomplish this with a couple of bits of simple code. We have the solution for you below.

Display just the thermometer

Own design

Add the below snippet of code to your donation page ABOVE your Online Express donation form snippet. Make sure you have enabled the thermometer on your donation form of course.

<script>eval(function(p,a,c,k,e,r){e=function(c){return c.toString(a)};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('$(\'9\').c(\'<1>#2-3{5:6;}</1>\');$(7).8(4(){b a=d(4(){e($(\'#f\').g===0){h}i(a);$(\'#2-3\').j($(\'.k\'))},l)});',22,22,'|style|mongo|form|function|display|none|document|ready|body||var|append|setInterval|if|bboxdonation_divForm|length|return|clearInterval|before|BBFormProgressContainer|500'.split('|'),0,{}))</script>

Preserve the design

The first option takes the markup and removes the styling. You can also use the below snippet if you wish to preserve the styling:

<script>eval(function(p,a,c,k,e,r){e=function(c){return c.toString(a)};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('$(\'e\').f(\'<2 c="3">#g-h{o:r;}</2>\');$(8).9(1(){d b=7(1(){4($(\'#5\').j===0){k}l(b);$(\'#5 > m\').n(1(i,a){a=$(a);4(!a.p(\'q\')){a.6()}$(\'#3\').6()})},s)});',29,29,'|function|style|temphide|if|bboxdonation_divForm|remove|setInterval|document|ready|||id|var|body|append|mongo|form||length|return|clearInterval|div|each|display|hasClass|BBFormProgressContainer|none|500'.split('|'),0,{}))</script>

Display just the donation form

This one is very simple. Add the following snippet again above the form:

<style>.BBFormProgressContainer{display:none !important;}</style>

More complex requirements?

Do you want to do more? Just get in touch with our support team via our website chat or email support@smartthing.org and we will do our best to help.

We also have several OLX products ready to use which you can see on our product pages here.

Related Posts