Mail Bag

Answering Your Questions Since... 9:30am
Joined: 28 Aug 2005
Posts: 113
|
Posted: Jan 14, 2008 12:33pm Post subject: Displaying sale prices in red text |
|
|
| Quote: | | Is there any way to have the sale items in store cart to show as red? |
Yes. This can be done by adding a couple of QuickCode Tags to your HTML templates.
Here is one way that the colored sale price can be achieved on the storefront page (the following technique will require a basic understanding of CSS).
1.) Add a style to display red text to your store's CSS file.
a. Log into your Admin Area.
b. Mouse over the "Design" drop down meu.
c. Click "CSS/JavaScript Files" from the menu.
d. Load your design package from the drop down menu.
e. In the left column, click the name of the specific CSS file to be edited. (For example: "default_css.css".) This will load the contents of the CSS file in the "CSS Editor".
f. Insert the following code into the CSS file.
An example of a CSS style that will display red text is:
.SALE-PRICE {color: #FF0000;}
This tells the span tag to turn the sale price red.
2.) Add the CSS style to your HTML templates.
Insert the following code in the HTML templates where the price should be displayed.
{RESULTS-IF-SALE-PRICE-BEGIN}
<span class="SALE-PRICE">{RESULTS-SALE-PRICE}</span>
{ELSE}
{RESULTS-PRICE}
{RESULTS-IF-SALE-PRICE-END}
In the example above, the span tag is placed around the QuickCode "{RESULTS-SALE-PRICE}" tag to reference the CSS style from Step 1. The "{ELSE}" toggles the display of the price between the regular and red sale prices. _________________ Modular Merchant Mail Bag
Answering your questions, queries and puzzlers.
Modular Merchant shopping cart software, website hosting, and custom programming. |
|