Andal.LND/edx-platform
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #16648 from edx/tuchfarber/add_price_to_marketing_button

Browse Source 
Add pricing data to program purchase button
This commit is contained in:
Matt Tuchfarber
2017-11-30 13:11:06 -05:00
committed by GitHub
parent 2ad918c126 26144b4a66
commit c25e4ba045
2 changed files with 29 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
lms/static/sass/views/_program-marketing-page.scss
View File

@@ -20,6 +20,11 @@
.btn {
font-size: 20px;
font-weight: $font-weight-bold;
.original-price {
text-decoration: line-through;
font-weight: $font-weight-normal;
}
}
.btn,

25
lms/templates/courseware/program_marketing.html
View File

@@ -62,6 +62,8 @@ endorser_org = endorser_position.get('organization_name') or corporate_endorseme
faqs = program['faq']
courses = program['courses']
instructors = program['instructors']
full_program_price_format = '{0:.0f}' if program['full_program_price'].is_integer() else '{0:.2f}'
full_program_price = full_program_price_format.format(program['full_program_price'])
%>
<div id="program-details-hero">
<div class="main-banner"
@@ -83,9 +85,30 @@ endorser_org = endorser_position.get('organization_name') or corporate_endorseme
<h2>${program['subtitle']}</h2>
</div>
<div>
## Note: Weird formatting to fix the inline spacing issue.
% if program.get('is_learner_eligible_for_one_click_purchase'):
<a href="${buy_button_href}" class="btn btn-success">
${_('Purchase the Program')}
<span>${_('Purchase the Program (')}</span
% if program.get('discount_data') and program['discount_data']['is_discounted']:
><span aria-label="${_('Original Price')}" class="original-price"
>${Text(_('${oldPrice}')).format(
oldPrice=full_program_price_format.format(program['discount_data']['total_incl_tax_excl_discounts'])
)}</span
><span aria-label="${_('Discounted Price')}" class="discount">
${Text(_('${newPrice}')).format(
newPrice=full_program_price,
)}
</span
><span class="savings">
${Text(_('{currency})')).format(
discount_value=full_program_price_format.format(program['discount_data']['discount_value']),
currency=program['discount_data']['currency']
)}
</span>
% else:
><span>${"${price})".format(price=full_program_price)}
</span>
% endif
</a>
% else:
<a href="#courses" class="btn btn-success">