Files
Odoo-Modules/garazd_product_label_pro/static/description/index.html
2026-02-22 01:22:18 -05:00

692 lines
45 KiB
HTML

<section class="oe_container" style="font-family: 'Montserrat', 'Odoo Unicode Support Noto', sans-serif;">
<div class="row mt-3">
<ul class="offset-3 col-6 text-left d-md-none list-unstyled pt-5">
<li class="border-top border-bottom"><div class="my-2 mx-sm-2" style="color: #6F649A;"><i class="fa fa-check-circle"></i> Community</div></li>
<li class="border-bottom"><div class="my-2 mx-sm-2" style="color: #694D65;"><i class="fa fa-check-circle"></i> Enterprise</div></li>
</ul>
<div class="col-12 text-right d-none d-md-block">
<span class="m-2" style="float: right; background-color: #694D65; border-color: #694D65; color: #FFFFFF; padding: 5px 18px; border-radius: 15px 0 15px 0; opacity: 1;"><i class="fa fa-check"></i> Enterprise</span>
<span class="m-2" style="float: right; background-color: #6F649A; border-color: #6F649A; color: #FFFFFF; padding: 5px 18px; border-radius: 15px 0 15px 0; opacity: 1;"><i class="fa fa-check"></i> Community</span>
</div>
</div>
</section>
<section class="oe_container" style="font-family: 'Montserrat', 'Odoo Unicode Support Noto', sans-serif;">
<div class="row oe_spaced">
<div class="offset-2 col-8 offset-md-3 col-md-6 offset-lg-0 col-lg-2">
<div class="text-center shadow ml8">
<div class="s_panel_video" data-video-id="NqZMPPCRMOk?rel=0&start=0" style="cursor: pointer; width: 100%;" data-container="body" data-toggle="popover" data-placement="top" data-content="Click on the image to play the video.">
<img class="s_tooltip_tabs_tooltip_image s_figure_link img-fluid rounded-top pb-0" src="banner_youtube.png" alt="Product Label Builder youtube video tutorial">
</div>
<a href="https://youtu.be/NqZMPPCRMOk" target="_blank" class="btn btn-danger rounded-bottom p-1 w-100" role="button" style="width: 100%; font-size: 0.7rem;">Watch on Youtube <i class="fa fa-external-link"></i></a>
</div>
</div>
<div class="offset-xl-1 col-lg-9 d-flex d-column mt-5 mt-lg-0">
<h2 class="h1 align-self-center text-center" style="color: #154577; font-weight: 900; font-family: 'Montserrat', 'Odoo Unicode Support Noto', sans-serif;">Professional tool to build and print product labels</h2>
</div>
</div>
</section>
<section class="oe_container" style="font-family: 'Montserrat', 'Odoo Unicode Support Noto', sans-serif;">
<div class="row oe_spaced">
<div class="col-12">
<div class="h2 text-left ml8" style="color: #FEA621;"><i class="fa fa-newspaper-o mr8"></i>Description</div>
<div class="media p-2 pt-4 overflow-hidden" style="border-color: #FEA621 !important; border-radius: 0 15px 0 0; border-top-style: solid; border-right-style: solid;">
<div class="py-2 px-md-5 lead w-100" style="line-height: 2.5rem;"><p>
There are a lot of benefits of using the Odoo system, but sometimes the standard functionality is not enough for your business needs.
Printing product labels is one of the bottlenecks of the system, where there is a lack of a convenient tool with wide capabilities.
</p>
<p><b>Garazd Creation</b> has developed the tool that allows printing labels in the user-friendly interface with a variety of label options, create and modify own label templates for any paper format and design.</p>
<p>Odoo edit product label app "<b>Barcode Product Label Builder</b>" provides the following options to print product labels:</p>
<div style="line-height:2.5rem">
<div><i class="fa fa-fw fa-tags mr-2" style="color: #FEA621"></i> <b>Quantity management</b> per product label.</div>
<div><i class="fa fa-fw fa-money mr-2" style="color: #FEA621"></i> Choosing a <b>pricelist</b> to specify the product price and currency.</div>
<div><i class="fa fa-fw fa-print mr-2" style="color: #FEA621"></i> <a href="#odoo-label-printing-direct">Direct Odoo label printing</a>, without download.</div>
<div><i class="fa fa-fw fa-percent mr-2" style="color: #FEA621"></i> Special Price Sections: "<b>Promo Price</b>" - to show an additional sale price, "<b>Multi Price</b>" - to show prices from a pricelist based on minimal quantity.</div>
<div><i class="fa fa-fw fa-language mr-2" style="color: #FEA621"></i> <b>Language selection</b> to translate label text fields.</div>
<div><i class="fa fa-fw fa-file-o mr-2" style="color: #FEA621"></i> <b>Skipping free label places</b> when you print on the multi-label sheets.</div>
<div><i class="fa fa-fw fa-star mr-2" style="color: #FEA621"></i> And the main feature is the <a href="#odoo-product-label-builder">product label Builder</a>, which allows you to create and design label templates.</div>
<div><i class="fa fa-fw fa-plus mr-2" style="color: #FEA621"></i> <a href="#odoo-product-label-template">Six ready-made label templates</a> are included.</div>
</div>
<p class="mt-3">Labels that are created by this app, compatible with any thermal label printer which allows to print PDF files.</p>
<p class="mt-3">
Product Label Builder with a functional label print wizard changes the situation with product label printing in Odoo and provides a way to create and design labels on your own without developers.
In Odoo print product labels can be a convenient operation, so simple and fast.
</p>
</div>
</div>
</div>
</div>
</section>
<section class="oe_container" style="font-family: 'Montserrat', 'Odoo Unicode Support Noto', sans-serif;">
<div class="row oe_spaced">
<div class="col-12">
<div class="h2 text-left ml8" style="color: #FEA621;"><i class="fa fa-check-square-o mr8"></i>Benefits</div>
<div class="s_features_grid p-2 pt-4 o_colored_level" data-snippet="s_features_grid" data-name="Features Grid" style="border-color: #FEA621 !important; border-radius: 0 15px 0 0; border-top-style: solid; border-right-style: solid; background-color: #ffa81f14;">
<div class="container p-0">
<div class="row px-md-5">
<div class="col-lg-6 s_col_no_bgcolor pb24">
<div class="row">
<div class="col-lg-12 o_colored_level" data-name="Box">
<i class="s_features_grid_icon fa fa-2x float-left mr32 mr-3 bg-warning fa-smile-o rounded-circle" style="line-height:5rem; height:5rem; width:5rem; text-align:center; float:left;"></i>
<div class="s_features_grid_content">
<div class="h4 pt-2">Easy &amp; Simple</div>
<p>Easy to activate and configure</p>
</div>
</div>
</div>
</div>
<div class="col-lg-6 s_col_no_bgcolor pb24">
<div class="row">
<div class="col-lg-12 o_colored_level" data-name="Box">
<i class="s_features_grid_icon fa fa-2x float-left mr32 mr-3 bg-warning fa-youtube-play rounded-circle" style="line-height:5rem; height:5rem; width:5rem; text-align:center; float:left;"></i>
<div class="s_features_grid_content">
<div class="h4 pt-2">Watch Demo</div>
<p>Watch the video tutorial</p>
</div>
</div>
</div>
</div>
<div class="col-lg-6 s_col_no_bgcolor pb24">
<div class="row">
<div class="col-lg-12 o_colored_level" data-name="Box">
<i class="s_features_grid_icon fa fa-2x float-left mr32 mr-3 bg-warning fa-support rounded-circle" style="line-height:5rem; height:5rem; width:5rem; text-align:center; float:left;"></i>
<div class="s_features_grid_content">
<div class="h4 pt-2">Support</div>
<p>Free 30 days support and 180 days bug-fixing</p>
</div>
</div>
</div>
</div>
<div class="col-lg-6 s_col_no_bgcolor pb24">
<div class="row">
<div class="col-lg-12 o_colored_level" data-name="Box">
<i class="s_features_grid_icon fa fa-2x float-left mr32 mr-3 bg-dark fa-search rounded-circle" style="line-height:5rem; height:5rem; width:5rem; text-align:center; float:left;"></i>
<div class="s_features_grid_content">
<div class="h4 pt-2">Try me</div>
<p>Demo &amp; Test. Click on the "Live Preview" button</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="oe_container" style="font-family: 'Montserrat', 'Odoo Unicode Support Noto', sans-serif;">
<div class="row oe_spaced">
<div class="col-12">
<section class="oe_container" style="font-family: 'Montserrat','Odoo Unicode Support Noto',sans-serif; line-height: 2rem;">
<div class="h2 text-left ml8" style="color: #FEA621;"><i class="fa fa-graduation-cap mr8"></i>Advanced Settings</div>
<div class="media p-2 pt-4" style="border-color: #FEA621 !important; border-radius: 0 15px 0 0; border-top-style: solid; border-right-style: solid;">
<div class="media-body">
<div class="py-2 px-md-5" style="line-height: 2rem;">
The professional version of the label printing wizard provides advanced label settings:
</div>
<ol class="py-2 mx-md-3">
<li>Select the label type "<b>Product Label from your own template</b>".</li>
<li>Then choose a label template.</li>
<blockquote>
There are 6 ready-made label templates after module installation: 2 <b>Dymo</b> labels, 2 on the <b>A4</b> paper format, 2 on the <b>Letter</b> paper format.
You can modify them for you needs, or clone.
</blockquote>
<li>To preview a label template, activate the switch "<b>Show Label</b>".</li>
</ol>
<div class="text-center my-5 mx-md-5">
<img src="print_product_label_pro_settings.png" class="w-100 img-fluid rounded shadow-lg border" alt="Odoo 18.0 product label settings">
</div>
<ol class="py-2 mx-md-3" start="4">
<li>Sometimes, if you are printing on A4 or Letter size sheets, you may want to skip the first few label spaces on the sheet, just enter the number of spaces to skip.</li>
<li>Select a pricelist to specify product prices on labels.</li>
<blockquote>
The currency will be changed according to the selected pricelist and the currency symbol will be placed before or after a product price, as it specified in settings.
</blockquote>
</ol>
<div class="h3 mt-4 p-2 pl-md-5">Label Options</div>
<div class="py-2 px-md-5" style="line-height: 2rem;">
You can also set some label options on the <b>Options</b> tab:
</div>
<ul class="py-2 mx-md-5">
<li><b>Language</b> - to specify the language to translate label fields.</li>
<li><b>Human readable barcode</b> - to print a barcode digit code on the labels.</li>
<li><b>Border</b> - to set the label border width.</li>
<blockquote>Set to <b>0</b> to print labels without border.</blockquote>
</ul>
<div class="text-center my-5 mx-md-5">
<img src="print_product_label_options.png" class="w-100 img-fluid rounded shadow-lg border" alt="Odoo 18.0 product label options">
</div>
<ul class="py-2 mx-md-5">
<li><b>Company</b> - you can specify the company if you use several companies in your Odoo database with this option, this company related data will be used on the labels.</li>
<li><b>Sales Pricelist</b> - product prices from this pricelist will be used on labels in "Promo Price" label sections.</li>
</ul>
<div class="h3 mt-4 p-2 pl-md-5">Label Printing</div>
<div class="py-2 px-md-5 mb-4" style="line-height: 2rem;">
Finally, you can preview the labels before printing, by clicking on the <span class="btn btn-sm btn-secondary"><i class="fa fa-search"></i> <b>PREVIEW</b></span> button,
or download labels in the PDF format with the <span class="btn btn-sm btn-secondary"><i class="fa fa-download"/></i> <b>DOWNLOAD</b></span> button, or print them with the <span class="btn btn-sm btn-primary"><i class="fa fa-print"/></i> <b>PRINT</b></span>
</div>
<div class="h3 mt-4 p-2 pl-md-5">Label Settings</div>
<div class="py-2 px-md-5 mb-4" style="line-height: 2rem;">
<p>If you want to use the custom print wizard, by clicking on the "Print Labels" button, instead of standard, go to the "General Settings" menu and activate the "Print with the alternative wizard" option.</p>
<p>Here, you can also configure the demo product and pricelists to preview label templates in the label designer.</p>
</div>
<div class="text-center my-5 mx-md-5">
<img src="product_label_general_settings.png" class="w-100 w-lg-75 img-fluid rounded shadow-lg border" alt="Odoo product label settings for template preview in 18.0">
</div>
<div class="py-2 px-md-5 mb-4" style="line-height: 2rem;">
To open a label template list, go to the "Settings" - "Technical" - "Reporting" - "Label Templates" menu.
</div>
<div class="h3 mt-4 p-2 pl-md-5">User Defaults</div>
<div class="text-center my-5 mx-md-5">
<img src="product_label_builder_user_default_template.png" class="w-100 w-lg-50 img-fluid rounded shadow-lg border" alt="User default label template setting in Odoo 18.0">
</div>
<div class="py-2 px-md-5 mb-4" style="line-height: 2rem;">
Specify the default label template for your system users in the user settings on the <b>Preferences</b> tab.
</div>
</div>
</div>
</section>
</div>
</div>
</section>
<section class="oe_container" style="font-family: 'Montserrat', 'Odoo Unicode Support Noto', sans-serif;">
<div class="row oe_spaced">
<div class="col-12">
<section class="oe_container" style="font-family: 'Montserrat','Odoo Unicode Support Noto',sans-serif; line-height: 2rem;" id="odoo-product-label-builder">
<div class="h2 text-left ml8" style="color: #FEA621;"><i class="fa fa-object-ungroup mr8"></i>Working with Label Templates</div>
<div class="media p-2 pt-4 bg-light" style="border-color: #FEA621 !important; border-radius: 0 15px 0 0; border-top-style: solid; border-right-style: solid;">
<div class="media-body">
<div class="h3 mt-5 p-2 px-md-5">Creating a Label Template</div>
<div class="py-2 px-md-5" style="line-height: 2rem;">
Click on the <span class="btn-sm btn-primary"><i class="fa fa-plus"/> ADD</span> button to create a new label template.
</div>
<div class="text-center my-5 mx-md-5">
<img src="product_label_builder_add_template.png" class="w-100 img-fluid rounded shadow-lg border" alt="Odoo 18.0 create label template ">
</div>
<div class="py-2 px-md-5" style="line-height: 2rem;">
<p>To add a sticker label for a thermal printer, choose the paper format "Custom" and specify the label width and height (in mm).</p>
<p>In case when you need multi labels, several labels on a sheet, you must also specify the "Cols" and "Rows" parameters in the "Layout" section. Then enter the width and height of the custom page.</p>
<p>To add an A4 or US Letter label template, select the appropriate paper format and specify the "Cols" and "Rows" options for a sheet layout.</p>
</div>
<div class="text-center my-5 mx-md-5">
<img src="product_label_builder_add_dymo_template.png" class="w-100 w-lg-75 img-fluid rounded shadow-lg border" alt="Odoo 18.0 add label template ">
</div>
<div class="py-2 px-md-5" style="line-height: 2rem;">
Click on the <span class="btn-sm btn-primary"><i class="fa fa-plus"/> CREATE TEMPLATE</span> to continue with template settings.
</div>
<div class="h3 mt-5 p-2 px-md-5">Adding Label Sections</div>
<div class="py-2 px-md-5" style="line-height: 2rem;">
You can create label template sections and specify necessary parameters for them.
Sections can be of different types, we'll look at them next.
Let's create one by clicking on "<b>Sections</b>" button and creating a new record.
</div>
<div class="text-center my-5 mx-md-5">
<img src="product_label_builder_add_section.png" class="w-100 w-lg-75 img-fluid rounded shadow-lg border" alt="Odoo 18.0 add label template section">
</div>
<div class="h3 mt-5 p-2 px-md-5">Section Settings</div>
<div class="py-2 px-md-5" style="line-height: 2rem;">
The first section will be the "Product Name" with the following settings:
</div>
<div class="text-center my-5 mx-md-5">
<img src="product_label_builder_section_settings_data.png" class="w-100 w-lg-75 img-fluid rounded shadow-lg border" alt="Odoo 18.0 label data settings">
</div>
<ul class="py-2 mx-md-5">
<li><b>Type:</b> <code>Model Field</code></li>
<li><b>Field:</b> <code>Product</code></li>
<li><b>Relation Field:</b> <code>Name</code></li>
<div class="alert alert-info py-2 my-3" role="alert">
<p class="h5">Available section types:</p>
<p class="pt-3">Section type "<code>Text</code>" allows to print static text, like as "Price:", "Sale", "Special Offer", etc.</p>
<p>The "<code>Price</code>" section adds a product price with a currency symbol. You can specify the currency symbol position before or after the price value.</p>
<p>The "<code>Promo Price</code>" section allows you to put an additional promotional price on the label. In this case, you should specify the Sales Pricelist in the Label Print Wizard.</p>
<p>The "<code>Multi Price</code>" section is intended to display multiple prices for a product in case you use pricelist rules based on the minimum quantity.</p>
<div class="offset-2 col-8 offset-lg-3 col-lg-6 text-center my-5">
<img src="product_barcode_label_100x100mm_multi_price.png" class="w-100 w-lg-50 img-fluid rounded shadow-lg border" alt="Odoo barcode product sticker label 100 x 100 mm with several prices">
</div>
<p>Section type "<code>Model Field</code>" allows specifying any char or numeric field from the following label fields:</p>
<ul>
<li>Product (product.product)</li>
<li>Company (res.company)</li>
<li>Stock Transfer (stock.picking) - with <a href="https://apps.odoo.com/apps/modules/18.0/garazd_product_label_picking/" target="_blank">this additional module</a></li>
<li>Purchase Order (purchaser.order) - with <a href="https://apps.odoo.com/apps/modules/18.0/garazd_product_label_purchase/" target="_blank">this additional module</a></li>
<li>Product Packaging (product.packaging) - with <a href="https://apps.odoo.com/apps/modules/18.0/garazd_product_label_packaging/" target="_blank">this additional module</a></li>
<li>Manufacturing Order (mrp.production) - with <a href="https://apps.odoo.com/apps/modules/18.0/garazd_product_label_mrp/" target="_blank">this additional module</a></li>
</ul>
<p class="pt-3">The "<code>Product Attributes</code>" section type adds product attribute values to a label, like as: "Color: Black, Size: XL". Manage to include a product attribute name or not by the "<b>With Attribute Name</b>" option.</p>
<p>The "<code>Image</code>" section type gives you the option to place an image on your label.</p>
</div>
</ul>
<div class="py-2 px-md-5" style="line-height: 2rem;">
Let's continue with label design settings:
</div>
<div class="text-center my-5 mx-md-5">
<img src="product_label_builder_section_settings_design.png" class="w-100 w-lg-75 img-fluid rounded shadow-lg border" alt="Odoo 18.0 label design settings">
</div>
<ul class="py-2 mx-md-5">
<li><b>Height, mm:</b> <code>10</code></li>
<li><b>Float Position:</b> <code>Full Width</code></li>
<div class="alert alert-info py-2 my-3" role="alert">
<p>The other available values are <code>Left Side</code> and <code>Right Side</code>.</p>
<p>If you choose one of them, you can place multiple sections in one row and specify their width.</p>
<div class="text-center my-5 mx-md-5">
<img src="product_label_builder_section_float.png" class="w-100 w-lg-50 img-fluid rounded shadow-lg border" alt="Odoo 18.0 label section float settings">
</div>
</div>
<li><b>Widget:</b>
<ul class="py-2 mx-md-5">
<li><code>Price</code> - show product price with a currency symbol and small cents, is used only for the "Product Price" field.</li>
<li><code>Barcode</code> - generate a section value as a barcode.</li>
<li><code>QR Code</code> - generate a QR code from the section value. Can be used with any text value.</li>
<li><code>Image</code> - show binary fields as an image. Can be used to show product images or other binary fields containing image data.</li>
</ul>
</li>
</ul>
<div class="py-2 px-md-5" style="line-height: 2rem;">
Next, let's take a look at what text settings are available:
</div>
<div class="text-center my-5 mx-md-5">
<img src="product_label_builder_section_settings_text.png" class="w-100 w-lg-75 img-fluid rounded shadow-lg border" alt="Odoo 18.0 label font and text settings">
</div>
<ul class="py-2 mx-md-5">
<li><b>Align:</b> <code>Center, Left, Right, Justify</code> values are available.</li>
<li><b>Font Weight:</b> can be <code>100, normal, bold, or 900</code>.</li>
<li><b>Font Size:</b> <code>20</code>, this value can be in pixels or mm.</li>
<li><b>Line Height:</b> <code>1.0</code>.</li>
<li><b>Letter Spacing:</b> <code>0</code>, can be positive (<code>2.5</code>) or negative (<code>-1</code>), in mm.</li>
<li><b>Color:</b> <code>#FFFFFF</code>. A handy color widget allows you to choose any color from the palette.</li>
<li>
<b>Format:</b> You have an ability to specify a format such as <code>%.2f</code>, <code>%d</code> for the <a href="https://docs.python.org/3/library/stdtypes.html#printf-style-bytes-formatting" target="_blank">digit values</a>,
and <code>%d/%m/%Y</code>, <code>%Y %B %d %H:%M:%S</code> for the <a href="https://docs.python.org/3/library/datetime.html#strftime-and-strptime-format-codes" target="_blank">date and datetime values</a>.
</li>
<li><b>Text Decoration:</b> <code>Line Through</code>. Use this option to cross out the regular price when you add a promotional price to a label, or in other cases.</li>
</ul>
<div class="py-2 px-md-5" style="line-height: 2rem;">
<p>In addition, on the "<b>Paddings</b>" tab, you can configure the section padding attributes (in mm).</p>
<p>On the "<b>Margins</b>" tab, you can specify the section margins (in mm).</p>
<p>On the "<b>Borders</b>" tab, add borders for any side of the section: <code>Top</code>, <code>Bottom</code>, <code>Left</code>, or <code>Right</code>, and specify the border width (in pixels).</p>
<p>On the "<b>Background</b>" tab, you can set up the section background.</p>
</div>
<div class="h3 mt-5 p-2 px-md-5">Shorten URL</div>
<div class="py-2 px-md-5" style="line-height: 2rem;">
In cases when you want to put a QR code with a URL on a label or just place a short URL, the URL shortening can provide additional benefits such as:
<ul class="py-2 mx-md-5">
<li>more quality QR code image (as the shorted URL text value is usually smaller);</li>
<li>tracking information about how often and when the URL was opened.</li>
</ul>
You can activate this option for label sections with the types "<code>Text</code>" or "<code>Model Field</code>":
<div class="text-center my-3">
<img src="product_label_shorten_url_option.png" class="w-75 w-lg-50 img-fluid rounded shadow-lg border" alt="Odoo product label section option shorten URL in 18.0">
</div>
This functionality is handled by the Odoo internal link tracker and allows getting a link like this one: <code>https://your-domain/r/aBc</code>.
</div>
<div class="text-center my-5 mx-md-5">
<img src="product_label_shorten_url.png" class="w-100 img-fluid rounded shadow-lg border" alt="Odoo Product Label Link Tracker shorten URL in 18.0">
</div>
<div class="h3 mt-5 p-2 px-md-5">Visibility and Order of Sections</div>
<div class="py-2 px-md-5" style="line-height: 2rem;">
By clicking the "<b>Sections</b>" button on the label template form, you can open a list of sections and perform actions with them:
</div>
<ol class="py-2 mx-md-5">
<li><b>Change order</b> - just drag and drop sections to set the order that you need.</li>
<li><b>Hide or Show</b> - switch the "Active" option to hide or show the section.</li>
</ol>
<div class="text-center my-5 mx-md-5">
<img src="product_label_builder_section_list.png" class="w-100 img-fluid rounded shadow-lg border" alt="Odoo 18.0 template sections">
</div>
</div>
</div>
</section>
</div>
</div>
</section>
<section class="oe_container" style="font-family: 'Montserrat', 'Odoo Unicode Support Noto', sans-serif;">
<div class="row oe_spaced">
<div class="col-12">
<section class="oe_container" style="font-family: 'Montserrat','Odoo Unicode Support Noto',sans-serif; line-height: 2rem;">
<div class="h2 text-left ml8" style="color: #FEA621;"><i class="fa fa-search mr8"></i>Label Preview</div>
<div class="media p-2 pt-4" style="border-color: #FEA621 !important; border-radius: 0 15px 0 0; border-top-style: solid; border-right-style: solid;">
<div class="media-body">
<div class="py-2 px-md-5" style="line-height: 2rem;">
<p>During label designing, activate the "Preview" option to show your product label without having to generate a PDF sheet.</p>
</div>
<div class="text-center my-5 mx-md-5">
<img src="product_label_builder_preview.png" class="w-100 img-fluid rounded shadow-lg border" alt="Odoo 18.0 barcode product label preview mode">
</div>
</div>
</div>
</section>
</div>
</div>
</section>
<section class="oe_container" style="font-family: 'Montserrat', 'Odoo Unicode Support Noto', sans-serif;">
<div class="row oe_spaced">
<div class="col-12">
<section class="oe_container" style="font-family: 'Montserrat','Odoo Unicode Support Noto',sans-serif; line-height: 2rem;" id="odoo-label-printing-direct">
<div class="h2 text-left ml8" style="color: #FEA621;"><i class="fa fa-print mr8"></i>Print Label Directly</div>
<div class="media p-2 pt-4" style="border-color: #FEA621 !important; border-radius: 0 15px 0 0; border-top-style: solid; border-right-style: solid;">
<div class="media-body">
<div class="py-2 px-md-5" style="line-height: 2rem;">
<p>With this feature, you can print product labels directly to your local or network printer. You don't need to download the PDF before.
Just click on the "Print" button and the browser printing window will be opened, where you'll be able to select a printer.</p>
</div>
<div class="text-center my-5 mx-md-5">
<img src="product_label_builder_direct_print.png" class="w-100 img-fluid rounded shadow-lg border" alt="18.0 odoo direct print label">
</div>
<div class="text-center my-5 mx-md-5">
<img src="product_label_builder_direct_print_window.jpg" class="w-lg-50 img-fluid rounded shadow-lg border" alt="18.0 odoo label printing directly">
</div>
<div class="py-2 px-md-5" style="line-height: 2rem;">
<p>For downloading the labels, use the corresponding "Download" button.</p>
<div class="alert alert-info py-2 my-3" role="alert">There are no external services or servers are required.</div>
</div>
</div>
</div>
</section>
</div>
</div>
</section>
<section class="oe_container" style="font-family: 'Montserrat', 'Odoo Unicode Support Noto', sans-serif;">
<div class="row oe_spaced">
<div class="col-12">
<section class="oe_container" style="font-family: 'Montserrat','Odoo Unicode Support Noto',sans-serif; line-height: 2rem;" id="odoo-product-label-template">
<div class="h2 text-left ml8" style="color: #FEA621;"><i class="fa fa-barcode mr8"></i>Label Samples</div>
<div class="media p-2 pt-4 bg-light" style="border-color: #FEA621 !important; border-radius: 0 15px 0 0; border-top-style: solid; border-right-style: solid;">
<div class="media-body">
<div class="py-2 px-md-5" style="line-height: 2rem;">
Labels will be generated in the PDF format:
</div>
<div class="h3 mt-4 p-2 pl-md-5">Sticker Labels for thermal printers (Dymo Labels)</div>
<div class="row px-md-3">
<div class="col-lg-6 mb-4">
<img src="product_barcode_label_50x25mm.png" class="w-100 img-fluid rounded shadow-lg border" alt="Odoo 18.0 dymo barcode product label 50 x 25 mm">
</div>
<div class="col-lg-6 mb-4">
<img src="product_barcode_label_100x100mm.png" class="w-100 img-fluid rounded shadow-lg border" alt="Odoo 18.0 dymo barcode product label 100 x 100 mm">
</div>
</div>
<div class="h3 mt-4 p-2 pl-md-5">Labels on the US Letter sheet</div>
<div class="row px-md-3">
<div class="col-lg-6 mb-4">
<img src="product_barcode_label_letter_101x50mm.png" class="w-100 img-fluid rounded shadow-lg border" alt="Odoo 18.0 us letter barcode product label 101 x 50 mm">
</div>
<div class="col-lg-6 mb-4">
<img src="product_barcode_label_letter_66x25mm.png" class="w-100 img-fluid rounded shadow-lg border" alt="Odoo 18.0 us letter barcode product label 66 x 25 mm">
</div>
</div>
<div class="h3 mt-4 p-2 pl-md-5">Labels on the A4 sheet</div>
<div class="row px-md-3">
<div class="col-lg-6 mb-4">
<img src="product_barcode_label_A4_99x38mm.png" class="w-100 img-fluid rounded shadow-lg border" alt="Odoo 18.0 A4 barcode product label 99 x 38 mm">
</div>
<div class="col-lg-6 mb-4">
<img src="product_barcode_label_A4_63x38mm.png" class="w-100 img-fluid rounded shadow-lg border" alt="Odoo 18.0 a4 barcode product label 63 x 38 mm">
</div>
</div>
</div>
</div>
</section>
</div>
</div>
</section>
<section class="oe_container" style="font-family: 'Montserrat','Odoo Unicode Support Noto',sans-serif;">
<div class="row oe_spaced">
<div class="col-12">
<div class="h2 text-left pl-2 pt-3" style="color: #FEA621; font-family: 'Montserrat', 'Odoo Unicode Support Noto', sans-serif;">Related Modules</div>
<div class="mb-3 bg-light" style="border-color:#FEA621 !important; border-radius: 0 15px 0 0; border-top-style: solid; border-right-style: solid;">
<div id="related_modules" class="carousel slide mt-2 mx-3" data-ride="carousel" data-interval="15000" data-pause="hover">
<div class="carousel-inner">
<div class="carousel-item row active" style="min-height: 0px;">
<div class="col-xs-12 col-sm-4 col-md-4 my-4 px-3" style="float:left">
<a href="https://apps.odoo.com/apps/modules/18.0/garazd_product_label_picking/" target="_blank">
<div class="card shadow-sm border rounded deep-1 deep_hover">
<img class="img img-responsive center-block border-bottom w-100" src="banner_garazd_product_label_picking.png" alt="Odoo App Stock Product Labels" title="Stock Product Labels | Print custom product barcode labels for stock transfers | Product Barcode Labels Printing | Print Product Labels | Barcode Product Labels Printinf from Stock | Barcode labels for inventory | Label Inventory Tag">
<div class="card-body">
<div class="card-title h5 text-nowrap text-truncate" title="Stock Product Labels">Stock Product Labels</div>
<p class="card-text small text-nowrap text-truncate" title="Print custom product barcode labels for stock transfers | Product Barcode Labels Printing | Print Product Labels | Barcode Product Labels Printinf from Stock | Barcode labels for inventory | Label Inventory Tag">Print custom product barcode labels for stock transfers | Product Barcode Labels Printing | Print Product Labels | Barcode Product Labels Printinf from Stock | Barcode labels for inventory | Label Inventory Tag</p>
</div>
</div>
</a>
</div>
<div class="col-xs-12 col-sm-4 col-md-4 my-4 px-3" style="float:left">
<a href="https://apps.odoo.com/apps/modules/18.0/garazd_product_label_repair/" target="_blank">
<div class="card shadow-sm border rounded deep-1 deep_hover">
<img class="img img-responsive center-block border-bottom w-100" src="banner_garazd_product_label_repair.png" alt="Odoo App Repair Product Labels" title="Repair Product Labels | Product Labels in Repair Management | Barcode Label Printing for Repair Operations">
<div class="card-body">
<div class="card-title h5 text-nowrap text-truncate" title="Repair Product Labels">Repair Product Labels</div>
<p class="card-text small text-nowrap text-truncate" title="Product Labels in Repair Management | Barcode Label Printing for Repair Operations">Product Labels in Repair Management | Barcode Label Printing for Repair Operations</p>
</div>
</div>
</a>
</div>
<div class="col-xs-12 col-sm-4 col-md-4 my-4 px-3" style="float:left">
<a href="https://apps.odoo.com/apps/modules/18.0/garazd_product_label_purchase/" target="_blank">
<div class="card shadow-sm border rounded deep-1 deep_hover">
<img class="img img-responsive center-block border-bottom w-100" src="banner_garazd_product_label_purchase.png" alt="Odoo App Purchase Product Labels" title="Purchase Product Labels | Print custom product barcode labels for purchase orders | Barcode product label printing from purchase order">
<div class="card-body">
<div class="card-title h5 text-nowrap text-truncate" title="Purchase Product Labels">Purchase Product Labels</div>
<p class="card-text small text-nowrap text-truncate" title="Print custom product barcode labels for purchase orders | Barcode product label printing from purchase order">Print custom product barcode labels for purchase orders | Barcode product label printing from purchase order</p>
</div>
</div>
</a>
</div>
</div>
<div class="carousel-item row" style="min-height: 0px;">
<div class="col-xs-12 col-sm-4 col-md-4 my-4 px-3" style="float:left">
<a href="https://apps.odoo.com/apps/modules/18.0/garazd_product_label_packaging/" target="_blank">
<div class="card shadow-sm border rounded deep-1 deep_hover">
<img class="img img-responsive center-block border-bottom w-100" src="banner_garazd_product_label_packaging.png" alt="Odoo App Product Packaging Labels" title="Product Packaging Labels | Custom Product Packagings Labels | Product Barcode Labels Printing | Print Product Labels">
<div class="card-body">
<div class="card-title h5 text-nowrap text-truncate" title="Product Packaging Labels">Product Packaging Labels</div>
<p class="card-text small text-nowrap text-truncate" title="Custom Product Packagings Labels | Product Barcode Labels Printing | Print Product Labels">Custom Product Packagings Labels | Product Barcode Labels Printing | Print Product Labels</p>
</div>
</div>
</a>
</div>
<div class="col-xs-12 col-sm-4 col-md-4 my-4 px-3" style="float:left">
<a href="https://apps.odoo.com/apps/modules/18.0/garazd_product_label_mrp/" target="_blank">
<div class="card shadow-sm border rounded deep-1 deep_hover">
<img class="img img-responsive center-block border-bottom w-100" src="banner_garazd_product_label_mrp.png" alt="Odoo App MRP Product Labels" title="MRP Product Labels | Custom Product Labels in Manufacturing | Barcode Product Labels Printinf from Manufacturing">
<div class="card-body">
<div class="card-title h5 text-nowrap text-truncate" title="MRP Product Labels">MRP Product Labels</div>
<p class="card-text small text-nowrap text-truncate" title="Custom Product Labels in Manufacturing | Barcode Product Labels Printinf from Manufacturing">Custom Product Labels in Manufacturing | Barcode Product Labels Printinf from Manufacturing</p>
</div>
</div>
</a>
</div>
<div class="col-xs-12 col-sm-4 col-md-4 my-4 px-3" style="float:left">
<a href="https://apps.odoo.com/apps/modules/18.0/garazd_product_label_maintenance/" target="_blank">
<div class="card shadow-sm border rounded deep-1 deep_hover">
<img class="img img-responsive center-block border-bottom w-100" src="banner_garazd_product_label_maintenance.png" alt="Odoo App Maintenance Barcode Labels" title="Maintenance Barcode Labels | Maintenance Labels">
<div class="card-body">
<div class="card-title h5 text-nowrap text-truncate" title="Maintenance Barcode Labels">Maintenance Barcode Labels</div>
<p class="card-text small text-nowrap text-truncate" title="Maintenance Labels">Maintenance Labels</p>
</div>
</div>
</a>
</div>
</div>
</div>
<!-- Control arrows -->
<a class="carousel-control-prev w-0" href="#related_modules" data-slide="prev" style="color: #FEA621;">
<span class="carousel-control-prev-icon"><i class="fa fa-chevron-left fa-2x"></i></span>
</a>
<a class="carousel-control-next w-0" href="#related_modules" data-slide="next" style="color: #FEA621;">
<span class="carousel-control-next-icon"><i class="fa fa-chevron-right fa-2x"></i></span>
</a>
</div>
</div>
</div>
</div>
</section>
<section class="oe_container" style="font-family: 'Montserrat', 'Odoo Unicode Support Noto', sans-serif; background-color: #FEA621; border-color: #fea621; padding: 12px 28px; border-radius: 15px 0 15px 0;">
<div class="row my-2">
<div class="col-lg-4 text-center mb-5 mb-lg-0">
<div class="h3 p-2 mb-2 font-weight-bold">Contact Us</div>
<div class="lead text-white pb-2">Support, customizations, and development</div>
<div class="w-100 w-md-75 w-lg-100 my-1 pl-3 text-nowrap text-truncate btn btn-dark rounded">
<i class="fa fa-envelope fa-fw" style="font-size:1.2rem;"></i>
<a href="mailto:support@garazd.biz" target="_blank">support@garazd.biz</a>
</div>
<div class="w-100 w-md-75 w-lg-100 my-1 pl-3 text-nowrap text-truncate btn btn-dark rounded">
<i class="fa fa-skype fa-fw" style="font-size:1.2rem;"></i>
<span>Skype: </span>
<a href="skype:live:7f0648d653072c5f?chat" target="_blank">GarazdCreation</a>
</div>
<div class="w-100 w-md-75 w-lg-100 m-auto my-1 pl-3 text-nowrap text-truncate btn-light border border-dark rounded" style="line-height: 2.4rem;">
<a href="https://garazd.biz/contactus" target="_blank">https://garazd.biz/contactus</a>
</div>
</div>
<div class="col-12 col-lg-4 border-left border-right">
<div class="h3 p-2 mb-3 text-center font-weight-bold">Our expertise</div>
<div class="text-left">
<div class="my-3 pl-3 text-nowrap text-truncate lead text-white" data-container="body" data-toggle="popover" data-placement="top" data-content="Garazd Creation is official Odoo Partner with the status 'Learning Partner'.">
<i class="fa fa-handshake-o fa-fw"></i> Odoo Learning Partner
</div>
<div class="my-3 pl-3 text-nowrap text-truncate lead text-white" data-container="body" data-toggle="popover" data-placement="top" data-content="Odoo Community Association member.">
<i class="fa fa-group fa-fw"></i> OCA Member
</div>
<div class="my-3 pl-3 text-nowrap text-truncate lead text-white" data-container="body" data-toggle="popover" data-placement="top" data-content="Garazd Creation with Odoo since 2014.">
<i class="fa fa-calendar-check-o fa-fw"></i> With Odoo since 2014
</div>
<div class="my-3 pl-3 lead text-white" data-container="body" data-toggle="popover" data-placement="top" data-content="Over 20,000 app downloads and purchases in Odoo Apps Store.">
<i class="fa fa-download fa-fw"></i> Over 20,000 app downloads and purchases
</div>
<div class="my-3 pl-3 lead text-white" data-container="body" data-toggle="popover" data-placement="top" data-content="Our apps in the TOP 10 on Odoo Apps.">
<i class="fa fa-trophy fa-fw"></i> Our apps in the TOP 10 on Odoo Apps
</div>
</div>
</div>
<div class="col-12 col-lg-4 mt-5 mt-lg-0">
<div class="h3 p-2 text-center font-weight-bold">Explore our apps</div>
<div class="text-center mb-3">
<a href="https://apps.odoo.com/apps/browse?repo_maintainer_id=119796" target="_blank">
<div class="text-black bg-warning shadow-sm rounded">
<i class="fa fa-compass fa-4x py-0"></i>
</div>
</a>
</div>
<div class="h4 p-2 text-center font-weight-bold">Watch and subscribe</div>
<div class="text-center">
<a href="https://www.youtube.com/channel/UCjHB3t-qc6SQmbgnS8bSPOA?sub_confirmation=1" target="_blank">
<div class="text-black bg-warning shadow-sm rounded">
<i class="fa fa-youtube-play fa-4x py-0"></i>
</div>
</a>
</div>
</div>
</div>
</section>
<section class="oe_container" style="font-family: 'Montserrat', 'Odoo Unicode Support Noto', sans-serif;">
<div class="row mt-5 mb-4 align-items-center">
<div class="col-6 text-left">Version: 18.0.1.1.0</div>
<div class="col-6 text-right" style="text-align: right;"><small>Module design is reserved</small> | Copyright &copy; <a href="https://garazd.biz/" target="_blank">Garazd Creation</a></div>
<section class="oe_container col-12 mt-5" style="font-family: 'Montserrat','Odoo Unicode Support Noto',sans-serif; line-height: 1.75rem;">
<div class="h2 text-left ml8 mr32" style="color: #FEA621;"><i class="fa fa-code-fork mr8"></i>Changelog</div>
<div class="media p-2 pt-4" style="border-color:#FEA621 !important; border-radius: 15px; border: solid;">
<small class="media-body">
<ul class="list-unstyled">
<li class="media">
<div class="media-body mb-4">
<div class="h5 ml32 my-1" style="font-size: 1.0rem;">
<span class="font-weight-bold bg-dark text-white rounded py-1 px-3">18.0.1.1.0</span>
<span class="text-muted ml16">2024-12-13</span>
</div>
<ul class="mt-2">
<li class="mx-3"><small>Improve views with the "invisible" fields.</small></li>
<li class="mx-3"><small>Improve processing of the binary fields for nested relations.</small></li>
<li class="mx-3"><small>Fix adding of the horizontal gap between labels for multi-label sheets.</small></li>
<li class="mx-3"><small>Improve previewing of label sections - skip inactive sections.</small></li>
<li class="mx-3"><small>Add the option to specify allowed product attributes for the "Product Attributes" type of label sections.</small></li>
<li class="mx-3"><small>Add the parameter "garazd_product_label_pro.barcode_multiplier" to enhance the barcode quality.</small></li>
<li class="mx-3"><small>Add checking that a label section has a value before the post processing.</small></li>
</ul>
</div>
</li>
<li class="media">
<div class="media-body mb-4">
<div class="h5 ml32 my-1" style="font-size: 1.0rem;">
<span class="font-weight-bold bg-dark text-white rounded py-1 px-3">18.0.1.0.1</span>
<span class="text-muted ml16">2024-12-11</span>
</div>
<ul class="mt-2">
<li class="mx-3"><small>Fix tests.</small></li>
</ul>
</div>
</li>
<li class="media">
<div class="media-body mb-4">
<div class="h5 ml32 my-1" style="font-size: 1.0rem;">
<span class="font-weight-bold bg-dark text-white rounded py-1 px-3">18.0.1.0.0</span>
<span class="text-muted ml16">2024-10-22</span>
</div>
<ul class="mt-2">
<li class="mx-3"><small>Migration from 17.0.</small></li>
</ul>
</div>
</li>
</ul>
</div>
</small>
</div>
</section>
</div>
</section>