Show VirtueMart registration tip as text instead of blue "i" button

Please see image attached.

How can I display some text alongside the check box instead of the blue button with mouse over effect?
Untitled-1-01.png
TonyCaboneAsked:
Who is Participating?
 
Jesse MatlockConnect With a Mentor UX EngineerCommented:
There's not any 'easy' way to change the image for each field.. that could be done with JS adding images based on element, etc.. but, that would be fun times :-/ lol

As for adding additional text to the form, the problem is that the form is built on the fly, with each of the fields dynamically added to the form, as it's displayed.. so, there is no 'file' to open and add text between fields as such.. however, you can possibly make adjustments to:
administrator/components/com_virtuemart/classes/ps_userfields.php depending upon what you need to add.

Another thought is to 're-build' the form in hard code, it only needs to contain the correct fields, and send it to the proper URL. So, you could build the form to look however you wanted, with any additional info you needed, and then POST to the correct URL, you will most likely have more control over the redirect as well.. :)

It's really 6 of 1, half dozen of the other.. they both require some work,.. just depends on where you want to put it..
0
 
pmessanaCommented:
You would simply find the <img src="...."> tag that is the 'i' and replace it with the text you'd rather display.
0
 
TonyCaboneAuthor Commented:
OK great, can you tell me how to find out what file the code belongs to?
0
Never miss a deadline with monday.com

The revolutionary project management tool is here!   Plan visually with a single glance and make sure your projects get done.

 
TonyCaboneAuthor Commented:
Or which file it belongs to ?
0
 
pallavanjCommented:
The blue help button is created by the function vmToolTip
and this function is available at
webroot../administrator/components/com_virtuemart/classes/htmlTools.class.php
0
 
TonyCaboneAuthor Commented:
Thank you, I have managed to locate it. How do I turn the blue icon off, and add my own text in the area where it was displayed? (i.e. make the tip visible by default, no mouse over required)
0
 
pallavanjConnect With a Mentor Commented:

 The tip is made visible by the function Tip() on webroot../components/com_virtuemart/js/wz_tooltip.js

And it is completely drawn by the Javascript by fetching the position of the mouse.
so do not edit this js.

So I recommend you to edit the function vmToolTip()

Line no:20 and 30 have the stuff of the message..
0
 
pallavanjCommented:
Sorry,
Line no:20 and 30 on htmlTools.class.php  have the stuff of the message..
0
 
Jesse MatlockUX EngineerCommented:
another easy way to do this is to create an image, if the text is something like 'help' or 'info' and replace the 'i' image with the new 'text' image.. you may need to adjust spacing if you make it large.. but that can be done easily..
0
 
Jesse MatlockUX EngineerCommented:
BTW, if you do need to adjust the size or spacing of the image: add this code to your template CSS file and enter whatever size and padding/margin you require:

div#vm_age_input .formField span img {
}

and the image can be easily replaced in this directory:

images/M_images/con_info.png
0
 
TonyCaboneAuthor Commented:
What if you have multiple instances of these 'tool tips'? I have 2 on the same form, how can I allocate a different image or text to each?
0
 
TonyCaboneAuthor Commented:
As an alternative- is there a way to simply accompany form fields with text, and remove the tool tips altogether? If so I will post a new thread and award points for the original question.
0
 
TonyCaboneAuthor Commented:
I think rebuilding the form in hard code would be the way to go, pity there's no quick fix like I thought there would be.

Thanks guys
0
All Courses

From novice to tech pro — start learning today.