SELL > ORDERS > INVOICES

Invoices

This UI displays the Invoices configuration page and allows to generate the appropriate PDF invoices.

Top UI elements block

  • Multistore switching dropdown - allows navigating through the available Multistores.
  • View my shop and icon - allows opening the Front-Office in the blank new page by clicking this eye icon link. Redirection leads to the homepage of the Mulsitstore.
  • Breadcrumbs navigation - identifies the page level.
  • Invoices - H1 class title for the page.
  • Help ghost CTA - a side-bar with the helpful information, how to navigate in this page.

By date block

This UI block provides ability to download the PDF invoices of the selected range of time. After the download, the invoices are displayed page by page in single document, if there are multiple PDF invoices.

  • Calendar icon and title By date - title of the UI block
  • From and tooltip i icon - once hovered, the tooltip is with the white-colored text in the dark box Format: 2011-12-31 (inclusive).
  • To and tooltip i icon - once hovered, the tooltip is with the white-colored text in the dark box Format: 2011-12-31 (inclusive).
  • Date picking widget inputs with the calendar icons - once clicked on the date numbers, there will be a date picking widget pop-up.
  • Generate PDF file by date CTA - once clicked, the PDF download will be executed.

By order status block

This UI block provides ability to download the PDF invoices of the selected order statuses. After the download, the invoices are displayed page by page in single document, if there are multiple PDF invoices.

  • Clock icon and title By date - title of the UI block
  • From and tooltip i icon - once hovered, the tooltip is with the white-colored text in the dark box You can also export orders which have not been charged yet.
  • Checkboxes, square icons with red or green backgrounds, and numeric values in the squares, Order status names - the square background color indicates if there are some invoices in total counted for the certain Order status - square with green background. Or there are no incvoices in total for the certain Order status - red square. The total number of the invocies are displayed in the squares.
  • Generate PDF file by status CTA - once clicked, the PDF download will be executed.

Screw icon and Invoice options

  • Enable invoices and tooltip i icon - Enables or disables Invoices, once the tooltip is hovered, there is a text in the dark box If enabled, your customers will receive an invoice for the purchase.
  • Enable tax breakdown and tooltip i icon - Enables or disables showing the Tax details in the Invoice, once the tooltip is hovered, there is a text in the dark box If required, show the total amount per rate of the corresponding tax.
  • Enable product image and i icon - Enables or disables showing the product image in the Invoice, once the tooltip is hovered, there is a text in the dark box Adds an image in front of the product name on the invoice.
  • Invoice prefix and tooltip i icon - input field where specific prefix, for Invoice can be set. The prefix will be displayed in the first characters of the Invocie file name and in the beginning of the Invoice number displayed. Once the tooltip is hovered, there is a text in the dark box Freely definable prefix for invoice number (e.g. #IN00001). There is a dropdown with the arrow-down icon, where the prefix can be set for different languages.
  • Add current year to invoice number - adds a year to the Invoice number.
  • Position of the year date - and two radiobutton positions After the sequential number and Before the sequential number triggers the year date position display in Invoices.
  • Invoice number and tooltip i icon - input field, where the numeric value can be typed. The typed number will indicate the beginning number of the Invoces numbers arrangement. Once the tooltip is hovered, there is a text in the dark box If the value is 0, then the arrangement will remain the default. The next invoice will begin with this number, and then increase with each additional invoice. Set to 0 if you want to keep the current number (which is #25).
  • Legal free text and tooltip i icon - input field where additional fee explanation text can be added. Once the tooltip is hovered, there is a text in the dark box Use this field to show additional information on the invoice, below the payment methods summary (like specific legal information). Also, different texts for different languages can be saved, by using the language dropdown.
  • Footer text and tooltip i icon - input field, where footer text can be displayed. Once the tooltip is hovered, there is a text in the dark box Use this field to show additional information on the invoice, below the payment methods summary (like specific legal information). Also, different texts for different languages can be saved, by using the language dropdown.
  • Invoice model and tooltip i icon - dropdown field, where 2 types of Invoces can be selected - invoice or invoice-b2b. Once the tooltip is hovered, there is a text in the dark box Choose an Invoice model.
  • Use the disk as cache for PDF invoices and i icon - Enable or Disable the function, to use the host capacity to cache the PDF invoices. Once the tooltip is hovered, there is a text in the dark box Once the tooltip is hovered_Saves memory but slows down the PDF generation.
  • Save CTA - saving process will be executed.

No lenght limits for characters and no limits for special symbols are set on all configure input fields.

If there is successful save, the UI will show green checkmark icon and success message in green UI - Update successful.

Multistores functionality

Each Multistore has its separate webshop databases. It means, one configuration on one Multistore or Shop group will not affect the other Multistore or Shop group.