midvalleydrifter001
Ecommerce Template Expert
USA
936 Posts |
Posted - 02/05/2022 : 18:20:13
Ok... here is what I'm doing
In the Admin Product Options section under "Options/Values" I sometimes use Bold CSS <b>Highlighted Word</b> to highlight ONE word but NOT the entire line of text.
This Bold's the font on the website fine except the <b></b> characters show up on my "Admin Orders Invoice" that is printed for the customer.
How can I still use the Bold text on the website (Admin Options section) but not have it print on the Admin Invoice?
Thanks,
Patrick
Edited by - midvalleydrifter001 on 02/05/2022 21:22:42
|
Sinbad
ECT Moderator
USA
65937 Posts |
Posted - 02/05/2022 : 19:17:42
Hi Patrick, in the admin product option you should see Class to the right of each option. You can type the word bold, then in your site style sheet create the class for bold. .bold {font-weight:bold;} quote: Class Introduced in ECT v7.0.1 you can enter a css class name to enable formatting of the product option display
Winners never quit, quitters never win CSS and Responsive DesignsUser Manual for Ecommerce Templates
|
midvalleydrifter001
Ecommerce Template Expert
USA
936 Posts |
Posted - 02/05/2022 : 19:26:41
Thanks for that
But what if I wanted to Bold "ONE" word of the option Name? Not the entire line of text.
Edited by - midvalleydrifter001 on 02/05/2022 21:23:13
|
Vince
Administrator
42874 Posts |
Posted - 02/06/2022 : 03:02:13
|
midvalleydrifter001
Ecommerce Template Expert
USA
936 Posts |
Posted - 02/06/2022 : 11:02:45
Hi Vince,
Thanks for that but this is not what I was originally inquiring about.
I do have an extensive ectadmincustom.css file.
This is what I have in that section now:
div.orderoptline > div.orderoptgrp{ font-weight:normal !important; }
div.orderoptgrp, div.orderoption { display: inline; font-weight:bold; color:red; }
I know we can add a custom css class to the options row but I was wanting to Bold Only One word on that line that shows on the Website.
If I do this in the Options/Values field (NOT the class field) <b>Some Text</b> (Some Other Text NOT in Bold) I get this on my Website as I would like: Some Text (Some Other Text NOT in Bold)
Then what shows up on the "Cart page" during checkout is this with the Bold tags shown: <b>Some Text</b> (Some Other Text NOT in Bold)
These tags then transfer over to the Admin Invoice, which I don't want.
Patrick
|
dbdave
ECT Moderator
USA
10468 Posts |
Posted - 02/06/2022 : 11:49:15
Patrick, the only way I can think to do something like that is using javascript to query your options, then pickup on that string and do what you want there. Then it would not impact other areas of the site.  David
|
midvalleydrifter001
Ecommerce Template Expert
USA
936 Posts |
Posted - 02/06/2022 : 11:52:00
Hi David,
Kinda what I was thinking would need done but that is above my pay grade. LOL
|
dbdave
ECT Moderator
USA
10468 Posts |
Posted - 02/06/2022 : 15:47:30
message me a link to a page showing the option in question. Please add a unique class to that option. This would be a class that would be used on any option where you want that text bold, but only used for that purpose.
Thanks, David
|
midvalleydrifter001
Ecommerce Template Expert
USA
936 Posts |
Posted - 02/06/2022 : 15:53:27
This page has what you are asking for:
https://www (DOT) slixprings.com/proddetail.php?prod=SliXshot-Pocket-Pistol-Nipples
The Option "Pietta" is in Bold. The other part in parenthesis in not in bold.
If you add it to the cart you will see the bold tags in the options. This is what transfers to the invoice in admin.
Thanks for looking.
Edited by - midvalleydrifter001 on 02/06/2022 15:53:46
|
Sinbad
ECT Moderator
USA
65937 Posts |
Posted - 02/07/2022 : 10:06:55
Hi Patrick, it appears the b tags are still in the option name and the option name is what is passed onto the cart. Did you try removing the b tag from the option name and setting the class on the option? Also I only see ectcart you'll need to have your class in a style sheet that is attached to the page. Try adding it to style.css anywhere above > /* This is the first breakpoint Also as ectadmincustom.css is not attached to the store pages you would need to add classes that you want to front side to display to style.css and for the admin add it to ectadmincustom.css Winners never quit, quitters never win CSS and Responsive DesignsUser Manual for Ecommerce Templates
Edited by - Sinbad on 02/07/2022 10:09:15
|
|
|