MAP Pricing v1.5 - display strike-through on MAP Price?

[Johnnycopilot]

ok thanks.

[Johnnycopilot]

Ok, I did the following, but the appearance hasn't changed. Did I add the values to the CSS Correct?

I CHANGED/ADDED /includes/templates/abagon/css/stylesheet.css
FROM:
.map_pricing {
color: #FF0000;
font-weight: normal;
}

TO:
.map_pricing {text-decoration: strikethrough;
color: #FF0000;
font-weight: normal;
}

.map_pricing .noMap {text-decoration: none;
}

AND I CHANGED: /includes/languages/english/extra_definitions/map_pricing.php
FROM:
define('MAP_PRICE_STORE_FRONT_TEXT', "Priced so low we can't advertise it - Add to cart for price.");
define('MAP_PRICE_STORE_FRONT_TEXT_WITH_MAP_PRICE_DISPLAYED', 'for SALE price, add to cart');

TO:
define('MAP_PRICE_STORE_FRONT_TEXT', "Priced so low we can't advertise it - Add to cart for price.");
define('MAP_PRICE_STORE_FRONT_TEXT_WITH_MAP_PRICE_DISPLAYED', '<span class="noMap"> for SALE price, add to cart</span>');

When I do that, browser "View Source" shows this....

<!--bof Product Price block -->
<h2 id="productPrices" class="productGeneral">
<span class="map_pricing">$399 <span class="noMap"> for SALE price, add to cart</span></span></h2>
<!--eof Product Price block -->

I see my close span tag out of place, but that's about the limit of my knowledge.

ALSO, I tried adding ONLY the

.map_pricing {text-decoration: strikethrough;
color: #FF0000;
font-weight: normal;
}

to the stylesheet to see if it would strikethrough the price and text, but nothing there either; no strikethrough.
When I do that, browser 'view source' looks like this

<!--bof Product Price block -->
<h2 id="productPrices" class="productGeneral">
<span class="map_pricing">$399 for SALE price, add to cart</span></h2>
<!--eof Product Price block -->


I put both changes BACK in case you wanted to see what it looked like WITH the changes I tried, and that's the way it is currently.

[gjh42]

Okay... I've never used line-through before, and it seems that it gets applied to the whole .map-pricing span regardless of styling in inner spans. You can set .noMap to an additional text-decoration, but you can't remove the outer effect.

It will be necessary to get sneaky. Change the define from

define('MAP_PRICE_STORE_FRONT_TEXT_WITH_MAP_PRICE_DISPLAYED', '<span class="noMap"> for SALE price, add to cart</span>');

to

define('MAP_PRICE_STORE_FRONT_TEXT_WITH_MAP_PRICE_DISPLAYED', '</span><span class="noMap"> for SALE price, add to cart');

This will close the .map-pricing span and put the text in a separate span. Now you can style them independently. You will have to repeat any styling you want them both to have.

.map_pricing {text-decoration: line-through;
color: #FF0000;
font-weight: normal;
}

.noMap {text-decoration: none;
color: #FF0000;
font-weight: normal;
}

[Johnnycopilot]

@gjh42 .... Sneaky!! Perfect!! And I love that I can change colors of text vs price. Having the price the same red as the text was driving me crazy. There IS one more thing, if I can bother you. If I put $0 for the M.A.P. price, instead of the site showing the M.A.P. price (now with my cool strikethrough), it shows the text in that other line in the map_pricing.php file.

define('MAP_PRICE_STORE_FRONT_TEXT', "Priced so low we can't advertise it - Add to cart for price.");

an example here; https://www.stageandtheaterlighting....oducts_id=1531

Since I have made the strikethrough change, that text now has a line through it and the new color of my M.A.P. price (which is fine if need be). Is there a way to give that message it's own attributes? I would like to get rid of the line through the text, and give it an altogether different color, blue or whatever. If it's going to open a new can of worms, I am not that concerned about it.. I mean, if it's going to take a lot of your time. I don't care how much of my time it takes..... and once again thanks..

