Ecommerce software home
Shopping Cart Software Forum for Ecommerce Templates
 
Home | Profile | Register | Active Topics | Members | Search | FAQ
Username:
Password:
Save Password
Forgot your Password?

Find us on Facebook Follow us on Twitter View our YouTube channel
Search our site
Forum Search
Google Site Search
 All Forums
 General
 Design issues
 how do I add a tool tip behind price?
Author « Topic »  

cciknives
Advanced Member

Canada
235 Posts

Posted - 08/07/2020 :  09:56:12  
I would like to add a tool tip behind the price on the products page as well as product details page. Can this be done in the css file?
example: Price (?): $10.00

(?) = a small pop up window with the comment "If you have an Account, sign in to view your account pricing. Your price may be different from the price displayed."

Thanks for any help.

Peter

CCI - Tools for the Discriminating Chef

Vince
Administrator

42756 Posts

Posted - 08/07/2020 :  10:20:56  
Hi Peter
How about something like this in your includes.asp file...

xxPrice="Price (<span title=""If you have an Account, sign in to view your account pricing. Your price may be different from the price displayed"">?</span>)"

Vince

Click Here for Shopping Cart Software
Click Here to sign up for our newsletter
Click Here for the latest updater

cciknives
Advanced Member

Canada
235 Posts

Posted - 08/07/2020 :  12:04:27  
Perfect Vince - and if I want to replace the ? with a graphic how would I add that to the span line?

I tried but this gives me a failure. <img src=..../images/icons/info-icon-red.png" width="5" height="5">

Peter


CCI - Tools for the Discriminating Chef

cciknives
Advanced Member

Canada
235 Posts

Posted - 08/07/2020 :  12:18:38  
actually can I add formatting to the style.css file?

span.cciinfo {
height: 50px;
width:50px;
background: red;
display: inline-block;
border: 2px solid green;
margin: 4px;
float: left;
}

or something like that?



CCI - Tools for the Discriminating Chef

dbdave
ECT Moderator

USA
10408 Posts

Posted - 08/07/2020 :  14:28:20  
You can add a class to Vince's suggestion like this to target the question mark only

xxPrice="Price (<span class=""qmark"" title=""If you have an Account, sign in to view your account pricing. Your price may be different from the price displayed"">?</span>)"

Then

span.qmark {
color:red;
}

cciknives
Advanced Member

Canada
235 Posts

Posted - 11/08/2020 :  15:02:11  
Just to close this off and perhaps helping someone else, I ended adding the following to to our includes file which seems to work fine.

xxPrice="Price(<span title=""If you have an Account, sign in to view your account pricing. Your price may be different from the price displayed""><img src=""images/icons/cciinfo-red-16x16.png""</span>)"

Thanks for the tip Dave and Vince.

Regards, Peter



CCI - Tools for the Discriminating Chef
  « Topic »  
Jump To:
Shopping Cart Software Forum for Ecommerce Templates © 2002-2022 ecommercetemplates.com
This page was generated in 0.03 seconds. Snitz Forums 2000