---
tags: DS DONE
---

> [name=Laureen Delhaye] Seulement les infos RS et pas de class?

# Prices
Prices

## Usage

## Style

## Code
Prices exist in different variations. (sizes, positive, negative, ... ).

### Create a Price:
1. Declare the RazorObject `@rsPrice.`
2. Add the corresponding option sufix to produce the different prices( rsPromoMedium, rsStandardMedium , rsOthersMedium , ...).
3. Add your price between brackets.

> NOTE: Decimals prices shoult be with dots. *Ex: 19.99*
>

#### Code Scheme
Single Price
==@rsPrice.***TypeSize***(***Price***)==

Promo Price
==@rsPrice.***TypeSize***(***OldPrice***,***NewPrice***)==

> NOTE: Any price can have rs-price-disabled class in addition.
*Ex: @rsPrice.rsPromoMedium(19.99,25.50,"**rs-price-disabled**")*

#### All variations of "Types"
*`rsPromo`*
*`rsStandard`*
*`rsOthers`*
*`rsFree`*

*`rsInverted`*
*`rsPromoInverted`*
*`rsPromoSemiInverted`*

*`rsExceed`*
*`rsSelected`*

#### All variations of "Sizes"

*`Medium`*
*`Sm`*
*`Small`*

==!!!! uptodate between Onepager & rsPrice.cshtml ????==
==!!!!! rs-price-caddy ?????==

| Medium | Sm | Small |
| -------- | -------- | -------- | -------- |
| `rsPromoMedium` | `rsPromoSm` | `rsPromoSmall` |
| `rsStandardMedium` | `rsStandardSm` | `rsStandardSmall` |
| `rsOthersMedium` | `rsOthersSm` | `rsOthersSmall` |
| `rsInvertedMedium` | `rsInvertedSm` | `rsInvertedSmall` |
| `rsPromoInvertedMedium` | `rsPromoInvertedSm` | `rsPromoInvertedSmall` |
| `rsPromoSemiInvertedMedium` | `rsPromoSemiInvertedSm` | `rsPromoSemiInvertedSmall` |
| `rsPromoSemiInvertedMedium` | `rsPromoSemiInvertedSm` | `rsPromoSemiInvertedSmall` |
| `rsExceedMedium` | `rsExceedSm` | `rsExceedSmall` |
| `rsSelectedMedium` | `rsSelectedSm` | `rsSelectedSmall` |

### Snippet library - All variations

#### MEDIUM price:

@rsPrice.rsPromoMedium(19.99,25.50)
@rsPrice.rsStandardMedium(20)
@rsPrice.rsOthersMedium(19.99)
@rsPrice.rsFreeMedium(19.99)

@rsPrice.rsInvertedMedium(19.99)
@rsPrice.rsPromoInvertedMedium(19.99,22.50)
@rsPrice.rsPromoSemiInvertedMedium(19.99,22.50)

@rsPrice.rsExceedMedium(19.99)
@rsPrice.rsSelectedMedium(19.99)

#### SM price:

@rsPrice.rsPromoSm(19.99,25.50)
@rsPrice.rsStandardSm(20)
@rsPrice.rsOthersSm(10)
@rsPrice.rsFreeSm(19.99)

@rsPrice.rsInvertedSm(19.99)
@rsPrice.rsPromoInvertedSm(19.99,22.50)
@rsPrice.rsPromoSemiInvertedSm(19.99,22.50)

@rsPrice.rsExceedSm(10)
@rsPrice.rsSelectedSm(10)

#### SMALL price:

@rsPrice.rsPromoSmall(19.99,25.50)
@rsPrice.rsStandardSmall(20)
@rsPrice.rsOthersSmall(10)
@rsPrice.rsFreeSmall(19.99)

@rsPrice.rsInvertedSmall(19.99)
@rsPrice.rsPromoInvertedSmall(19.99,22.50)
@rsPrice.rsPromoSemiInvertedSmall(19.99,22.50)

@rsPrice.rsExceedSmall(10)
@rsPrice.rsSelectedSmall(10)

#### Price compact:

@rsPrice.rsCompact(199.99,"/month")
@rsPrice.rsCompact(199.99,"/month","rs-price-inverted")

@rsPrice.rsCompactPromo(249.99,259.99,"/month")
@rsPrice.rsCompactPromo(249.99,259.99,"/month","rs-price-inverted")
@rsPrice.rsCompactPromo(249.99,259.99,"/month","rs-price-semi-inverted")

### Razor Object

Those variables are calling an object from `App_Code/rsPrice.cshtml` coded with Razor (aspnetcorerazor).

Here's an example of `@rsPrice.rsPromoMedium(19.99,25.50)` the compiled called html.

<span class="rs-price-m rs-price-promo">
    <del>
        <span class="”show-for-sr”">instead of </span>€25.50
    </del>
    <span class="rs-nowrap">
        <span class="rs-euro">€</span>
        <span class="rs-unit">19</span>
        <span class="rs-decimal">.99</span>
    </span>
</span>