[DrByte]

I suspect you can do the same trick again, closing the span and starting another one with another class.

[Johnnycopilot]

Thanks Dr. Byte, I'll give it a shot. I'll be back on the forum again in a few minutes when I crash my entire site.. ha.. Thanks!!

[Johnnycopilot]

I'll be back on the forum again in a few minutes when I crash my entire site.. ha

It's funny that I jokingly made the comment about crashing my site, because when I upload my map_pricing.php page with my edits, my website goes completely blank. everything. Like a white piece of paper. no content at all on entire website.. Thought I had really crashed it somehow. When I re-upload my working map_pricing.php file my website comes back. note: it seems like the m.a.p. install instructions said I needed to edit a product after install for website to 'work', so I DID edit or create a product between each of my changes... but still blank website. I would like to show the changes I made, and perhaps someone can correct me, and explain what I have done wrong.

Re-Capp, in case someone not familiar with this post starts reading: I am trying to give the text that shows up in lieu of price, when I put $0 in the M.A.P. price field, it's on text style. I am trying to give ----- define('MAP_PRICE_STORE_FRONT_TEXT', "</span><span class="noPrice">Priced so low we can't advertise it - Add to cart for price."); ---- it's own style.. However, I don't know what I am doing.

The define('MAP_PRICE_STORE_FRONT_TEXT_WITH_MAP_PRICE_DISPLAYED', '</span><span class="noMap">for SALE price, add to cart'); edit works great. It separated the price and subsequent text into two fields, which allowed me to give the price and text their own styles (...which shows up when $1 or more is entered in the M.A.P. price field).

** Question:: Can I name a style "noPrice" ??

This is the current, working map_pricing.php page with the strikethrough mod in place.
define('MAP_PRICE_STORE_FRONT_TEXT', "Priced so low we can't advertise it - Add to cart for price.");
define('MAP_PRICE_STORE_FRONT_TEXT_WITH_MAP_PRICE_DISPLAYED', '</span><span class="noMap">for SALE price, add to cart');

This is the current working theme stylesheet

.map_pricing {text-decoration: line-through;
color: #808080;
font-weight: normal;
}

.noMap {text-decoration: none;
color: #FF0000;
font-weight: normal;

Here are the changes I made, none of which work.

Change (1)
define('MAP_PRICE_STORE_FRONT_TEXT', "</span><span class="noPrice">Priced so low we can't advertise it - Add to cart for price.");
define('MAP_PRICE_STORE_FRONT_TEXT_WITH_MAP_PRICE_DISPLAYED', '</span><span class="noMap">for SALE price, add to cart');

.map_pricing {text-decoration: line-through;
color: #808080;
font-weight: normal;
}

.noMap {text-decoration: none;
color: #FF0000;
font-weight: normal;
}

.noPrice {text-decoration: none;
color: #0000FF;
font-weight: normal;

Change (2)
define('MAP_PRICE_STORE_FRONT_TEXT', </span><span class="noPrice">"Priced so low we can't advertise it - Add to cart for price.");
define('MAP_PRICE_STORE_FRONT_TEXT_WITH_MAP_PRICE_DISPLAYED', '</span><span class="noMap">for SALE price, add to cart');

Same style sheet as in change 1

Change (3)
define('MAP_PRICE_STORE_FRONT_TEXT', '</span><span class="noPrice">"Priced so low we can't advertise it - Add to cart for price." ');
define('MAP_PRICE_STORE_FRONT_TEXT_WITH_MAP_PRICE_DISPLAYED', '</span><span class="noMap">for SALE price, add to cart');

same style sheet as in change 1

Change (4)
define('MAP_PRICE_STORE_FRONT_TEXT', '</span><span class="noPrice">' "Priced so low we can't advertise it - Add to cart for price.");
define('MAP_PRICE_STORE_FRONT_TEXT_WITH_MAP_PRICE_DISPLAYED', '</span><span class="noMap">for SALE price, add to cart');

same stylesheet as in change 1

What am I doing wrong? Thanks! :)