Ask your WordPress questions! Pay money and get answers fast! Comodo Trusted Site Seal
Official PayPal Seal

Add multiple payments option in the Templatic theme WP Answers WordPress

Hello -

Im using Templatic QnA Answers theme.

The Answers theme forces users to pay x$ in order to post a question on my blog.

Seeing that they have paid, I process the order and email them the answer.

But the twist is that some questions are much longer than others while others are shorter. Also, some people need to get an answer in a hurry.

I just want a system like this :
http://done4web.com/OrderNow.html

incorporated on my site on the Ask a Question Page :
http://bit.ly/vraON9

can someone please help?

Also this is my first time here, so Im a bit nervous putting in a higher amount..

---
Edits and Clarifications
---

Yes, please - I would need the slider rather than a radio button. Sliders could be used to adjust prices based on priority of work completion. We do not need the form because my theme page above already has a form - upon filling it already posts to my blog, so everything's fine over there.

-I can only complete transactions on this site.
-Also, please let me know if you want to raise the bid here or on PM.
Thanks.

Answers (4)

2011-11-16

ej_emman answers:

Hello graphitewpq,

I need more information to solve this problem. I just PM you and I am willing to help you.


ej_emman

2011-11-16

Hardeep Singh answers:

This can be done but How will you calculate the price?

Sliders are fine for the sample site but is that you need or it will be based on other factors?

I can be reachable on Skype (from my profile) and we can discuss this is more detail.

Thanks


graphitewpq comments:

Hardeep -

The price would be calculated as per this method:

1 page (5 days priority) - $15
1 page (4 days priority) - $17
1 page (3 days priority) - $20
1 page (2 days priority) - $25
1 page (1 day priority) - $30
1 page (ASAP priority) - $35

depending over number of pages, the money would multiply.

A second slider would simply add a dollar for every reference that is required for the writeup.




2011-11-16

Francisco Javier Carazo Gil answers:

Hi graphitewpq,

You need something like this: [[LINK href="http://jqueryui.com/demos/slider/#steps"]]jQuery UI Slider (steps mode for example)[[/LINK]].

1. You have to choose theme
2. Download jQuery UI
3. Upload to your site
4. Implement the slide

In script part:

<script>
$(function() {
$( "#slider" ).slider({
value:100,
min: 0,
max: 500,
step: 50,
slide: function( event, ui ) {
$( "#amount" ).val( "$" + ui.value );
}
});
$( "#amount" ).val( "$" + $( "#slider" ).slider( "value" ) );
});
</script>


And in HTML only a DIV:

<div id="slider"></div>


Remember, you can get the value in this way:
$( "#slider" ).slider( "value" )

Customize CSS and options and you will have it running.


graphitewpq comments:

Hello Francisco,

I really really appreciate this help.

I would start with the steps you mentioned.

Im not a developer, but I know a bit of css and bits of php, not a comlete dud, so I will give it my best.

Is it okay if I wait to award? I am afraid I have a couple more doubts about the entire implementation part and may need a wee bit more help.

Best regards
Gr...





Francisco Javier Carazo Gil comments:

Graphitewpq,

I'm glad I have been useful.


graphitewpq comments:

Hi Francisco -

Ive done the following.

1. Downloaded the Jquery ui zip file with provisions for all kinds of functions.

2. uploaded it as folder inside my theme directory.

3. pasted these three in the header:

1.
<link type="text/css" href="css/themename/jquery-ui-1.8.16.custom.css" rel="Stylesheet" />

2.
<script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>

3.
<script type="text/javascript" src="js/jquery-ui-1.8.16.custom.min.js"></script>

then I will add this in the appropriate place in template for "ask a question" page on ANswers theme: Create a text field & call jquery:

/*HTML: */
<input type="text" name="new_method_pay" id="newpay" />


/*calling jquery*/

$('#newpay').newpay();

I dont know if I am right in the last part...

but after this, I would use what you gave me:
$( "#slider" ).slider( "value" ) to the capture the value the customer has filled in?

I also know this value needs to be stuffed in the variable that gets sent to Paypal saying this much money needs to be charged... I dont know how to find this variable or how to speak to Paypal and say, hey charge " $( "#slider" ).slider( "value" )" MUCH!

Something to do with IPN etc?







Francisco Javier Carazo Gil comments:

Hi Graphite,

All is OK until the last part.

You will have to create a div, besides input:


<input type="text" name="new_method_pay" id="newpay" />
<div id="slider"></div>


Moreover, in head, you have to specify the slider and copy the value:


$( "#slider" ).slider({
value:100,
min: 0,
max: 500,
step: 50,
slide: function( event, ui ) {
$( "#amount" ).val( "$" + ui.value );
}
});
$( "#newpay" ).val( "$" + $( "#slider" ).slider( "value" ) );


This is wrong:

$('#newpay').newpay();


Regards.

2011-11-16

Gabriel Reguly answers:

Hi graphitewpq,

Welcome to WPQuestions :-)

Francisco Javier Carazo Gil just gave you some pointers.

If you would like/need a complete solution, I think you will need to raise the prize.

Also, I personally don't like private messages for other than exchanging information like login details.

If questions and answers remain public, you get a better chance of a quality answer. Also the community can benefit from the answer.

Kind Regards,
Gabriel


graphitewpq comments:

Gabriel,

Thanks for the greet!

This is a nice little site, I'm seeing.

I appreciate your help a lot!