Reward Points Module for ZC v13x

[hardwiredtemplates]

You may also change most of colours, fonts, borders etc from within the reward.css file.

All the changes were made in the reward.css file, yet the color, font-size, weight do not change at all. Any suggestion by anyone out there... I am trying to change the color and font-size of the reward points side box information.

again please look at www.megasaveonline.com

[Athens Collectibles]

You are (mostly) correct. I have made extensive changes to the mod's stylesheet_reward.css to control the sidebox and how the reward points appear in various pages (product listing, shopping cart and checkout pages). You may view how the sidebox displays on my site Athens Collectibles, place an item into the cart and proceed to checkout, without of course confirming the order.

If you use Firefox with the Web Developer add-on, you will be able to replace the contents of the default stylesheet_reward.css with mine and make changes on the spot, viewing their effect. Not everything will be suitable for you because of possibly different product listing and checkout layouts but you will get the idea. My css is:

/**
 * Reward Points CSS Stylesheet
 *
 * @package templateSystem
 * @copyright Copyright 2007 Andrew Moore
 * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
 */

/*Override inputLabel style to get rid of ugly label word wrapping*/

label.inputLabel {
	float:left;
	width:20em;
}

.inputLabel {
	font-size:1.1em;
	line-height:1.5em;
	vertical-align: middle;
	padding:0.2em;	
	float:left;
	width:20em;
}

.inputField {
	font-size:1.1em;
	line-height:1.5em;
	vertical-align: middle;
	padding:0.2em;	
	float:left;
}

/*wrappers - page or section containers*/

#rewardWrapper {
	background-color: #ffffff;
	text-align: left;
	width: 1000px;
	vertical-align: top;
	border: 0px solid #9a9a9a;
	border-bottom: 5px solid #330099;
}

.productRewardPoints {
	margin-bottom:1em;
	padding-top:3px;
	padding-bottom:3px;
	border:1px solid #00ff00;
	background-color:#ffffe0;
	color: #ff0000;
}

.cartBoxRewardPoints {
	margin:0pt;
	padding:0.2em 0em;
	color: #FF0000;
	font-weight:bold;
	text-align:right;
}

.cartBoxEarnedPoints {
	margin:0pt;
	padding:0.2em 0em;
	color: #FF0000;
	font-weight:bold;
	text-align:right;
}

.cartBoxPendingPoints {
	margin:0pt;
	padding:0.2em 0em;
	color: #FF8040;
	font-weight:bold;
	text-align:right;
}

#rewardpoints {
	border:1px solid #00ff00!important;
	background-color:#ffffe0!important;
}

#shoppingcartwithrewards {
	border:1px solid #00ff00!important;
	background-color:#ffffe0!important;
}

#cartBoxEmpty {
	text-align:left;
	font-weight:normal;
}

#otrewardpointsdisplay {
	float:right;
}

#otrewardpointsdisplay .lineTitle {
	text-align:left;
	font-weight:bold;
	color:#0000ff;
	padding-right:10px;
	padding-left:10px;
	background-color:#ffffdd!important;
	border:1px solid #0000ff;
	margin-top:6px;
}

#otrewardpointsdisplay .totalBox {
	width:70px;
	text-align:center;
	font-weight:bold;
	color:#ffffff;
	background-color:#0000ff!important;
	border:1px solid #0000ff;
	margin-top:6px;
}

#shoppingcartwithrewardsContent .cartBoxRewardPoints {
	margin-bottom:-12px;
}

.rewardexplain {
	font-weight:normal;
	font-size:10px;
}

#rewardpoints .leftBoxHeading {
	display:block;
	border-bottom:1px solid #00ff00!important;
	background-color:#ffffe0;
	font-size:11px;
}

#shoppingcartwithrewards .leftBoxHeading {
	display:block;
	border-bottom:1px solid #00ff00!important;
	background-color:#ffffe0;
	font-size:11px;
}

Compare my stylesheet to the one included with the mod and you will see my additions and changes.

Good luck and post back if and when you manage to do what you want. Cheers for now.

