@ -21,9 +21,11 @@
--text-color: #121212;
--text-color-light: #64728f;
}
body{
body {
font-family: "Montserrat", sans-serif;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
color: #121212;
font-family: Montserrat;
@ -137,7 +139,7 @@
font-size: 46px;
font-weight: 700;
line-height: normal;
">Invoice Format Editor
">Invoice Format Editor< / span >
< / h1 >
< / div >
< div class = "col-lg-12 d-flex justify-content-center align-items-center"
@ -240,7 +242,7 @@
< p class = "m-0"
style="font-size:0.9rem; color:#64728f; font-size: 16px; font-weight: 400;">
Configure the
layout for the invoice. < / p >
layout for the invoice< / p >
< / div >
< / div >
< div class = "col-lg-4" >
@ -261,7 +263,7 @@
< p class = "m-0"
style="font-size:0.9rem; color:#64728f; font-size: 16px; font-weight: 400;">
Configure the
position of fields in the invoice report.
position of fields in the invoice report
< / p >
< / div >
< / div >
@ -289,9 +291,7 @@
< / div >
< div class = "col-lg-4" >
< div class = "mb-4 d-flex flex-column justify-content-center gap-3"
style="border-radius: 12px;
border: 1px solid #B6BCCD;
background: #FFF;padding:32px ">
style="border-radius: 12px; border: 1px solid #B6BCCD; background: #FFF;padding:32px;">
< div class = "d-flex justify-content-center align-items-center"
style="background-color:#7847D9; border-radius:8px !important; height:42px; width:42px">
< img src = "./assets/icons/feature-icon.svg"
@ -305,17 +305,18 @@
< p class = "m-0"
style="font-size:0.9rem; color:#64728f; font-size: 16px; font-weight: 400;">
You can
customize the theme for the report. < / p >
customize the theme for the report< / p >
< / div >
< / div >
< / div >
< / div >
<!-- code -->
< div class = "my-5" >
< div class = "position-relative" style = " padding: 5rem 4rem 5rem 4rem; background-color: #0A1425; border-radius: 12px;" >
< div class = "position-relative"
style=" padding: 5rem 4rem 5rem 4rem; background-color: #0A1425; border-radius: 12px;">
< div class = "d-flex flex-column gap-4" >
< span class = "wrapper-subtitle"
style="font-size: 40px; font-weight: 700; color: #fff;line-height: 60px; text-transform: capitalize; width: 450px;">Invoice Format Editor< / span >
style="font-size: 40px; font-weight: 700; color: #fff;line-height: 60px; text-transform: capitalize; width: 450px; font-family: Montserrat; ">Invoice Format Editor< / span >
< h3 class = "wrapper-details"
style="font-size: 20px; font-weight: 400; color: #fff; line-height: 32px; ">
Are you ready to make your business more
@ -416,12 +417,13 @@
< div class = "col-md-12" >
< h1 style = "font-weight:bold; font-size:calc ( 1 . 1rem + 1vw ) ; line-height:120 % ; text-align:center ; text-transform:capitalize ; font-size: 40px ;
font-weight: 700;">
< span style = "color:#121212; font-size:calc(1.1rem + 1vw)" > Document layout configuration
< span style = "color:#121212; font-size:calc(1.1rem + 1vw)" > Document layout
< / span >
< span style = "color: #7f54b3; font-size:calc(1.1rem + 1vw)" > Configuration< / span >
< / h1 >
< / div >
< div class = "col-md-12 mb-4" >
< p style = "font-weight:400; font-size:16px; line-height:150%; text-align:center; color:var(--text-color-light) " >
< p style = "font-weight:400; font-size:16px; line-height:150%; text-align:center; color:#64728f " >
From Document layout configuration in
settings, user can select and configure the
invoice document layout
@ -448,11 +450,11 @@
font-weight: 700;">
< span style = "color:#121212; font-size:calc(1.1rem + 1vw)" > Invoice Layout
< / span >
< span style = "color:#7f54b3; font-size:calc(1.1rem + 1vw)" > Configuration< / span >
< span style = "color: #7f54b3; font-size:calc(1.1rem + 1vw)" > Configuration< / span >
< / h1 >
< / div >
< div class = "col-md-12 mb-4" >
< p style = "font-weight:400; font-size:16px; line-height:150%; text-align:center; color:var(--text-color-light) " >
< p style = "font-weight:400; font-size:16px; line-height:150%; text-align:center; color:#64728f " >
User can configure the text positions, text
colors and invoice fields.
< / p >
@ -476,9 +478,8 @@
< div class = "col-md-12" >
< h1 style = "font-weight:bold; font-size:calc ( 1 . 1rem + 1vw ) ; line-height:120 % ; text-align:center ; text-transform:capitalize ; font-size: 40px ;
font-weight: 700;">
< span style = "color:#121212; font-size:calc(1.1rem + 1vw)" > Print
< / span >
< span style = "color: #7f54b3; font-size:calc(1.1rem + 1vw)" > Invoice< / span >
< span style = "color:#121212; font-size:calc(1.1rem + 1vw)" > Print< / span >
< span style = "color: #7f54b3; font-size:calc(1.1rem + 1vw)" > Invoice< / span >
< / h1 >
< / div >
< div class = "col-md-12 text-center" >
@ -500,8 +501,9 @@
< div class = "col-md-12" >
< h1 style = "font-weight:bold; font-size:calc ( 1 . 1rem + 1vw ) ; line-height:120 % ; text-align:center ; text-transform:capitalize ; font-size: 40px ;
font-weight: 700;">
< span style = "color:#121212; font-size:calc(1.1rem + 1vw)" > Normal Template
< span style = "color:#121212; font-size:calc(1.1rem + 1vw)" > Normal
< / span >
< span style = "color: #7f54b3; font-size:calc(1.1rem + 1vw)" > Template< / span >
< / h1 >
< / div >
< div class = "col-md-12 text-center" >
@ -523,11 +525,12 @@
< div class = "col-md-12" >
< h1 style = "font-weight:bold; font-size:calc ( 1 . 1rem + 1vw ) ; line-height:120 % ; text-align:center ; text-transform:capitalize ; font-size: 40px ;
font-weight: 700;">
< span style = "color:#121212; font-size:calc(1.1rem + 1vw)" > Modern Template
< span style = "color:#121212; font-size:calc(1.1rem + 1vw)" > Modern
< / span >
< span style = "color:#7f54b3; font-size:calc(1.1rem + 1vw)" > Template< / span >
< / h1 >
< / div >
< / div >
< div class = "col-md-12 text-center" >
< div class = "d-inline-block p-3 shadow-sm"
style="background-color:#fff; border-radius:10px">
@ -547,9 +550,10 @@
< div class = "col-md-12" >
< h1 style = "font-weight:bold; font-size:calc ( 1 . 1rem + 1vw ) ; line-height:120 % ; text-align:center ; text-transform:capitalize ; font-size: 40px ;
font-weight: 700;">
< span style = "color:#121212; font-size:calc(1.1rem + 1vw)" > Old Standard Template
< span style = "color:#121212; font-size:calc(1.1rem + 1vw)" > Old Standard
< / span >
< span style = "color: #7f54b3; font-size:calc(1.1rem + 1vw)" > Template< / span >
< / h1 >
< / div >
< div class = "col-md-12 text-center" >
@ -614,7 +618,6 @@
the invoice fields< / p >
< / div >
< / div >
< / div >
< div class = "col-md-6 col-sm-12 p-3" >
@ -633,6 +636,108 @@
< / div >
< / div >
< / div >
< div aria-labelledby = "faq-tab"
class="tab-pane fade show" id="faq"
role="tabpanel">
< div class = "row"
style=" background-color:#fff !important">
< div class = "col-md-12" aria-labelledby = "faq-tab"
id="faq" role="tabpanel">
< div class = "accordion mb-4" id = "accordion6" >
< div style = "background-color:#fff" >
<!-- accordian -->
< div class = "accordion"
id="accordion_faq">
<!-- Question 1 -->
< div class = ""
style="margin:1rem 0rem">
< div aria-expanded = "false"
class=" card-header collapsed"
data-bs-toggle="collapse"
data-bs-target="#collapseFAQOne"
href="#collapseFAQOne"
aria-controls="collapseFAQOne"
style="cursor: pointer; background-color:#f8f8f8; border:none; border-top-right-radius:10px; border-top-left-radius:10px; padding: 12px 24px;">
< a class = "card-title text-decoration-none"
style=" font-size:18px; line-height:30px; font-weight:500; color:#040f3a">
What is the Invoice Format Editor?
< img alt = ""
class="float-end"
src="//apps.odoocdn.com/apps/assets/16.0/index_test_odoo/assets/icons/down.svg?6ef7fd7"
width="25px">
< / a >
< / div >
< div class = "accordion-collapse collapse"
aria-labelledby="collapseFAQOne"
data-bs-parent="#accordion_faq"
id="collapseFAQOne"
style=" box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px; border: 1px solid #f8f8f8; border-bottom-right-radius:10px; border-bottom-left-radius:10px">
< p style = " padding:0.75rem 1.25rem; font-size:16px; line-height:27px; color:#888; font-weight:normal; border-bottom-right-radius:10px; border-bottom-left-radius:10px" >
The Invoice Format Editor is a custom module in Odoo 18 that allows users to configure and customize invoice templates easily.
< / p >
< / div >
< / div >
<!-- Question 2 -->
< div style = "margin:1rem 0rem" >
< div aria-expanded = "false"
class="cursor-pointer card-header collapsed"
data-bs-toggle="collapse"
aria-controls="collapseFAQThree"
data-bs-target="#collapseFAQThree"
style="cursor: pointer; background-color:#f8f8f8; border:1px solid #f8f8f8; border-top-right-radius:10px; border-top-left-radius:10px; padding: 12px 24px">
< a class = "card-title text-decoration-none"
style=" font-size:18px; line-height:30px; font-weight:500; color:#040f3a">
Can I modify the layout of my invoice using this module?
< img alt = ""
class="float-end"
src="//apps.odoocdn.com/apps/assets/16.0/index_test_odoo/assets/icons/down.svg?6ef7fd7"
width="25px">
< / a >
< / div >
< div class = "accordion-collapse collapse"
aria-labelledby="collapseFAQThree"
data-bs-parent="#accordion_faq"
id="collapseFAQThree"
style="box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px; border: 1px solid #f8f8f8; border-bottom-right-radius:10px; border-bottom-left-radius:10px">
< p style = "padding:0.75rem 1.25rem; font-size:16px; line-height:27px; color:#888; font-weight:normal; border-bottom-right-radius:10px; border-bottom-left-radius:10px" >
Yes, you can customize the invoice layout, including headers, footers, fonts, colors, and company branding.
< / p >
< / div >
< / div >
<!-- Question 3 -->
< div style = "margin:1rem 0rem" >
< div aria-expanded = "false"
class="cursor-pointer card-header collapsed"
data-bs-toggle="collapse"
aria-controls="collapseFAQFour"
data-bs-target="#collapseFAQFour"
style="cursor: pointer; background-color:#f8f8f8; border:1px solid #f8f8f8; border-top-right-radius:10px; border-top-left-radius:10px; padding: 12px 24px">
< a class = "card-title text-decoration-none"
style=" font-size:18px; line-height:30px; font-weight:500; color:#040f3a">
Is coding knowledge required to use the Invoice Format Editor?
< img alt = ""
class="float-end"
src="//apps.odoocdn.com/apps/assets/16.0/index_test_odoo/assets/icons/down.svg?6ef7fd7"
width="25px">
< / a >
< / div >
< div class = "accordion-collapse collapse"
aria-labelledby="collapseFAQFour"
data-bs-parent="#accordion_faq"
id="collapseFAQFour"
style="box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px; border: 1px solid #f8f8f8; border-bottom-right-radius:10px; border-bottom-left-radius:10px">
< p style = "padding:0.75rem 1.25rem; font-size:16px; line-height:27px; color:#888; font-weight:normal; border-bottom-right-radius:10px; border-bottom-left-radius:10px" >
No, the module provides a user-friendly interface for configuring invoice templates without coding. However, advanced users can apply custom styles using QWeb.
< / p >
< / div >
< / div >
< / div >
<!-- -->
< / div >
< / div >
< / div >
< / div >
< / div >
< div aria-labelledby = "releases-tab"
class="tab-pane fade show" id="releases"
role="tabpanel">
@ -674,7 +779,8 @@
<!-- related post -->
<!-- -->
< section class = "oe_container mt32" >
< h2 style = "color: #091E42;font-family: "Montserrat";text-align: center;margin: 25px auto;text-transform: uppercase;" class = "oe_slogan" >
< h2 style = "color: #091E42;font-family: "Montserrat";text-align: center;margin: 25px auto;text-transform: uppercase;"
class="oe_slogan">
< b > Related Products< / b >
< / h2 >
< div id = "demo" class = "row carousel slide mt64 mb32" data-bs-ride = "carousel" >
@ -682,70 +788,96 @@
< div class = "carousel-inner" >
< div class = "carousel-item active" >
< div class = "col-xs-12 col-sm-4 col-md-4 mb16 mt16" style = "float: left; padding: 10px;" >
< a href = "https://apps.odoo.com/apps/modules/17.0/base_accounting_kit" target = "_blank" style = "color: #000; text-decoration: none;" >
< div style = "border-radius: 6px; padding: 16px; border: 1px solid #cbcbcb;" class = "shadow-sm" >
< img class = "img img-responsive center-block" style = " max-width: 100%;" src = "./assets/modules/1.gif" / >
< h4 class = "mt0 text-truncate" style = "text-align:center;width:100% margin-bottom: 8px; font-weight: 600; padding-top: 16px; text-decoration:none;font-size: 18px; padding-bottom: 8px; margin-bottom: 0px" >
Odoo 17 Full Accounting Kit< / h4 >
< a href = "https://apps.odoo.com/apps/modules/18.0/base_accounting_kit"
target="_blank" style="color: #000; text-decoration: none;">
< div style = "border-radius: 6px; padding: 16px; border: 1px solid #cbcbcb;"
class="shadow-sm">
< img class = "img img-responsive center-block" style = " max-width: 100%;"
src="./assets/modules/1.jpg"/>
< h4 class = "mt0 text-truncate"
style="text-align:center;width:100% margin-bottom: 8px; font-weight: 600; padding-top: 16px; text-decoration:none;font-size: 18px; padding-bottom: 8px; margin-bottom: 0px">
Odoo 18 Full Accounting Kit< / h4 >
< / div >
< / a >
< / div >
< div class = "col-xs-12 col-sm-4 col-md-4 mb16 mt16" style = "float: left; padding: 10px;" >
< a href = "https://apps.odoo.com/apps/modules/17.0/ohrms_core" target = "_blank" style = "color: #000; text-decoration: none;" >
< div style = "border-radius: 6px; padding: 16px; border: 1px solid #cbcbcb;" class = "shadow-sm" >
< img class = "img img-responsive center-block" style = " max-width: 100%;" src = "./assets/modules/2.gif" / >
< h4 class = "mt0 text-truncate" style = "text-align:center;width:100% margin-bottom: 8px; font-weight: 600; padding-top: 16px; text-decoration:none;font-size: 18px; padding-bottom: 8px; margin-bottom: 0px" >
< a href = "https://apps.odoo.com/apps/modules/18.0/ohrms_core" target = "_blank"
style="color: #000; text-decoration: none;">
< div style = "border-radius: 6px; padding: 16px; border: 1px solid #cbcbcb;"
class="shadow-sm">
< img class = "img img-responsive center-block" style = " max-width: 100%;"
src="./assets/modules/2.jpg"/>
< h4 class = "mt0 text-truncate"
style="text-align:center;width:100% margin-bottom: 8px; font-weight: 600; padding-top: 16px; text-decoration:none;font-size: 18px; padding-bottom: 8px; margin-bottom: 0px">
Open HRMS Core< / h4 >
< / div >
< / a >
< / div >
< div class = "col-xs-12 col-sm-4 col-md-4 mb16 mt16" style = "float: left; padding: 10px;" >
< a href = "https://apps.odoo.com/apps/modules/17.0/invoice_format_editor" target = "_blank" style = "color: #000; text-decoration: none;" >
< div style = "border-radius: 6px;padding: 16px; border: 1px solid #cbcbcb;" class = "shadow-sm" >
< img class = "img img-responsive center-block" style = " max-width: 100%;" src = "./assets/modules/3.png" / >
< h4 class = "mt0 text-truncate" style = "text-align:center;width:100% margin-bottom: 8px; font-weight: 600; padding-top: 16px; text-decoration:none;font-size: 18px; padding-bottom: 8px; margin-bottom: 0px" >
Odoo17 Invoice Format Editor < / h4 >
< a href = "https://apps.odoo.com/apps/modules/18.0/woo_commerce"
target="_blank" style="color: #000; text-decoration: none;">
< div style = "border-radius: 6px;padding: 16px; border: 1px solid #cbcbcb;"
class="shadow-sm">
< img class = "img img-responsive center-block" style = " max-width: 100%;"
src="./assets/modules/3.jpg"/>
< h4 class = "mt0 text-truncate"
style="text-align:center;width:100% margin-bottom: 8px; font-weight: 600; padding-top: 16px; text-decoration:none;font-size: 18px; padding-bottom: 8px; margin-bottom: 0px">
Odoo WooCommerce Connector < / h4 >
< / div >
< / a >
< / div >
< / div >
< div class = "carousel-item" >
< div class = "col-xs-12 col-sm-4 col-md-4 mb16 mt16" style = "float: left; padding: 10px;" >
< a href = "https://apps.odoo.com/apps/modules/17.0/login_user_detail" target = "_blank" style = "color: #000; text-decoration: none;" >
< div style = "border-radius: 6px; padding: 16px; border: 1px solid #cbcbcb;" class = "shadow-sm" >
< img class = "img img-responsive center-block" style = " max-width: 100%;" src = "./assets/modules/4.png" / >
< h4 class = "mt0 text-truncate" style = "text-align:center;width:100% margin-bottom: 8px; font-weight: 600; padding-top: 16px; text-decoration:none;font-size: 18px; padding-bottom: 8px; margin-bottom: 0px" >
User Log Details< / h4 >
< a href = "https://apps.odoo.com/apps/modules/18.0/dynamic_accounts_report" target = "_blank"
style="color: #000; text-decoration: none;">
< div style = "border-radius: 6px; padding: 16px; border: 1px solid #cbcbcb;"
class="shadow-sm">
< img class = "img img-responsive center-block" style = " max-width: 100%;"
src="./assets/modules/4.png"/>
< h4 class = "mt0 text-truncate"
style="text-align:center;width:100% margin-bottom: 8px; font-weight: 600; padding-top: 16px; text-decoration:none;font-size: 18px; padding-bottom: 8px; margin-bottom: 0px">
Odoo18 Dynamic Accounting Reports< / h4 >
< / div >
< / a >
< / div >
< div class = "col-xs-12 col-sm-4 col-md-4 mb16 mt16" style = "float: left; padding: 10px;" >
< a href = "https://apps.odoo.com/apps/modules/17.0/product_barcode" target = "_blank" style = "color: #000; text-decoration: none;" >
< div style = "border-radius: 6px; padding: 16px; border: 1px solid #cbcbcb;" class = "shadow-sm" >
< img class = "img img-responsive center-block" style = " max-width: 100%;" src = "./assets/modules/5.png" / >
< h4 class = "mt0 text-truncate" style = "text-align:center;width:100% margin-bottom: 8px; font-weight: 600; padding-top: 16px; text-decoration:none;font-size: 18px; padding-bottom: 8px; margin-bottom: 0px" >
Odoo17 Product Barcode Generator < / h4 >
< a href = "https://apps.odoo.com/apps/modules/18.0/hide_menu_user" target = "_blank"
style="color: #000; text-decoration: none;">
< div style = "border-radius: 6px; padding: 16px; border: 1px solid #cbcbcb;"
class="shadow-sm">
< img class = "img img-responsive center-block" style = " max-width: 100%;"
src="./assets/modules/5.jpg"/>
< h4 class = "mt0 text-truncate"
style="text-align:center;width:100% margin-bottom: 8px; font-weight: 600; padding-top: 16px; text-decoration:none;font-size: 18px; padding-bottom: 8px; margin-bottom: 0px">
Hide Any Menu User Wise< / h4 >
< / div >
< / a >
< / div >
< div class = "col-xs-12 col-sm-4 col-md-4 mb16 mt16" style = "float: left; padding: 10px;" >
< a href = "https://apps.odoo.com/apps/modules/17.0/whatsapp_redirect" target = "_blank" style = "color: #000; text-decoration: none;" >
< div style = "border-radius: 6px; padding: 16px; border: 1px solid #cbcbcb;" class = "shadow-sm" >
< img class = "img img-responsive center-block" style = " max-width: 100%;" src = "./assets/modules/6.jpg" / >
< h4 class = "mt0 text-truncate" style = "text-align:center;width:100% margin-bottom: 8px; font-weight: 600; padding-top: 16px; text-decoration:none;font-size: 18px; padding-bottom: 8px; margin-bottom: 0px" >
Send Whatsapp Message Odoo17< / h4 >
< a href = "https://apps.odoo.com/apps/modules/18.0/odoo_dynamic_dashboard" target = "_blank"
style="color: #000; text-decoration: none;">
< div style = "border-radius: 6px; padding: 16px; border: 1px solid #cbcbcb;"
class="shadow-sm">
< img class = "img img-responsive center-block" style = " max-width: 100%;"
src="./assets/modules/6.gif"/>
< h4 class = "mt0 text-truncate"
style="text-align:center;width:100% margin-bottom: 8px; font-weight: 600; padding-top: 16px; text-decoration:none;font-size: 18px; padding-bottom: 8px; margin-bottom: 0px">
Odoo Dynamic Dashboard< / h4 >
< / div >
< / a >
< / div >
< / div >
< / div >
<!-- Left and right controls -->
< a class = "carousel-control-prev" href = "#demo" data-bs-slide = "prev" style = "margin-left: -30px;width: 35px;color: #000;" >
< a class = "carousel-control-prev" href = "#demo" data-bs-slide = "prev"
style="margin-left: -30px;width: 35px;color: #000;">
< span class = "carousel-control-prev-icon" >
< i class = "fa fa-chevron-left" style = "font-size:24px" > < / i >
< / span >
< / a >
< a class = "carousel-control-next" href = "#demo" data-bs-slide = "next" style = "margin-right: -30px;width: 35px;color: #000;" >
< a class = "carousel-control-next" href = "#demo" data-bs-slide = "next"
style="margin-right: -30px;width: 35px;color: #000;">
< span class = "carousel-control-next-icon" >
< i class = "fa fa-chevron-right" style = "font-size:24px" > < / i >
< / span >
AjmalCybro
4 weeks ago
