Jump to content
  • 0

Configurable option type "text" & user pick the price


qatifserv

Question

Hello ..

I'm looking for a way to convert the slider on the configurable option type "quantity" to text input that only accept numbers using this code http://jsfiddle.net/viralpatel/nSjy7/

any thoughts / help .. trying to get the user pick and choose the price

partially solved in the replies.. you can check there..

Edited by qatifserv
partially solved
Link to comment
Share on other sites

5 answers to this question

Recommended Posts

  • 0
5 hours ago, qatifserv said:

Hello ..

I'm looking for a way to convert the slider on the configurable option type "quantity" to text input that only accept numbers using this code http://jsfiddle.net/viralpatel/nSjy7/

any thoughts / help ..

you need to add the js files and code to the order form view (depend on the template you use) .

 

Link to comment
Share on other sites

  • 0

So..... after spending more than 2 days trying to solve this problem without crashing the theme and the site I finally came up with a solution..

 

this is how you let the customer pick the price for a service:

1- set the initial price to 0.00

2-  Packages >> Configurable Options >> options

3- create a new option with the following :

  • Type >> Quantity
  • Client can Add & Client can Edit are enabled
  • set option name & min & max & step to 1
  • price is 1.00 ((( very important so any value the client enters will be multiplied by 1 )))

4- now identify your order form and edit /plugins /order /views /templates /ajax /javascript /config_packageoptions.js

5- delete these lines :

				$(input).slider({
					value: value,
					min: min,
					max: max,
					step: step,
					orientation: 'horizontal'
				}).on('slideStop', function(e) {
					fetchSummary();
				});

save and close.

now you're done! go check the package as a client and see that there's an extra text field you just created that allows you to plug in any number and it will be used as the final price

you can also use the value as 1.05 for example when setting up the price for the option to be used as the price + 5% of what the user put down

hide all of the unnecessary field now on your order template using style="display:none" if you want.. make sure to make the package requires an approval..

if I came up with any updates I'll post it here..

this worked perfectly for me.

To Do :

  • make the field only accept #s

 

 

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...