Product Option Tooltip Broken

Author	« Topic »
John M Advanced Member 459 Posts Pre-sales questions only (More Details...)	Posted - 04/20/2022 : 04:33:58 Testing 7.4.8. What happened in the tooltip overhaul? It does not work properly anymore... there is no icon to mouse over and the content appears then disappears in what seems a random manner. There is no documentation on what changed and what needs to be updated or configured. John
1818charlie ECT Moderator United Kingdom 1198 Posts	Posted - 04/20/2022 : 05:02:20 John Just checked my test site which is on ECT v 7.4.8, PHP 8.0.17 & tooltip all looking good & appears to work as always. But on a vaping site which I look after which is also on ECT v 7.4.8 but on PHP 7.4.28 all the products with options do not show any tooltip at all - options show & select fine though. One for Vince ! UPDATE - Just checked another site on ECT V7.5.0 & PHP 8.0.17 & the tooltips is also fine. ----------------------------------- Steve Manchester UK Make it as simple as possible, but not simpler. Edited by - 1818charlie on 04/20/2022 05:32:57
Vince Administrator 42853 Posts	Posted - 04/20/2022 : 08:23:31 Could one of you maybe give me the URL of a problematic page and I'll take a look. Vince Click Here for Shopping Cart Software Click Here to sign up for our newsletter Click Here for the latest updater
1818charlie ECT Moderator United Kingdom 1198 Posts	Posted - 04/20/2022 : 08:31:51 Hi Vince I'll flirt an email through in next hour ----------------------------------- Steve Manchester UK Make it as simple as possible, but not simpler.
John M Advanced Member 459 Posts Pre-sales questions only (More Details...)	Posted - 04/20/2022 : 08:32:29 https://jian.london/test/Promise-Sapphire-and-Diamond-Platinum-Half-Eternity-3mm-Ring-Band
Vince Administrator 42853 Posts	Posted - 04/20/2022 : 09:42:22 Hi John In the source of that page you don't seem to have the ectcart.css file referenced and that is where the tooltip icon is now. If for any reason you don't want to include the ectcart.css file you can add this to your own style sheet, or change it to something else... div.opttooltip::after{ content:"\24D8"; color:#333; } Vince Click Here for Shopping Cart Software Click Here to sign up for our newsletter Click Here for the latest updater
1818charlie ECT Moderator United Kingdom 1198 Posts	Posted - 04/20/2022 : 09:59:19 Hi Vince & John I owe an apology. <goosechase>I posted earlier 'all the products with options'. Out of the 1000+ products on the vaping site I ended up ramdomly choosing two that had nothing at all in the tooltip text area in the admin thus not showing anything on the public facing website. On checking more closely the ones that do have tooltip text show absolutely fine. </goosechase> ----------------------------------- Steve Manchester UK Make it as simple as possible, but not simpler.
dbdave ECT Moderator USA 10455 Posts	Posted - 04/20/2022 : 10:51:06 quote: <goosechase>I posted earlier 'all the products with options'. Out of the 1000+ products on the vaping site I ended up ramdomly choosing two that had nothing at all in the tooltip text area in the admin thus not showing anything on the public facing website. On checking more closely the ones that do have tooltip text show absolutely fine. </goosechase> Dim punishment If goosecahse <> "harmless" then punishment = "Give Steve a hard time" else "" end if Edited by - dbdave on 04/20/2022 10:51:46
ITZAP Ecommerce Template Guru Australia 1018 Posts	Posted - 04/20/2022 : 18:47:08 A tip for those who use Font Awesome v4.7 Icons on their website, you might prefer to display the fa-info-circle as your Tooltip Icon. To do so, simply add this CSS to you main stylesheet to override the ectcart.css styles: div.opttooltip { font-size: 155%; vertical-align: middle; position: relative; display: inline; color: #003366; margin: 0 0 0 0.2em; } div.opttooltip::after { font-family: "FontAwesome"; content: "\f05a"; color: #003366; font-weight: 400; } div.opttooltip:hover::after { color: #b00000; } Edit those #hexcolors as you like. I think it looks better. Gary
midvalleydrifter001 Ecommerce Template Expert USA 935 Posts	Posted - 04/20/2022 : 19:29:33 That does look good. Thanks Gary Patrick
Vince Administrator 42853 Posts	Posted - 04/21/2022 : 02:18:04 Very neat indeed Gary and thanks for that! This was the reasoning behind getting the glyph into the CSS file too so that you can easily make changes using your site style sheet. Vince Click Here for Shopping Cart Software Click Here to sign up for our newsletter Click Here for the latest updater
John M Advanced Member 459 Posts Pre-sales questions only (More Details...)	Posted - 04/21/2022 : 03:22:59 Hi Everyone, Thanks for all your help. I had forgot to copy the latest ectcart.css updates to our own style sheet. Many thanks, John
	« Topic »