Mouseover text - Toolset

This support ticket is created 2 years, 11 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Our next available supporter will start replying to tickets in about 1.99 hours from now. Thank you for your understanding.

Sun	Mon	Tue	Wed	Thu	Fri	Sat
-	9:00 – 13:00	9:00 – 13:00	9:00 – 13:00	9:00 – 13:00	9:00 – 13:00	-
-	14:00 – 18:00	14:00 – 18:00	14:00 – 18:00	14:00 – 18:00	14:00 – 18:00	-

Supporter timezone: Asia/Hong_Kong (GMT+08:00)

This topic contains 3 replies, has 2 voices.

Last updated by Luo Yang 2 years, 11 months ago.

Assisted by: Luo Yang.

Author

Posts

January 4, 2022 at 2:43 am #2257951

mariaR

Hi, I'm trying to create a view of a list of products. On the heading of the product name I would like the text to change to "see product details" and possibly change to a different color when you mouseover it.

littlenaturalnut.com

January 4, 2022 at 6:39 am #2258053

Luo Yang

Hello,

It needs custom JS/CSS codes, for example:

jQuery('.tb-heading a').hover(function () {
    jQuery(this).css('color', 'red');
    jQuery(this).text('see product details');
},

More help:
hidden link
hidden link
hidden link

January 4, 2022 at 2:47 pm #2258367

mariaR

Where would I put that code?

January 5, 2022 at 2:28 am #2258827

Luo Yang

You can follow our document to add custom JS codes into your post view:
https://toolset.com/course-lesson/adding-custom-javascript-to-views-templates-and-archives/#steps-for-adding-javascript-to-a-view