Tooltips During Checkout for Configuration Options?

[int]

Looking for some guidance on how we can add a tooltip to a configurable option (a custom addon in fact) during the customer checkout process; basically, we have a new/custom field to allow people to add a subdomain name to use to access their servers, but people can't seem to understand what that field represents, so we constantly get customers using our 'live chat' to ask what to put in this 'subdomain' field.

[sentq]

if you use Six Template, you can simple modify the input field to include ( data-toggle="tooltip" title="here is the description for this field")

ex.:

 

<input type="text" name="custom_field_name" data-toggle="tooltip" title="here is the description for this field">

[int]

if you use Six Template, you can simple modify the input field to include ( data-toggle="tooltip" title="here is the description for this field")

ex.:

 

<input type="text" name="custom_field_name" data-toggle="tooltip" title="here is the description for this field">

 

Thanks, but this unfortunately doesn't work with my addon that I'm trying to add a tooltip to (which is in the modules/addons/<module> folder and uses a hook):

 

<input type=\"hidden\" name=\"location\" value=\"" + configBox.prop("name") + "\" />");

 

I put the escape characters in as they should be, but in putting data-toggle and title, the field doesn't show up in the order form at all. Any ideas?

[sentq]

input type is "hidden"! it will not be visible at all.

 

if the 'data-toggle="tooltip"' add the following JS code to enable the tooltip plugin for these fields,

 

<script>
$(document).ready(function(){
   $('input[data-toggle="tooltip"]').tooltip();
});
</script>

[int]

input type is "hidden"! it will not be visible at all.

 

if the 'data-toggle="tooltip"' add the following JS code to enable the tooltip plugin for these fields,

 

<script>
$(document).ready(function(){
   $('input[data-toggle="tooltip"]').tooltip();
});
</script>

 

So I should change the input type to "text"? Wondering why it's hidden in the first place then...

 

And where do I add the JS code? At the top of the TPL file?

[int]

So I should change the input type to "text"? Wondering why it's hidden in the first place then...

 

And where do I add the JS code? At the top of the TPL file?

 

Got the developer to fix this for me. Thanks anyway!

[sentq]

So I should change the input type to "text"? Wondering why it's hidden in the first place then...

 

And where do I add the JS code? At the top of the TPL file?

hi,

 

didn't had a chance to reply to you, yes change input type to text and place the JS code in footer.tpl file or more better inside a .JS file (more safe) and include this file in footer.tpl