[hardwiredtemplates]

You may also change most of colours, fonts, borders etc from within the reward.css file.

You are (mostly) correct. I have made extensive changes to the mod's stylesheet_reward.css to control the sidebox and how the reward points appear in various pages (product listing, shopping cart and checkout pages). You may view how the sidebox displays on my site Athens Collectibles, place an item into the cart and proceed to checkout, without of course confirming the order.

If you use Firefox with the Web Developer add-on, you will be able to replace the contents of the default stylesheet_reward.css with mine and make changes on the spot, viewing their effect. Not everything will be suitable for you because of possibly different product listing and checkout layouts but you will get the idea. My css is:

/**
 * Reward Points CSS Stylesheet
 *
 * @package templateSystem
 * @copyright Copyright 2007 Andrew Moore
 * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
 */

/*Override inputLabel style to get rid of ugly label word wrapping*/

label.inputLabel {
	float:left;
	width:20em;
}

.inputLabel {
	font-size:1.1em;
	line-height:1.5em;
	vertical-align: middle;
	padding:0.2em;	
	float:left;
	width:20em;
}

.inputField {
	font-size:1.1em;
	line-height:1.5em;
	vertical-align: middle;
	padding:0.2em;	
	float:left;
}

/*wrappers - page or section containers*/

#rewardWrapper {
	background-color: #ffffff;
	text-align: left;
	width: 1000px;
	vertical-align: top;
	border: 0px solid #9a9a9a;
	border-bottom: 5px solid #330099;
}

.productRewardPoints {
	margin-bottom:1em;
	padding-top:3px;
	padding-bottom:3px;
	border:1px solid #00ff00;
	background-color:#ffffe0;
	color: #ff0000;
}

.cartBoxRewardPoints {
	margin:0pt;
	padding:0.2em 0em;
	color: #FF0000;
	font-weight:bold;
	text-align:right;
}

.cartBoxEarnedPoints {
	margin:0pt;
	padding:0.2em 0em;
	color: #FF0000;
	font-weight:bold;
	text-align:right;
}

.cartBoxPendingPoints {
	margin:0pt;
	padding:0.2em 0em;
	color: #FF8040;
	font-weight:bold;
	text-align:right;
}

#rewardpoints {
	border:1px solid #00ff00!important;
	background-color:#ffffe0!important;
}

#shoppingcartwithrewards {
	border:1px solid #00ff00!important;
	background-color:#ffffe0!important;
}

#cartBoxEmpty {
	text-align:left;
	font-weight:normal;
}

#otrewardpointsdisplay {
	float:right;
}

#otrewardpointsdisplay .lineTitle {
	text-align:left;
	font-weight:bold;
	color:#0000ff;
	padding-right:10px;
	padding-left:10px;
	background-color:#ffffdd!important;
	border:1px solid #0000ff;
	margin-top:6px;
}

#otrewardpointsdisplay .totalBox {
	width:70px;
	text-align:center;
	font-weight:bold;
	color:#ffffff;
	background-color:#0000ff!important;
	border:1px solid #0000ff;
	margin-top:6px;
}

#shoppingcartwithrewardsContent .cartBoxRewardPoints {
	margin-bottom:-12px;
}

.rewardexplain {
	font-weight:normal;
	font-size:10px;
}

#rewardpoints .leftBoxHeading {
	display:block;
	border-bottom:1px solid #00ff00!important;
	background-color:#ffffe0;
	font-size:11px;
}

#shoppingcartwithrewards .leftBoxHeading {
	display:block;
	border-bottom:1px solid #00ff00!important;
	background-color:#ffffe0;
	font-size:11px;
}

Compare my stylesheet to the one included with the mod and you will see my additions and changes.

Good luck and post back if and when you manage to do what you want. Cheers for now.

Athens thank you so much for assisting. It seems that something else is controlling this side box. Try adding an item in your cart and see that the reward points do not turn red as they should do. I use FF dev tools and that section is styled with:

