+
+
+
+
+ 
+
+
+
+
+
+
+ Community
+
+
+ Enterprise
+
+
+ Odoo.sh
+
+
+
+
+
+
+
+ 
+
+ + One Page Checkout +
++ This Module simplifies ecommerce checkout by condensing it into a single, + user-friendly page. +
+ +
+
+
+
+ 
+
+
+ + Explore This + Module +
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ + Overview +
+
+
+
+
+
+ This Module simplifies ecommerce checkout by condensing it into a single,
+ user-friendly page.
+
+
+
+
+ 
+
+
+ + Features +
+
+
+
+
+
+
+
+ 
+
+
+
+ Select any delivery method.
+ Choose your preferred delivery method from a range of options available for your orders.
+
+
+
+
+
+
+ Create a new address and select existing address.
+ Easily add a new address to your profile or select from existing addresses for a seamless and personalized checkout experience.
+
+
+
+
+
+
+
+
+ Apply your promo-codes.
+ Enter your promo code to apply special discounts.
+
+
+
+
+
+
+ Inline validation for public users.
+ Enable inline form validation for public users, ensuring that inputted data is instantly validated and errors are highlighted for a smoother and error-free user experience.
+
+
+
+
+ 
+
+
+ + Screenshots +
+
+
+
diff --git a/one_page_checkout/static/src/css/style.css b/one_page_checkout/static/src/css/style.css
new file mode 100755
index 000000000..893b7e7a5
--- /dev/null
+++ b/one_page_checkout/static/src/css/style.css
@@ -0,0 +1,38 @@
+/* Column Responsive CSS for including three templates in a single page */
+.single_pg_checkout_layout{
+ width:90%;
+ max-width:1400px;
+ margin: 0 auto;
+}
+.single_pg_checkout_layout .column {
+ float: left;
+ width: 33.33%;
+}
+.block-ui{
+ pointer-events:none;
+ opacity:0.5;
+}
+/* Clear floats after the columns */
+.single_pg_checkout_layout:after {
+ content: "";
+ display: table;
+ clear: both;
+}
+@media screen and (max-width: 1000px) {
+ .single_pg_checkout_layout .column {
+ width: 80%;
+ margin: 15px auto;
+ }
+}
+@media screen and (max-width: 750px) {
+ .single_pg_checkout_layout .column {
+ width: 90%;
+ margin: 15px auto;
+ }
+}
+@media screen and (max-width: 500px) {
+ .single_pg_checkout_layout .column {
+ width: 97%;
+ margin: 15px auto;
+ }
+}
diff --git a/one_page_checkout/static/src/js/checkout_form.js b/one_page_checkout/static/src/js/checkout_form.js
new file mode 100755
index 000000000..a74769585
--- /dev/null
+++ b/one_page_checkout/static/src/js/checkout_form.js
@@ -0,0 +1,32 @@
+odoo.define('one_page_checkout.checkout_form', require => {
+ 'use strict';
+
+ const publicWidget = require('web.public.widget');
+ const paymentFormMixin = require('payment.payment_form_mixin');
+ /**
+ * OnePagePaymentForm widget. Enhances the payment form by adding a click
+ * event listener that submits the extra_info_form along with the payment form.
+ *
+ * @extends paymentFormMixin
+ */
+ publicWidget.registry.OnePagePaymentForm = publicWidget.Widget.extend(paymentFormMixin, {
+ selector: 'form[name="o_payment_checkout"]',
+ events: Object.assign({}, publicWidget.Widget.prototype.events, {
+ 'click button[name="o_payment_submit_button"]': '_onClickPayment',
+ }),
+ init: function () {
+ this._super(...arguments);
+ },
+ /**
+ * OnePagePaymentForm widget. Enhances the payment form by adding a click
+ * event listener that submits the extra_info_form along with the payment form.
+ *
+ * @extends paymentFormMixin
+ */
+ _onClickPayment: async function (ev) {
+ $('#extra_info_form').submit()
+
+ },
+ });
+ return publicWidget.registry.OnePagePaymentForm;
+});
diff --git a/one_page_checkout/static/src/js/website_sale.js b/one_page_checkout/static/src/js/website_sale.js
new file mode 100755
index 000000000..2b5495dce
--- /dev/null
+++ b/one_page_checkout/static/src/js/website_sale.js
@@ -0,0 +1,228 @@
+odoo.define('one_page_checkout.website_sale', function (require) {
+'use strict';
+
+var core = require('web.core');
+var config = require('web.config');
+var publicWidget = require('web.public.widget');
+var VariantMixin = require('website_sale.VariantMixin');
+var wSaleUtils = require('website_sale.utils');
+const cartHandlerMixin = wSaleUtils.cartHandlerMixin;
+require("web.zoomodoo");
+const dom = require('web.dom');
+
+publicWidget.registry.OnePageCheckoutWebsiteSale = publicWidget.Widget.extend(
+ VariantMixin, cartHandlerMixin, {
+ selector: '.single_pg_checkout_layout',
+ events: _.extend({}, VariantMixin.events || {}, {
+ 'click .a-submit': '_onClickSubmit',
+ 'click .show_coupon': '_onClickShowCoupon',
+ 'change select[name="country_id"]': '_onChangeCountry',
+ 'click span[title="Details"]': '_onCartDetailClick',
+ }),
+
+ /**
+ * Initializes the widget.
+ * Sets the `isWebsite` property to `true`.
+ */
+ init: function () {
+ this._super.apply(this, arguments);
+ this.isWebsite = true;
+ },
+
+ /**
+ * Starts the widget.
+ * Calls the super method and returns the resulting promise.
+ * @returns {Promise} A promise representing the start of the widget.
+ */
+ start() {
+ const def = this._super(...arguments);
+ return def;
+ },
+
+ /**
+ * Destroys the widget.
+ * Calls the super method and performs any necessary cleanup.
+ */
+ destroy() {
+ this._super.apply(this, arguments);
+ this._cleanupZoom();
+ },
+ /**
+ * Changes the country and updates the corresponding fields
+ based on the selected country.
+ */
+ _changeCountry: function () {
+ if (!$("#country_id").val()) {
+ return;
+ }
+ // Get country information via RPC call
+ this._rpc({
+ route: "/shop/country_infos/" + $("#country_id").val(),
+ params: {
+ mode: $("#country_id").attr('mode'),
+ },
+ }).then(function (data) {
+ // placeholder phone_code
+ $("input[name='phone']").attr('placeholder', data.phone_code !== 0 ? '+'+ data.phone_code : ''); // populate states and display
+ var selectStates = $("select[name='state_id']");
+ // dont reload state at first loading (done in qweb)
+ if (selectStates.data('init')===0 || selectStates.find('option').length===1) {
+ if (data.states.length || data.state_required) {
+ selectStates.html('');
+ _.each(data.states, function (x) {
+ var opt = $('
+
+
+
+
+ 
+
+ + Checking out with Login User.
+ +
+
+ 
+
+ + Checking out with Public User.
+ +
+
+ 
+
+ + Form validation for Public User.
+ +
+
+
+
+ 
+
+
+ + Related + Products +
+
+
+
+
+
+ 
+ 
+ 
+ 
+ 
+ 
+
+
+
+ 
+
+
+ + Our Services +
+
+
+
+
+
+
+
+
+
+ 
+
+
+ + Odoo + Customization +
+
+
+
+ 
+
+
+ + Odoo + Implementation +
+
+
+
+ 
+
+
+ + Odoo + Support +
+
+
+
+ 
+
+
+ + Hire + Odoo + Developer +
+
+
+
+ 
+
+
+ + Odoo + Integration +
+
+
+
+ 
+
+
+ + Odoo + Migration +
+
+
+
+ 
+
+
+ + Odoo + Consultancy +
+
+
+
+ 
+
+
+ + Odoo + Implementation +
+
+
+
+ 
+
+
+ + Odoo + Licensing Consultancy +
+
+
+
+ 
+
+
+ + Our + Industries +
+
+
+
+
+
+
+
+
+
+ 
+
+
+ + Trading +
++ Easily procure + and + sell your products +
+
+
+
+ 
+
+
+ + POS +
++ Easy + configuration + and convivial experience +
+
+
+
+ 
+
+
+ + Education +
++ A platform for + educational management +
+
+
+
+ 
+
+
+ + Manufacturing +
++ Plan, track and + schedule your operations +
+
+
+
+ 
+
+
+ + E-commerce & Website +
++ Mobile + friendly, + awe-inspiring product pages +
+
+
+
+ 
+
+
+ + Service Management +
++ Keep track of + services and invoice +
+
+
+
+ 
+
+
+ + Restaurant +
++ Run your bar or + restaurant methodically +
+
+
+
+ 
+
+
+ + Hotel Management +
++ An + all-inclusive + hotel management application +
+
+
+
+ 
+
+
+ + Support +
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+ 
+
+
+