Oliver/ODOO4projects.com
Public Access
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

pricing: remove monthly/yearly billing toggle, default to yearly

Browse Source 
- Remove billing-toggle-wrap HTML (switch + labels)
- Update all 4 pricing cards to show yearly prices by default
  with / year period and save percentage
- Simplify openOrderWidget() to always use yearly pricing only
- Remove billing toggle JS block (updatePrices, setBilling, event listeners)
- Remove billing toggle CSS (billing-toggle-wrap, .toggle-*, .toggle-switch)
- Update order widget default display to / year
- Update CTA note to 'Save money, less administration'
This commit is contained in:
reef
2026-08-20 10:38:03 +00:00
parent 3e9a6d5c4b
commit a2cfa09558
3 changed files with 24 additions and 158 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+18 -23
View File
@@ -237,23 +237,18 @@
<div class="container">
<p class="section-kicker">Rates &amp; Suites</p>
<h2 class="section-title">Your Plan, Your Timing: Upgrade Anytime</h2>
<div class="billing-toggle-wrap">
<span class="toggle-label toggle-label-monthly active">Monthly <small>1 month free</small></span>
<div class="toggle-switch" id="billingSwitch"><div class="thumb"></div></div>
<span class="toggle-label toggle-label-yearly">Yearly <small>up to -10%</small></span>
</div>
<div class="pricing-grid">
<!-- Side Hustle -->
<div class="pcard">
<div class="pcard-body">
<h3>Side Hustle</h3>
<div class="price">
<strong class="price-amount" data-monthly="19.40" data-yearly="214.00">$ 19.40</strong>
<small class="price-period">/ month</small>
<div class="price-save" style="display:none" data-monthly-text="FREE TRIAL coupon = 1 month free" data-yearly-text="Save 8%">1 month free</div>
<strong>$ 214.00</strong>
<small class="price-period">/ year</small>
<div class="price-save">Save 8%</div>
</div>
<p class="desc">&ldquo;ODOO Standard .. that is all my business needs&rdquo;</p>
<a href="javascript:void(0)" class="btn btn-brass" onclick="openOrderWidget('Side Hustle', 19.40, 214.0, false)">Buy Now</a>
<a href="javascript:void(0)" class="btn btn-brass" onclick="openOrderWidget('Side Hustle', 214.00, false)">Buy Now</a>
<ul>
<li><i class="fas fa-check" style="color: var(--success)"></i> ODOO CE Hosting</li>
<li><i class="fas fa-check" style="color: var(--success)"></i> Automatic Backups</li>
@@ -267,12 +262,12 @@
<div class="pcard-body">
<h3>On the Rise</h3>
<div class="price">
<strong class="price-amount" data-monthly="36.25" data-yearly="395.00">$ 36.25</strong>
<small class="price-period">/ month</small>
<div class="price-save" style="display:none" data-monthly-text="FREE TRIAL coupon = 1 month free" data-yearly-text="Save 9%">1 month free</div>
<strong>$ 395.00</strong>
<small class="price-period">/ year</small>
<div class="price-save">Save 9%</div>
</div>
<p class="desc">&ldquo;I need some modules and professional reports&rdquo;</p>
<a href="javascript:void(0)" class="btn btn-brass" onclick="openOrderWidget('On the Rise', 36.25, 395.0, false)">Buy Now</a>
<a href="javascript:void(0)" class="btn btn-brass" onclick="openOrderWidget('On the Rise', 395.00, false)">Buy Now</a>
<ul>
<li><i class="fas fa-check" style="color: var(--success)"></i> ODOO CE Hosting</li>
<li><i class="fas fa-check" style="color: var(--success)"></i> Automatic Backups</li>
@@ -287,12 +282,12 @@
<div class="pcard-body">
<h3>Powerhouse</h3>
<div class="price">
<strong class="price-amount" data-monthly="49.60" data-yearly="535.00">$ 49.60</strong>
<small class="price-period">/ month</small>
<div class="price-save" style="display:none" data-monthly-text="FREE TRIAL coupon = 1 month free" data-yearly-text="Save 10%">1 month free</div>
<strong>$ 535.00</strong>
<small class="price-period">/ year</small>
<div class="price-save">Save 10%</div>
</div>
<p class="desc">&ldquo;ODOO Enterprise is a must have!&rdquo;</p>
<a href="javascript:void(0)" class="btn btn-brass" onclick="openOrderWidget('Powerhouse', 49.60, 535.0, false)">Buy Now</a>
<a href="javascript:void(0)" class="btn btn-brass" onclick="openOrderWidget('Powerhouse', 535.00, false)">Buy Now</a>
<ul>
<li><i class="fas fa-check" style="color: var(--success)"></i> ODOO CE Hosting</li>
<li><i class="fas fa-check" style="color: var(--success)"></i> Automatic Backups</li>
@@ -309,12 +304,12 @@
<div class="pcard-body">
<h3>Empire</h3>
<div class="price">
<strong class="price-amount" data-monthly="80.00" data-yearly="950.00">&gt;$ 80.00</strong>
<small class="price-period">/ month</small>
<div class="price-save empire-no-save" style="display:none" data-monthly-text="" data-yearly-text=""></div>
<strong>&gt;$ 950.00</strong>
<small class="price-period">/ year</small>
<div class="price-save"></div>
</div>
<p class="desc">&ldquo;My house! My Horse! My Server!&rdquo;</p>
<a href="javascript:void(0)" class="btn btn-brass" onclick="openOrderWidget('Empire', 80.0, 950.0, true)">Get Custom Quote</a>
<a href="javascript:void(0)" class="btn btn-brass" onclick="openOrderWidget('Empire', 950.00, true)">Get Custom Quote</a>
<ul>
<li><i class="fas fa-check" style="color: var(--success)"></i> Our service on your server</li>
<li><i class="fas fa-check" style="color: var(--success)"></i> All modules &amp; features</li>
@@ -325,7 +320,7 @@
<div class="pcard-foot">Instant setup, satisfied or reimbursed.</div>
</div>
</div>
<p class="pricing-cta-note" id="pricingCtaNote">&#128274; Secure Stripe checkout &middot; Cancel anytime &middot; <strong>Satisfied or reimbursed</strong></p>
<p class="pricing-cta-note">Save money, less administration</p>
</div>
</section>
@@ -336,7 +331,7 @@
<div class="ow-content">
<h2 class="ow-title" id="orderPlanTitle">On the Rise</h2>
<p class="ow-price">
<span class="ow-price-amount" id="orderPlanPrice">$ 36.25</span> <span id="orderPlanPeriod">/ month</span>
<span class="ow-price-amount" id="orderPlanPrice">$ 395.00</span> <span id="orderPlanPeriod">/ year</span>
<span class="ow-price-tax" id="orderPlanTax">+ tax</span>
</p>
<p class="ow-coupon-msg" id="orderCouponMsg">Use coupon <strong>FREE TRIAL</strong> at checkout for 1 month free</p>