.cartBoxRewardPoints {
margin:0pt;
padding:0.2em 0em;
color: #FF0000;
font-weight:bold;
text-align:right;
}

Clearly it should be red and bold but never does. When I use the FF developers tools to view CSS information on that section this is what it shows.

.sideBoxContent a, .sideBoxContent div, .rightBoxContainer div, .leftBoxContainer div (line 989)

{
font-family: arial,verdana;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 11px;
font-size-adjust: none;
font-stretch: normal;
-x-system-font: none;
color: #454545;
line-height: 17px;

}

Also shows this:
.cartBoxRewardPoints {
margin:0pt;
padding:0.2em 0em;
color: #FF0000;
font-weight:bold;
text-align:right;
}

It seems that something else is overwriting and I haven't got the slightest clue as to where to change next, please help

again site is www.megasaveonline.com

[Athens Collectibles]

Add the red bold bits and it works:

.cartBoxRewardPoints {
	margin:0pt!important;
	padding:0.2em 0em!important;
	color: #FF0000!important;
	font-weight:bold!important;
	text-align:right!important;
}

Happy now? As you said, something else might overwrite your code. In general, if you see this happening with other parts of your code, add the "!important" before the ";" character to force the css to execute your code despite other lines overwriting it.

[hardwiredtemplates]

Add the red bold bits and it works:

.cartBoxRewardPoints {
	margin:0pt!important;
	padding:0.2em 0em!important;
	color: #FF0000!important;
	font-weight:bold!important;
	text-align:right!important;
}

Happy now? As you said, something else might overwrite your code. In general, if you see this happening with other parts of your code, add the "!important" before the ";" character to force the css to execute your code despite other lines overwriting it.

Athens I am more then Happy now. Thank you so much, and you've taught me something new today which always better then having the job done for you.

Much appreciation

[Athens Collectibles]

Glad it worked for you. However, when I try to load your side, I get the following error:

1146 Table 'webship7_zc1.zen_products_to_categories' doesn't exist
in:
[select distinct m.manufacturers_id as id, m.manufacturers_name as name from zen_products p, zen_products_to_categories p2c, zen_manufacturers m where p.products_status = 1 and p.manufacturers_id = m.manufacturers_id and p.products_id = p2c.products_id and p2c.categories_id = '0' order by m.manufacturers_name]

Are you aware of this?

[hardwiredtemplates]

Glad it worked for you. However, when I try to load your side, I get the following error:



Are you aware of this?

Yes Athens I accidentally dropped that table from the database and for hours I could not get it back. I went to bed late at night and today it was not that difficult to add the table back to my database and it's all good now..

Moral of story: If you spend hours on something, take a walk, do something else, go to bed an revisit later.


Thanks for the update Athens.

[swamyg1]

I just did an upgrade of this module, I'm having an odd problem.

My pending points account is now filled with numbers, it looks as if it's added the earned points to the pending points column when I look at the db. Before, customer ID 7977 had 130 earned points, they now have 130 points plus 130 pending points.

This is happening for all my customers, when I look at the old db the column for pending points all say 0 points. Not anymore. I have no idea how this happened or what could have caused it, any ideas?

[JaminT]

At the moment we have reward points calculated at 1 point per £1 spent. So if a customer buys a product for £75 they receive 75 points. When a customer receives 500 points they will receive a £5 voucher to be redeemed against a future order.

My question is.... we have lots of products, some with VAT, and some without. At the moment we are being told that reward points can either be calculated at “non-taxable” or “taxable” price. So this means that even if a product is non-taxable if we have to set the reward points to “taxable price” and that product is for instance £20 they are being give 24 points. And the same vice-versa.

Is there a way to set the reward points so that they are calculated at the price the customer is paying? So if a product that is non-taxable and is £20 and there is a product that is £20 including tax they are given the same amount of points either way.
Thanks,

[Lopi]

Hello,
I have one question I installed the reward points module and I would like to ask. Is it posible to use rewards point (earned) to older completed orders ? Or It is for only new orders ? Thank you for reply....


Zen 1.3.9h - Rewards point Version: 1.33a