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


 All Forums
 General
 Design issues
 how do I add a tool tip behind price?
 New Topic  Reply to Topic
 Printer Friendly
Author  Topic   

cciknives
Advanced Member

Canada
179 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

39256 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
179 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
179 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
8727 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;
}
   Topic   
 New Topic  Reply to Topic
 Printer Friendly
Jump To:
Shopping Cart Software Forum for Ecommerce Templates © 2002-2019 ecommercetemplates.com
This page was generated in 0.01 seconds. Snitz Forums 2000