334 lines
19 KiB
HTML
334 lines
19 KiB
HTML
<!-- Copyright (c) 2016-Present Webkul Software Pvt. Ltd. (<https://webkul.com/>) -->
|
|
<!-- See LICENSE file for full copyright and licensing details. -->
|
|
<!-- License URL : <https://store.webkul.com/license.html/> -->
|
|
<section class="oe_container" style="padding-left: 2%; padding-right: 2%;">
|
|
<section class="oe_container" id="wk_header">
|
|
<div class="mt32 mb32">
|
|
<h2 class="text-center" style="color:#000">
|
|
Odoo POS Receipt Design
|
|
</h2>
|
|
<h5 class="mt8 mb8 text-center" style="font-weight:500; font-size:18px; color:#484848; font-family:'Montserrat', sans-serif">
|
|
<i>Design The POS Receipt as You Want!</i>
|
|
</h5>
|
|
</div>
|
|
<div class="row mt16 mb16 py-2 m-1" style="font-weight:500; font-size:18px; color:#484848; font-family:'Montserrat', sans-serif">
|
|
<div class=" card p-3 container col-md-6 border-right" style="font-weight:500; line-height:24px; font-size:16px; color:#484848; font-family:'Montserrat', sans-serif; vertical-align:middle; display:grid">
|
|
<p class="text-justify mb4 mt4 mr8">
|
|
Odoo POS Receipt Design allows you to design the reciepts for your Odoo POS as you want to make it more informative as well as enticing. You can easily simply go to your Odoo backend and add easy XML code to make the receipt design more presentable.
|
|
</p>
|
|
</div>
|
|
<div class="card p-3 container col-md-6 ">
|
|
<h4 class="ml-md-3">Information</h4>
|
|
<div class="mt-2 ml-md-3" style="display:flex">
|
|
<span class="ml-1 mr-2 my-auto"><img src="icon-user-guide.png" alt="user-guide"></span>
|
|
<div style="font-weight:600; font-size:14px; line-height:10px" class="mt-2">
|
|
User Guide
|
|
</div>
|
|
</div>
|
|
<div class="ml-md-3" style="display:flex">
|
|
<span style="font-size:15px; margin-top:0.2rem">https://webkul.com/blog/odoo-pos-receipt-design/</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="shadow-sm mb-5 bg-white rounded" style="background: #FFFFFF;box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.17196);border-radius: 2px;padding: 2%;padding-bottom: 1%;padding-top: 1%;
|
|
margin-top: 4%;margin-bottom: 4%;">
|
|
<h3 style="font-family: Montserrat;font-style: normal;font-weight: 600;font-size: 24px;line-height: 37px;color: #333333;">
|
|
Do you want to enhance the monotonous receipt design?</h3>
|
|
<p style="font-family: Montserrat;font-style: normal;font-weight: normal;font-size: 16px;line-height: 37px;color: #484848;margin-bottom: 0%;;">
|
|
Now, do it with some quick and easy steps. It's completely your call to design the receipt of your Odoo POS as you want.</p>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="oe_container">
|
|
<div class="row">
|
|
<div class="col-md-6 text-justify">
|
|
<div>
|
|
<h3 style="font-family: Montserrat;
|
|
font-style: normal;
|
|
font-weight: 600;
|
|
font-size: 24px;
|
|
line-height: 40px;
|
|
color: #333333;">
|
|
Customize the design of Receipt as You want</h3>
|
|
<h3>
|
|
<div class="mt-4">
|
|
<p style="font-family: Montserrat;
|
|
font-style: normal;
|
|
font-weight: 500;
|
|
font-size: 16px;
|
|
line-height: 30px;
|
|
color: #484848;">
|
|
Receipt is not just a document acknowledging that a person has received money or goods.
|
|
</p>
|
|
<p style="font-family: Montserrat;
|
|
font-style: normal;
|
|
font-weight: 500;
|
|
font-size: 16px;
|
|
line-height: 30px;
|
|
color: #484848;">
|
|
However, you can design your receipt for promotions of your store as well as.
|
|
</p>
|
|
<p style="font-family: Montserrat;
|
|
font-style: normal;
|
|
font-weight: 500;
|
|
font-size: 16px;
|
|
line-height: 30px;
|
|
color: #484848;">
|
|
Apart from promotions, it also helps you to build an impression in front of your customers.
|
|
</p>
|
|
</div>
|
|
</h3>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6 col-xs-12 " style="text-align: center;">
|
|
<div>
|
|
<img class="img-responsive" style="display: inline-block;width: 70%;" src="illustration-1.png">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<br/>
|
|
<br/>
|
|
<br/>
|
|
|
|
<section class="oe_container">
|
|
<div class="row">
|
|
<div class="col-md-6 col-xs-12 " style="text-align: center;">
|
|
<div>
|
|
<img class="img-responsive" style="display: inline-block;width: 65%;" src="Illustration-2.png">
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6 text-justify" style="margin-top: 25px;">
|
|
<div>
|
|
<h3 style="font-family: Montserrat;
|
|
font-style: normal;
|
|
font-weight: 600;
|
|
font-size: 24px;
|
|
line-height: 40px;
|
|
color: #333333;">
|
|
Easy Way to Enhance Receipt Design</h3>
|
|
<h3>
|
|
<div class="mt-4">
|
|
<p style="font-family: Montserrat;
|
|
font-style: normal;
|
|
font-weight: 500;
|
|
font-size: 16px;
|
|
line-height: 27px;
|
|
color: #484848;">
|
|
You need to simply navigate in your Odoo backend and add easy XML code to make the receipt design more presentable.
|
|
</p>
|
|
<br/>
|
|
<p style="font-family: Montserrat;
|
|
font-style: normal;
|
|
font-weight: 500;
|
|
font-size: 16px;
|
|
line-height: 27px;
|
|
color: #484848;">
|
|
Hence, choose your colors or style it's all up to you. Moreover, you can select unique design for each POS shop.
|
|
</p>
|
|
</div>
|
|
</h3>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<br/>
|
|
|
|
<section class="oe_container" style="margin-top: 2%;">
|
|
<h3 style="font-family: Montserrat;
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
font-size: 24px;
|
|
line-height: 40px;
|
|
color: #333333;">What do you get with Odoo POS Receipt Design?
|
|
</h3>
|
|
<div style="padding: 1%;">
|
|
<div class="row">
|
|
<div class="col-lg-4" style="padding: 1%;">
|
|
<div class="shadow-sm mb-5 bg-white rounded" style="height: 140px;">
|
|
<div style="padding-bottom: 8%;padding-left: 7%;padding-top: 6%;">
|
|
<a><img src="icon-1 (1).png"></a>
|
|
</div>
|
|
<div style="padding: 5%;padding-top: 0%;">
|
|
<span style="font-family: Montserrat;
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
font-size: 16px;
|
|
line-height: 22px;
|
|
color: #333333;">Design POS receipt as you want</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4" style="padding: 1%;">
|
|
<div class="shadow-sm mb-5 bg-white rounded" style="height: 140px;">
|
|
<div style="padding-bottom: 8%;padding-left: 7%;padding-top: 6%;">
|
|
<a><img src="Icon-2.png"></a>
|
|
</div>
|
|
<div style="padding: 5%;padding-top: 1%;">
|
|
<span style="font-family: Montserrat;
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
font-size: 16px;
|
|
line-height: 22px;
|
|
color: #333333;">Add the XML code for the design</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4" style="padding: 1%;">
|
|
<div class="shadow-sm mb-5 bg-white rounded" style="height: 140px;">
|
|
<div style="padding-bottom: 8%;padding-left: 7%;padding-top: 6%;">
|
|
<a><img src="Icon-3 (1).png"></a>
|
|
</div>
|
|
<div style="padding-left: 5%;padding-right: 2%;">
|
|
<span style="font-family: Montserrat;
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
font-size: 16px;
|
|
line-height: 22px;
|
|
color: #333333;">Set Unique Receipt design for each POS Shop</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="oe_container mp_tabs">
|
|
<div id="my-tab-content" class="tab-content">
|
|
<div class="" id="odoo_nexmo_view_tab1">
|
|
<section class="shadow-sm mb-5 bg-white rounded oe_container mb-4 mt-4" style="background: #FFFFFF;box-shadow: 0 4px 8px 3px rgba(0,0,0,0.09);">
|
|
<div class="oe_container">
|
|
<div class="panel panel-primary" id="wkid0">
|
|
<div class="panel-heading">
|
|
<h3 class="panel-title" style="font-family: Montserrat;
|
|
font-style: normal;
|
|
font-weight: 600;
|
|
font-size: 18px;
|
|
line-height: 22px;
|
|
text-align: center;
|
|
color: #333333;
|
|
padding-top: 1%;">Design Receipt with XML Code in Odoo Backend</h3>
|
|
</div>
|
|
<div class="panel-body" style="padding: 1%; font-size: 18px;color: #484848;text-align: center;">
|
|
<a href="receipt_screen1.png">
|
|
<img class="img-border img-responsive thumbnail img-fluid" style="border: 1px solid #E0E0E0;" src="receipt_screen1.png">
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class=" shadow-sm mb-5 bg-white rounded oe_container mb-4 mt-4"style="background: #FFFFFF;box-shadow: 0 4px 8px 3px rgba(0,0,0,0.09);">
|
|
<div class="oe_container">
|
|
<div class="panel panel-primary" id="wkid0">
|
|
<div class="panel-heading">
|
|
<h3 class="panel-title" style="font-family: Montserrat;
|
|
font-style: normal;
|
|
font-weight: 600;
|
|
font-size: 18px;
|
|
line-height: 22px;
|
|
text-align: center;
|
|
color: #333333;
|
|
padding-top: 1%;">Select Receipt design for Odoo POS</h3>
|
|
</div>
|
|
<div class="panel-body" style="padding: 1%; font-size: 18px;color: #484848;text-align: center;">
|
|
<a href="receipt_screen2.png">
|
|
<img class="img-border img-responsive thumbnail img-fluid" style="border: 1px solid #E0E0E0;" src="receipt_screen2.png">
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="shadow-sm mb-5 bg-white rounded oe_container mb-4 mt-4" style="background: #FFFFFF;box-shadow: 0 4px 8px 3px rgba(0,0,0,0.09);">
|
|
<div class="oe_container">
|
|
<div class="panel panel-primary" id="wkid0">
|
|
<div class="panel-heading">
|
|
<h3 class="panel-title" style="font-family: Montserrat;
|
|
font-style: normal;
|
|
font-weight: 600;
|
|
font-size: 18px;
|
|
line-height: 22px;
|
|
text-align: center;
|
|
color: #333333;
|
|
padding-top: 1%;">Freshly Designed Odoo POS Receipt</h3>
|
|
</div>
|
|
<div class="panel-body" style="padding: 1%; font-size: 18px;color: #484848;text-align: center;">
|
|
<div class="row">
|
|
<div style="width:215px;float:left; padding:5px;margin:3px;margin-left: 5%;">
|
|
<a href="receipt_1.jpg">
|
|
<img src="receipt_1.jpg" alt="receipt 1" style="width:215px;float:left;background:#ededed; padding:5px;margin:3px;border:1px solid #c8c8c8">
|
|
</a>
|
|
</div>
|
|
<div style="width:215px;float:left; padding:5px;margin:3px">
|
|
<a href="receipt_2.jpg">
|
|
<img src="receipt_2.jpg" alt="receipt 2" style="width:215px;float:left;background:#ededed; padding:5px;margin:3px;border:1px solid #c8c8c8">
|
|
</a>
|
|
</div>
|
|
<div style="width:215px;float:left;padding:5px;margin:3px">
|
|
<a href="receipt_3.jpg">
|
|
<img src="receipt_3.jpg" alt="receipt 3" style="width:215px;float:left;background:#ededed; padding:5px;margin:3px;border:1px solid #c8c8c8">
|
|
</a>
|
|
</div>
|
|
<div style="width:215px;float:left; padding:5px;margin:3px">
|
|
<a href="receipt_4.jpg">
|
|
<img src="receipt_4.jpg" alt="receipt 4" style="width:215px;float:left;background:#ededed; padding:5px;margin:3px;border:1px solid #c8c8c8">
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="pt32" id="webkul_support">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<h2 class="text-center">Help and Support</h2>
|
|
<p class="mb-2 text-center" style="font-size:16px; color:#333; font-weight:400">Get Immediate support for any of your query</p>
|
|
</div>
|
|
<div class="col-12">
|
|
<p class="text-center px-5" style="font-size:14px; color:#555; font-weight:normal">You will get 90 days free support for any doubt, queries, and bug fixing (excluding data recovery) or any type of issue related to this module.</p>
|
|
</div>
|
|
<div class="mx-auto col-lg-9 mb-4 oe_screenshot">
|
|
<div class="row align-items-center justify-content-center mx-0 p-3">
|
|
<div class="col-sm-2 text-center pr-0">
|
|
<img src="mail.png" alt="mail" class="img img-fluid">
|
|
</div>
|
|
<div class="col-xl-7 col-sm-10">
|
|
<p class="my-2" style="color:#555; font-weight:bold">Write a mail to us:</p>
|
|
<b class="text-primary" style="font-size:18px">support@webkul.com</b>
|
|
<p class="my-2" style="font-size:14px; color:#777; font-weight:normal">Any queries or want any extra features? Just drop a mail to our support.</p>
|
|
</div>
|
|
<div class="col-xl-3 offset-xl-0 float-xl-right col-sm-10 offset-sm-2 float-left mt16">
|
|
<a href="mailto:support@webkul.com" style="padding:10px 22px; background-color:#2335D7; font-size:14px; color:#fff"><i class="fa fa-pencil-square-o" style="color:white; margin-right:4px"></i>Write To US</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="mx-auto col-lg-9 oe_screenshot">
|
|
<div class="row align-items-center justify-content-center mx-0 p-3">
|
|
<div class="col-sm-2 text-center pr-0">
|
|
<img src="support-icon.png" alt="support-icon" class="img img-fluid">
|
|
</div>
|
|
<div class="col-sm-10 ">
|
|
<p class="my-2" style="font-weight:bold; color:#555">Get in touch with our Expert:</p>
|
|
<b class="text-primary text-break" style="font-size:18px">https://webkul.uvdesk.com/en/customer/create-ticket/</b>
|
|
<p class="my-2" style="font-weight:normal; font-size:14px; color:#777">Have any technical queries, want extra features, or anything else? Our team is here to answer all your questions. Just Raise A Support Ticket.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<br/>
|
|
<section class="oe_container">
|
|
<div class="span12">
|
|
<!-- Piwik Image Tracker-->
|
|
<img src="http://odooimg.webkul.com/analytics/piwik/piwik.php?idsite=3&rec=1&action_name=POS-RECEIPT-DESIGN&url=https://apps.openerp.com/apps/modules/14.0/pos_receipt_design&uid=pos_receipt_design" style="border:0" alt="">
|
|
<!-- End Piwik -->
|
|
</div>
|
|
<section>
|
|
</section>
|