Mouseover text - Toolset

This support ticket is created vor 4 years, 5 months. 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.

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	-

Zeitzone des Unterstützers: Asia/Hong_Kong (GMT+08:00)

Dieses Thema enthält 3 Antworten, hat 2 Stimmen.

Zuletzt aktualisiert von Luo Yang vor 4 years, 5 months.

Assistiert von: Luo Yang.

Author

Artikel

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:
versteckter Link
versteckter Link
versteckter 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