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
 Technical
 PHP (Unix / Linux / Apache) versions
 CSS help needed on Product Options
Author « Topic »  

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 Designs
User 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  
Hi Patrick
How about adding this to the vsadmin/ectadmincustom.css file (which if it doesn't exist, just create it)...

div.orderoptline > div.orderoptgrp{
font-weight:normal !important;
}

Vince


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

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 Designs
User Manual for Ecommerce Templates

Edited by - Sinbad on 02/07/2022 10:09:15
  « 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